Web制作会社 THINkBALがデジタル全般の情報をお届けするデジタルマガジンです。東京と埼玉を拠点としたWeb制作会社|株式会社THINkBAL
SEO
Update: 2024/9/28

サイトの表示速度がSEOに影響する理由と7つの改善方法

「サイトの表示速度はSEOにも影響するの?」

「表示速度を上げるためにできることって何?」

こういった疑問をお持ちの人に向け、本記事では『表示速度の重要性』や『表示速度を改善する方法』について解説していきます。

  • Webサイトの表示速度を上げたい人
  • 表示速度のチェック方法を知りたい人
  • サイトのユーザビリティを改善したい人

まずは、「なぜ表示速度を改善するべきなのか」という点について見ていきましょう。

SEO対策のプロが貴社のお悩みを解決します! データ分析、UX/UI設計に基づく戦略とデザインで伝えたい価値を伝わるカタチに。 ビジネス成果に貢献するWebサイト制作・構築を提供します。
\まずは無料相談!2営業日以内に返信/
SEO対策の制作・改善を相談する

Googleの公式発表でも表示速度はSEOに関係すると発表

スマホページ速度を計っている女性のイラスト

ページの表示速度は、SEOに影響することをGoogleが公式に発表しています。
Googleは2018年1月に「スピードアップデート」を導入し、サイトの表示速度が検索順位に影響することを明言しました。

被リンクや関連性などの要素と比べると重要性は下がりますが、表示速度の遅いページよりも速いページの方が高く評価されるのは間違いないと思ってよいでしょう。

サイトの表示速度におけるSEOへの影響

サイトの表示速度は、SEOにどのような影響を与えるのでしょうか。具体的な影響・リスクをチェックしたうえで、改善の必要性を理解していきましょう。

離脱率の増加につながってしまう

サイトの表示速度が遅いと離脱率の増加にもつながってしまいます。

実際、「ページが中々表示されなかったから別のサイトに移動した」という経験がある人も多いのではないでしょうか。

また、離脱率はCV率にも影響するため、対策が必要な場合は早急に対応しておくことをおすすめします。

ユーザビリティが下がってしまう

Googleの調査によると、サイトの表示速度が1秒から5秒になるだけで、直帰率が大幅に増加することが分かっています。つまり、表示速度が遅ければ遅いほど、ユーザーはサイトが不便なものであると感じ始めるということです。

また、表示速度が1秒を超えるとユーザーの集中力を低下させてしまうことも分かっています。仮に表示速度が8秒を超えてしまうと、ほぼ確実にユーザーは他サイトへ流れてしまうでしょう。

このように、サイトの表示速度は検索順位だけでなく「ユーザビリティ」「離脱率」といったコンバージョンに大きく関わる重要な要素にも影響します。

SEOでベストな表示速度は「3秒」以内

パソコンで作業をする女性

SEO対策を進めるうえで重要なのは、表示速度を3秒以内に収めることです。

以下では、その理由について解説していきます。

3秒以上の時間がかかると約半数が離脱してしまう

ページの表示に3秒以上かかってしまうと約半数のユーザーが離脱してしまいます。欲しい情報がいつでも楽に取得できるようになった結果、次に昨今のユーザーは「表示されるまでのスピード」を求めるようになったのです。

サイトの表示までに2秒かかるとユーザーに不快感を与え、3秒以上かかってしまうと約半数のユーザーが離脱してしまいます。最近では5Gの導入が進んでいるということもあり、表示速度の平均値がさらに高くなっており「速いのが当たり前」という時代になりつつあります。このことからも、表示速度の対策は無視できないものとなっているのです。

3秒以上かかるようなら改善を試みた方が良い

サイトの表示速度が3秒以上かかっている場合は、早急に改善を試みた方がよいです。

ただし、表示速度はネットの通信状況によって速くなったり遅くなったりするため、正確な数値を知りたい場合は専用のチェックツールを利用する必要があります。

チェックツールで表示速度を把握し、数値があまり良くない場合はすぐに対応しましょう。また、数値が正常な場合であっても未然に対策をしておき、一定以上の表示速度を常に保っておくことが大切です。

表示速度のチェックで使えるツール

サイトの表示速度は、下記のツールを活用することで把握が可能です。

見出しのポイント
  • Googleアナリティクス
  • Page Speed Insights
  • Gtmetrix

以下では、ツールごとの特徴と使い方について解説していきます。

Googleアナリティクス

Googleアナリティクスを利用することで「サイト内の平均読み込み時間」を確認することができます。確認方法は下記の通りです。

  1. 行動をクリック
  2. サイトの速度クリック
  3. 概要をクリック

個別ページの速度を確認したい場合は、サイトの速度内にある「ページ速度」で確認が可能です。ページの表示速度がサイト内の平均より遅い場合は赤色に、速い場合は緑色で表示されます。

Googleアナリティクスは、表示速度の他に「サイト内でのユーザーの遷移」「PV数」なども把握できます。無料で利用できるツールとなっていますので、まだ利用していない人はぜひ導入してみてください。

Page Speed Insights

Page Speed Insightsは、ページのパフォーマンスをチェックするための専用ツールで、Googleが提供しています。

URLを入力するだけの簡単な操作で、パフォーマンスレベルと改善するべき項目の確認が可能です。0~100点のスコアでパフォーマンスレベルが表示され、詳細は下記の通りとなっています。

  • 0~49点→赤(Low)
  • 50~89点→黄色(Medium)
  • 90~100点→緑(Good)

緑色の場合は、ネットの状況により表示速度が落ちることもありますが特に問題はありません。赤色だった場合は早急に対応が必要です。

黄色表示でも特に問題はありませんが、ユーザビリティ向上の観点から、できれば緑色を目指しましょう。パフォーマンスの改善方法については次章で詳しく解説していきます。

Gtmetrix

Gtmetrixを使用することでページのパフォーマンスを詳細に把握することが可能です。A~Dのランク形式で表示されるため、初心者でも手軽に利用できます。

また、表示速度を向上させるための施策に加え、表示が遅くなっているファイルを特定することも可能です。会員登録(無料)をすることで表示速度の履歴を確認することもできます。

SEOにも影響する表示速度を改善する方法

PCでWebサイトを見ている女性

表示速度を改善するのに効果的な方法は下記の通りです。

見出しのポイント
  • ファイルの縮小をおこなう
  • 画像の大きさを変更する
  • AMP対応にする
  • PHPのバージョンアップ
  • Wordpressのバージョンアップ
  • サーバーを変更する
  • コンテンツを少なくしてサイトを軽くする

以下では、それぞれの方法について詳しく解説していきます。

ファイルの縮小をおこなう

ファイルの縮小をおこなうことで、サイトの表示速度を上げることが可能です。ファイルは「HTML」「JavaScript」などのコード内にある余分なコメントアウトや改行を削除することで縮小できます。

なお、コメントアウトや改行などの削除を手作業でおこなうと膨大の時間がかかるため、自動で圧縮を行ってくれるツールを使用するようにしましょう。具体的には下記のようなツールがあります。

手作業で削除をおこなうことも可能ですが、誤った箇所を削除してしまうとサイトが表示されなくなるなどのエラーが起きる可能性もあるため注意しておきましょう。

画像の大きさを変更する

画像ファイルのサイズを小さくすることで、表示速度を改善することも可能です。

画像はページのテキストやソースコードなどよりもサイズが大きいため、表示速度の改善に大きく影響します。特に、スマートフォンで撮影した写真はサイズが大きいため、サイトに掲載する際は注意しておきましょう。

また、画像が多いサイトの場合は、画像の読み込みに時間差をつけられる「Lazy Load」を実装することで表示速度の改善が見込めます。Wordpressでサイトを運営している人は、アップロードした画像を指定したサイズに自動で縮小してくれる「Resize at Upload Plus」がおすすめです。

AMP対応にする

AMPとは「Accelerated Mobile Pages」の略で、モバイル端末でアクセスした際のページ速度を高くするためのフレームワークです。仕組みについて見てみましょう。

まず、サイトのページをユーザーに表示させる際、サイト側では下記のような処理が行われます。

  1. サーバーにページ情報をリクエストする
  2. サーバーからファイルを受け取る
  3. レンダリングをおこなう
  4. ユーザーにページが表示される

ページをAMPに対応させることで、ページの情報をユーザーに直接わたせるようになるため、「リクエスト~受け取り」までのステップを省くことができます。よって、表示速度を大幅に改善することができるのです。

昨今では、モバイル端末でのアクセスが主流になっているため、ページのパフォーマンスを向上させたい人は積極的に導入しましょう。

PHPのバージョンアップ

Wordpressを利用している人は、PHPのバージョンアップを定期的におこなうようにしましょう。PHPのバージョンを最新にすることで、サイトのパフォーマンスが飛躍的に向上します。実際、Wordpressの公式サイトでも「PHPをアップグレードすることでサイトがより効率的に動作すること」が言及されています。

具体的には、「7.4以前」のバージョンから「7.4」にアップグレードすることによってパフォーマンスレベルが3~4倍に向上するとされています。

PHPのアップグレードは、契約しているサーバー側の管理画面からおこなうことが可能となっており、Wordpressの管理画面から更新することはできないので注意してください。

バージョンのアップグレードは、パフォーマンス面に加えてセキュリティ対策の向上にもつながります。サーバーの更新情報をこまめにチェックして、できるだけ素早くアップグレードするようにしましょう。

Wordpressのバージョンアップ

PHPと同様にWordpressのバージョンアップも定期的に行われます。Wordpressのバージョンアップは、管理画面にあるダッシュボードから更新することが可能です。

また、Wordpressを利用している人は「テーマ」「プラグイン」のバージョンアップにも気を付けておきましょう。テーマやプラグインのバージョンアップができていないと、サイト内で不具合やバグが起きたり、ページのレイアウトが崩れてしまったりする可能性があります。サイト内でのバグはユーザビリティの低下にもつながるため、常にチェックすることが大切です。

なお、Wordpressをバージョンアップする際は、不具合によるバグを防ぐためにバックアップをとりましょう。Wordpressのバックアップは「All-in-One WP Migration」「BackWPup」などのプラグインを使用することでスムーズに行えます。

サーバーを変更する

サーバーを変更することで表示速度を向上させることもできます。Wordpressの表示速度は、利用しているサーバーの性能に大きく影響するからです。高い性能を持つサーバーと契約すればパフォーマンスレベルは大きく向上するでしょう。

サーバーを引っ越しする際は下記の点に注意しておいてください。

  • ユーザーの使用感が変わることもあるため事前にアナウンスしておく
  • 引っ越しに伴いサイトをSSL化する場合は前もって証明書を取得する
  • ドメインを移転する場合はDNS側でのネームサーバー設定と移転手続きを行っておく

サーバーの引っ越しは大がかりな作業になるためハードルは少し高いですが、表示速度を向上させたい人は試してみるとよいです。

コンテンツを少なくしてサイトを軽くする

サイト内のコンテンツを減らし、サイトを軽くすることで表示速度を向上させることもできます。ただ、テキストの量を減らしても大きな効果は望めません。そのため、動画や画像といった容量の大きいコンテンツを減らしていくとよいです。

特に動画の容量は大きく、サイトを重くしがちなので本当に必要かどうかを検討し、不要であれば削除しましょう。ちなみに、動画は直接的にサイトにアップロードするのではなく、他の動画サイトから引っ張ってきたものを表示することで、サイトが重くなりすぎるのを防ぐことができます。

サイトの表示速度改善に対応したおすすめ企業5選

株式会社THINkBAL

株式会社THINkBALは、集客やマーケティングに特化してWebサイトの制作サービスを提供している企業です。

サイト改善にも力を入れており、課題に合わせて適切な施策を提案しています。サイトの表示速度改善でも、顧客のWebサイトの課題を見ながら対処できる方法をきちんと模索したうえで、施策を実施するのが特徴です。

大手企業サイトでの実績も多く、安心してお任せできる制作会社といえます。

料金ライトプラン:500,000円〜
スタンダードプラン:1,500,000円〜
プレミアムプラン:3,000,000円〜
サイトURLhttps://thinkbal.co.jp/
実績ページhttps://thinkbal.co.jp/work/
実績事例・株式会社SUBARU ランディングページ制作

・株式会社SUBARU キャンペーンサイト制作
会社所在地東京都江東区豊洲1-2-39パークアクシス豊洲405

Rocket Page

Rocket Pageは、サイト表示速度の改善に特化しているサービスです。

Webサイトで使われている画像や動画を自動で最適化できるのが特徴です。さらに、最適化しても画質が落ちることはありません。

また、表示速度を改善すると同時に、スマホでのスクロールスピードも最適化できます。ユーザー側の通信制限や通信エリアなどに影響されることなく、スムーズにサイトを表示できるのが魅力です。

料金要問い合わせ
サイトURLhttps://rocketpage.jp/lp/
実績ページ掲載なし
実績事例掲載なし
会社所在地東京都渋谷区鶯谷町6番5号

ナイル株式会社

ナイル株式会社は、Webを中心としたマーケティング事業を展開する企業です。

Webサイト制作にも従事していて、サービスの一環としてサイトの表示速度の改善もおこなっています。大手から中小企業まで2000社以上を支援してきた同社ならではのノウハウで、サイトを効果的に改善してもらえるのが魅力です。

サイトの表示速度に課題を感じている方は、安心して相談できる企業といえるでしょう。

料金要問い合わせ
サイトURLhttps://nyle.co.jp/
実績ページ掲載なし
実績事例掲載なし
会社所在地東京都品川区東五反田1-24-2 JRE東五反田一丁目ビル7F

Repro株式会社

Repro株式会社は、Web及びアプリの開発や制作、マーケティングまで一気通貫で依頼できる制作会社です。

便利なツールの提供と同時に、プロの担当者が専任でサポートしてくれるのが特徴です。インサイト化を進めつつ、専門企業ならではのノウハウでサポートしてもらえるのは、Webサイトに課題を抱える方にとって魅力的でしょう。

サイトの表示速度改善のみの実績も豊富であるため、「特定の対応のみを依頼したい」といった方にもおすすめです。

料金要問い合わせ
サイトURLhttps://repro.io/
実績ページhttps://repro.io/casestudy
実績事例・株式会社コメ兵のサイト表示速度高速化

・auエネルギー&ライフ株式会社のWebサイト運用
会社所在地東京都渋谷区代々木1丁目36-4 全理連ビル 4階

ウィルゲート

出典:https://www.willgate.co.jp/

ウィルゲート株式会社は、SEO対策やコンテンツマーケティング、Web制作など、インターネット事業に関わる幅広いサービスを提供している企業です。

中でもコンテンツマーケティング事業はとくに注力している領域で、独自のツールを開発して顧客の課題解決に努めています。AI技術を搭載したツールでコンテンツを自動生成したり、サイトの課題を発見したりできるのが特徴です。

サイト表示速度の改善のほかに、依頼したい業務があればおすすめです。

料金要問い合わせ
サイトURLhttps://www.willgate.co.jp/
実績ページ掲載なし
実績事例掲載なし
会社所在地東京都港区南青山3-8-38 クローバー南青山3F

まとめ

この記事のまとめ
  • サイトの表示速度は検索順位に影響する
  • 表示速度は3秒以内に収める
  • 表示速度をチェックしたうえで適切な改善をはかろう

表示速度の改善は、SEO対策になるだけでなく、ユーザビリティの向上にも大きく影響します。つまり、Webサイトの表示速度を向上させることは「売上向上」「資料請求」など、サイト運営の目的達成につながりやすくなるのです。

「今まで表示速度を気にしたことがなかった」という人は、まず本記事で紹介した表示速度のチェックツールを利用してみるとよいでしょう。

表示速度を改善し、サイト離脱防止と検索順位アップを狙う

SEO対策 資料画像

表示速度を改善して、対策キーワードの検索順位を上げませんか?

  • サイトの表示速度を改善したい
  • 技術的な表示速度改善施策の実施をお願いしたい
  • 表示速度が遅い原因と改善を依頼したい

SEO対策で実績のある
THINkBALにお任せください

著者
Digital Magazine editorial departmentDigital Magazine 編集部
Digital Magazineの企画・執筆・編集をしています。Webサイト制作、UX/UIデザイン、コンテンツマーケティング、SEO対策、SNS運用、広告運用に強みを持ったメンバーが、デジタルマーケティング全般の最新情報やノウハウをわかりやすくお届けします。
監修者
Miyazaki Norifumi宮崎 典史
THINkBAL代表。Web制作会社でWebサイト構築を学び、株式会社電通に出向。ナショナルブランドのWebサイトを数多くプロデュース。担当領域は、Webコンサルティング・戦略立案・プロジェクトマネジメント・UXリサーチ・情報設計・制作ディレクション。

Recommend
オススメ記事