SEO対策としてスマホサイト対応しました

最近、このサイトのページビューが少なくなったなぁと思い、Google Analytics で１年分のアクセスを分析したところ衝撃的な事実が分かりました。

なんと１年前とくらべて、１日あたりのページビューが５分の１程度にまで落ち込んでいるではないですか。2020年2月22日を境に、激減しています。

おそらく、Google のアルゴリズムの変更でこのサイトの評価が大幅に下がったのだと思います。

このままではマズイと思い、SEO対策を行うことにしました。

Google のPageSpeed Insightで、このサイトの以下のページの表示速度を調べてみました。

すると衝撃の結果が。。。

モバイルサイトの速度のスコアがたった２０しかありません。。。

パソコンサイトのスコアは７４とまずまずでした。

このサイトはパソコンからのアクセスがメインで、スマホからのアクセスがほとんどないのですが、そういうことか、と納得しました。。。

これはマズイので対策を取ることにしました。

とりあえず画像読み込みがパフォーマンスに影響が大きいようなので、「Native Lazyload」というプラグインを導入しました。

このプラグインは、画像遅延読み込みを行ってくれるすぐれものです。ユーザーが画像を表示するまで画像をロードしません。それにより、ページの表示速度を向上させます。

また、画像が重いと当然のこと表示が遅くなるので、今までの画像は仕方ないけれども、これからは加増は圧縮してからアップロードするようにします。

はてなブログでページ速度を改善させるときに気がついたのですが、レスポンシブデザインは見た目はよいのですが、モバイルサイトとしては重たくて微妙なところがあります。

このサイトもレスポンシブデザインを苦労して取り入れていたのですが、どうもそれがよくなかったようです。

そこで、スマホサイトを用意するため、「WPtouch」というプラグインを導入しました。

「WPtouch」は WordPress にプラグインを導入するだけで、スマホ対応ができるすぐれものです。

しかも、今回は投資として「WPtouch Pro」($79/year)の有償版を購入しました。オプション($10/year)もつけて。なので、これから年に$89の追加費用がかかるようになりました。💦

それで、サイトの表示なのですが、レスポンシブデザインのときはこんな感じでした。

これが「WPtouch」導入後は、こんな感じになりました。

ずいぶんとイメージが変わりましたね。

これで表示速度が向上すればよいのですが。

上記表示速度対策を取って、あらためて PageSpeed Insight でテストしてみたところ、スコアが３３に向上しました。１３ポイントの向上ですね。ほぼ１．５倍早くなった計算です。

まだまだ表示速度に納得がいっている訳ではありませんが、少しはスマホにやさしいサイトになったのではないかと思います。

これで、Google の評価が上がるとよいのですが。。。