Search Consoleウェブに関する主な指標|モバイル版不良を改善

先日の記事で述べた、モバイル ユーザビリティの不良の件は解決できました。ワードプレスのテーマ(テンプレート)を刷新し、それから一部の画像サイズを縮小してから、審査のリクエストをして合格となりサーチコンソールの警告は消えました。判定には数日間を要す旨の説明がありましたがその日のうちに合格の通知が来て、モバイル ユーザビリティを確認すると綺麗さっぱり消え去っていました。

引き続き、次の作業に入りました。ウェブに関する主な指標モバイルが真っ赤な棒グラフで色鮮やかになっています。PC版はオレンジ色の棒グラフで改善が必要の記述ですが、モバイル版は不良と記述されています。しかも、全数不良です。モバイルファーストになる日が近づいているのにこれでは全く論外ですね。

ウェブに関する主な指標モバイル不良

ウェブに関する主な指標モバイル不良

サイト速度測定を行うとモバイル版のスコアは25前後でした。

0~49が赤で不良
50~89がオレンジ色で改善
90~100が緑で良
不良の中でも寂しすぎるスコアだったんです。

改善策

1.プラグインの数を極力減らす
2.広告の数を極力減らす。自動広告を廃止する
3.SNSのボタンの数を最小限にする
4.投稿本文上のアイキャッチ画像の廃止(ヘッダー下の画像)
5.Capture(reCAPTCHA)を廃止
6.jpeg . pngなどの画像を次世代画像形式webpに置き換える

上記のことでスコアが上がると信じて作業しました。

1.プラグインの数を極力減らす。

先日から、Wordプレス無料テーマCocoonを使わせて頂いておりますので、有効利用します。

前回まで、JavaScriptを遅延させるプラグインなどを使用していましたが、今回のテーマCocoonは内部設定で利用可能に出来ています。

Wordプレスダッシュボード→Cocoon設定→高速化で、全てに☑を入れて変更保存しました。

これで、ブラウザキャッシュの有効化・HTMLを縮小化する・CSSを縮小化する・JavaScriptを縮小化する・Lazy Loadを有効にする・Googleフォントの非同期読み込みを有効にする・アイコンフォントの非同期読み込みを有効にするなどプラグイン無しで実行できるようになりました。

JavaScript遅延関連などのプラグインは削除しました。

その他のプラグインもあまり役に立たせていない状態ですので極力削除しました。

2.広告の数を極力減らす。自動広告を廃止する。

便利なアドセンス広告自動配信システムなんですが、多めに配信されてしまい広告だらけで文字が読みづらいですよね。とても、多すぎると当然ながら速度低下してしまいます。

今までは、固定の手動広告と自動広告の併用でしたが、今回は自動は停止して様子を見ることにしました。

アドセンスの管理画面の広告→編集→自動広告をOFFこれで自動広告は停止になります。

楽天広告のバナーも廃止、他社の広告も廃止しました。

3.SNSのボタンの数を最小限にする。

SNSのボタンも少なからず速度低下させております。

Wordプレス無料テーマCocoonの設定→SNSフォローのフォローボタンを表示するの☑を外して非表示に。

SNSシェアの

LINEのボタンも削除、自分に関連の無いフェースブックも削除しました。

4.本文上のアイキャッチ画像の廃止(ヘッダー下の画像)

大きな画像も速度低下の立役者となっているようです。

Wordプレス無料テーマCocoonの設定→画像→本文上にアイキャッチを表示するの☑を外して非表示にしました。

5.Capture(reCAPTCHA)を廃止

スパム防止のセキュリティーで守り神なんですがね。この際は背に腹は代えられぬ、reCAPTCHAを廃止しました。

Wordプレスの管理画面→プラグイン→Contact Form 7設定→サイドメニューのインテグレーション→CAPTCHAインテグレーションセットアップ→キーを削除すれば消えます。

6.jpeg . pngなどの画像を次世代画像形式webpに置き換える

これまで使用していた画像形式は、jpeg . pngでしたが、速度が上がる次世代画像形式webpに置き換えてくれるプラグインWebP Expressを導入しました。

通常の次世代画像形式に変換するプラグインは、サーバーにhtaccess の記述が必要ですが、今回のプラグインWebP Expressは、そのままで次世代画像形式webpに置き換えてくれるので設定が簡単です。

初期設定したのは、Alter HTMLに☑を入れただけで済みました。とても簡単ですね。

スコア

http://PageSpeed Insights

Googleが提供しているサイト速度測定です。

PCのスコア

オレンジ色の50を超えたくらいだったPCのスコアが93と飛躍的に上がりました。

サイト速度測定PC

サイト速度測定PC

モバイルのスコア

赤色の25ほどだったモバイルが59とこれもまた飛躍的に上がりました。

サイト速度測定モバイル

サイト速度測定モバイル

グリーンゾーンまで行くと思って作業に励みましたが、やや残念です。

しかし乍ら、25→59に上がるのは素晴らしいことですよね。

関連おすすめ記事

ワードプレステーマcocoonに変更|初心者向に優しい設計
先日からサーチコンソールのモバイルユーサビリティーエラーが発生するようになってしまいました。 「クリック可能な要素同士が近すぎます」と「コンテンツの幅が画面の幅を超えています」というエラーが9記事に増えました。 新規で投稿した記...

スポンサーリンク

タイトルとURLをコピーしました