サイトスピード改善5つのコツ【初心者向けSEO対策】

  • 2 min read
サイトスピード改善5つのコツ【初心者向けSEO対策】

サイトスピード改善はSEOに好影響で、検索順位やCTR・CVRを上げることができます。

とはいえ、サイトスピードがなぜSEOに影響するのか?どうして遅くなることがあるのか?わからないかとも多いと思います。

そこで今回は、モバイルのページパフォーマンス90点台の僕が、サイトスピードがSEOに及ぼす影響とその改善方法を解説します。

ちなみに、サイトスピードを改善したいならプラグイン『WP Rocket』も要チェックです!

サイトスピードがSEOに影響する理由

サイトスピードがSEOの検索順位に影響を与えるとGoogleが明言しています。

検索ユーザーはできるだけ早く質問に対する回答を見つけたいと考えています。研究(英語)では、ユーザーはページの読み込み速度を非常に気にかけていることがわかっています。 読み込み速度はこれまでもランキング シグナルとして使用されていましたが、それはデスクトップ検索を対象としていました。 そこで 2018 年 7 月よりページの読み込み速度をモバイル検索のランキング要素として使用することを本日みなさんにお伝えしたいと思います。

Googleウェブマスター向け公式ブログ

また、サイトスピードの指標であるCore Web Vitals(コアウェブバイタル)が、SEOにおけるランキング要素になると言われています。

サイトスピードはCTR・CVRにも関わる

CTR/CTRとは

  • CTR(Click Through Rate):『クリック率』と言われ、広告やコンテンツが表示された回数に対して、ユーザーがどのくらいクリックしたかを表す指標
  • CVR(Conversion Rate):『コンバージョン率』、別名『成約率』とも言われ、サイトに訪れたユーザーが商品の購入に至った割合を表す指標

サイトスピードはSEOの検索順位だけでなく、CTRやCVRにも関わります。

理由として、ページの表示速度が3秒以上かかると検索ユーザーの53%が記事を見る前に離脱するといわれています。結果としてCTR、CVRも減少するということ。

では、サイトスピードは一体どうやって調べるのか?

サイトスピードを調べるツール

サイトスピードを調べるツール

単純にサイトスピードを調べる方法は、以下の2つがあります。

サイトスピードを調べるツール

PageSpeed Insights(ページスピードインサイト)

PageSpeed Insights(ページスピードインサイト)は、Googleが提供している無料ツールで、ページパフォーマンスをモバイル、パソコンごとに測定してくれます。

PageSpeed Insightsの計測画面

PageSpeed Insights
PageSpeed Insights

画像の部分にURLを入力して『分析』を押すと、ページパフォーマンスを測定してくれます。

測定した結果は下記のような表示になります。(※画像はこの記事の表示速度)

モバイルのパフォーマンス

Page Speed Insights(ページスピードインサイト)のモバイルパフォーマンス
モバイルパフォーマンス

パソコンのパフォーマンス

Page Speed Insights(ページスピードインサイト)のPCパフォーマンス
PCパフォーマンス

どちらも100点中90点以上で、合格ラインをクリアしたグリーンのシグナルとなっています。

Test My Site(テストマイサイト)の使い方

Test My Site(テストマイサイト)は、Googleが提供している無料ツールで、『3G』『4G』の環境下で、それぞれページが表示されるまでに何秒かかるかを計測できます。

Test MY Siteの計測画面

Test My Site
Test My Site

上の画像の赤枠内にURLを入力して『→』をクリックすると計測開始されます。

Test My Siteの計測結果

Test My Siteの計測結果
Test My Siteの計測結果

表示速度が3秒以上かかる場合は、ページ離脱率が高くなるので改善が必要です。

ちなみに『4G』の部分をクリックすると3Gに切り替えることができますが、3Gは使用しないので無視しましょう。

上に挙げたツール以外にもサイトスピード計測のツールはありますが、単純に速度を計測するだけであれば以上の2つでOKです

次に、サイトスピードが遅くなる原因と改善方法を解説します。

サイトスピードが遅くなる原因

サイトスピードが遅くなる原因として、以下の5つが挙げられます。

サイトスピードが遅くなる原因
  1. 画像のデータ量が重い
  2. 使用中のプラグインが多い
  3. リビジョン・キャッシュされているデータが多い
  4. CSSやJavaScriptを多く活用している
  5. 文字・画像などを同期読み込みにしている

上記の項目は、サイトスピードの改善方法と併せて解説します。

サイトスピード改善の具体策

サイトスピードを改善する5つの方法

サイトスピードを改善する方法は主に5つあります。

サイトスピードの改善方法
  1. 画像を圧縮する
  2. 不要なプラグインを削除する
  3. キャッシュの保存と削除
  4. 使用していないCSSやJavaScriptを削除する
  5. Lazy Loadなど非同期読み込みの機能を利用する

※ここで解説している内容は、あなたが使用しているWPテーマやプラグインと干渉する可能性があります。実施する際は必ずバックアップを取ってから実施してください。

1.画像を圧縮してデータ量を減らす

サイト内で使用する画像は、外部サイトからフリー素材をダウンロードすることが多いと思いますが、そのまま使用せずに圧縮することが必要です。

圧縮方法は主に以下の2つ

画像の圧縮方法

  • プラグインを使用する
  • 画像圧縮サイトを使用する

プラグインを使用する

僕のおすすめする画像圧縮のプラグインは以下のもの

画像圧縮プラグイン

上記のようなプラグインを用いれば、かんたんに画像を圧縮して軽量化してくれます。

画像圧縮サイトを使用する

画像圧縮サイトは、『Tiny PNG』や『I Love img』などがあります。

プラグインよりも手間があかかりますが、ローカルで圧縮ができるため余計なプラグインを入れずに済み、サイトを軽くすることができます。

画像の圧縮方法は、ブログ画像のリサイズ・圧縮を参照ください。

2.使用していないプラグインを削除する

使用していないプラグインが多すぎると、サイトが重くなってしまいます。

サイトが重くなる理由

  • そもそものデータ量が多くなる
  • プラグイン同士が干渉しあってしまう
  • 使用中のテーマとプラグインの相性が合わない

プラグインはスマホのアプリみたいな感覚で、ブログをカスタマイズしていくことができますが多すぎても良くありません。

「最近使用していない」「とりあえず必要そうでインストールした」など、今後も使用しなさそうなプラグインは思い切って削除してしまいましょう(※自己責任でお願いします)。

おすすめプラグインも紹介しているので、参考にしてください。

3.キャッシュの保存と削除

キャッシュ:1度開いたWebページのデータを保存しておいて、次に開くときにスムーズに表示してくれる機能のこと

ブログで投稿の編集ページのプレビューを何回も開くとリビジョンとして蓄積されたり、いろいろなページを何回も開くとキャッシュが蓄積されて重くなります。

これらのリビジョン・キャッシュは、不要なものを削除する必要があります。ただ、必要なキャッシュを適切に保存することでページ表示を高速化することができます。

リビジョン・キャッシュの保存・削除はキャッシュ系プラグインを使いましょう。

キャッシュ系プラグイン

  • W3 Total Catche
  • WP Fastest Cache
  • WP Super Cache

これらプラグインの設定は非常に繊細なので、自信がない方は強力なキャッシュ機能をもった有料WPテーマを使用すると良いでしょう。

強力なキャッシュ機能を持った高速な有料WPテーマは『 THE・THOR(ザ・トール)』がおすすめ。

数少ないPWA機能を持つテーマで、モバイル時代に最適のテーマといえます。

>>THE THORのレビューはこちら

4.使用していないCSSやJavaScriptを最適化・削除する

 サイトデザインの過度なカスタマイズや装飾、スライドなどはCSSやJavascriptを使用するためサイトが重くなりサイトスピードが遅くなりやすい。

CSSやJavascriptを最適化・削除するプラグインは以下のとおり

コード最適化プラグイン

  • Autoptimize
  • WP Optimize
  • Asset Clean Up
  • Clearfy

特にブログ初心者は、サイトをおしゃれにしようなどと必要以上な機能は使わないよう、不要なCSS
やJavascriptは削除しましょう。

5.非同期読み込み機能を使用する

非同期読み込みとは、画面に表示されてない画像や文字などのデータはリアルタイムに読み込まず、スクロールに合わせて後から表示する仕組みのこと。

非同期読み込みは、WPテーマやプラグインに機能を有するものがあります。

非同期プラグイン

  • Lazyload
  • a3 Lazyload
  • AsyncJavascript

遅延表示というとサイトスピードに逆効果と思うかもしれませんが、ユーザーのスクロールに合わせて表示されるため、U/X(ユーザーエクスペリエンス)が良くなりますよ。

サイトスピード改善で検索順位UPを狙おう

サイトスピードはSEOやユーザー体験に関わるため、必ず改善を!

サイトスピード改善は、SEOやU/X(ユーザーエクスペリエンス:ユーザー体験)に関係するためCTR・CVRに直結します。

「よく分からない」と放っておくことなく、ぜひサイトスピードを改善してください。

サイトスピードの改善方法

  • 画像データを圧縮する
  • 不要なプラグインを削除する
  • キャッシュの保存と削除
  • 使用していないCSSやJavaScriptを最適化・削除する
  • 非同期読み込み機能を使用する

最後に、僕が使用している有料プラグイン『WP Rocket』を紹介しておきます。

今回の記事で話したサイトスピードを遅くする原因すべてを一瞬で解決してくれる神プラグインで、まさに神速です。

WP Rocket(ワードプレスロケット)

WP Rocket - WordPress Caching Plugin

WP Rocketは、CSSやJavascriptを最適化する有料プラグインです。

有料というとネックになるかもしれませんが、1サイトにつき月額換算500円以下で、アマゾンプライムよりも料金は安い。

WP Rocketを導入している僕の所有サイトの1つのLighthouseスコアは以下のとおりです。

Core Web Vitals(コアウェブバイタル)のスコア
Core Web Vitals(コアウェブバイタル)のスコア

WP Rocketだけで上のようなスコアになっているとはいえませんが、大きく寄与していることは間違いありません。

Core Web Vitals(コアウェブバイタル)を改善することで、SEOにおける検索順位やCVR(コンバージョン率)にも影響します。

難しい設定もないため、コードが操作できない初心者でも瞬時に効果を体感できますよ。

コードスキル必要なし!
\ サイトスピードを瞬時に高速化 /

>>WP Rocketのレビューはこちら

nv-author-image

4つの特化ブログを運営しながら、月収6桁を稼ぐブロガー。現在は開業してサロンサポーター&ブログ個別指導など実践しています。 WordPressに関すること(デザイン・カスタマイズ・テーマ・サーバーなど)が得意。なかでもサイトスピード改善サービスは個人/企業から高評価を得ています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です