ホームページを開いたとき、なかなか画面が表示されないと、そのままページを閉じてしまった経験はないでしょうか。
ホームページの表示速度は、単に「サイトが快適に見られるか」という問題だけではありません。ユーザーがページを見続けるか、問い合わせまで進んでくれるかにも関係する重要なポイントです。
さらにGoogleでは、ページの表示や操作性に関わるCore Web Vitalsを検索システムで利用しています。ただし、表示速度のスコアが高ければ、それだけで検索順位が上がるわけではありません。コンテンツの内容や検索意図など、サイト全体を含めて評価されます。 (Google for Developers)
今回は、ホームページの表示速度が重要な理由と、実際に速度を上げる方法について解説します。
ホームページの表示速度が重要な理由
ユーザーが離脱する原因になる
ホームページを開いたものの、画像がなかなか表示されない、画面が動かないという状態が続けば、ユーザーは待たずに別のサイトへ移動する可能性があります。
特にスマートフォンからホームページを見る人が多い業種では注意が必要です。
飲食店、パーソナルジム、美容室、クリニック、工務店など、ユーザーが複数のホームページを比較しながら選ぶ業種では、表示されるまでの時間もサイトの印象に影響します。
問い合わせや予約にも影響する
表示速度が遅いと、トップページだけでなく、料金ページや問い合わせフォームまで進む途中で離脱される可能性があります。
どれだけデザインが良く、サービス内容が充実していても、そこまで見てもらえなければ集客にはつながりません。
そのため表示速度は、SEOだけではなく、ホームページそのものの使いやすさという視点でも考える必要があります。
表示速度はSEOに影響する？
GoogleはCore Web Vitalsを検索ランキングシステムで利用しています。
Core Web Vitalsでは、主に以下の3つの指標が使われています。
LCP
LCPは、ページの主要なコンテンツが表示されるまでの時間を測る指標です。
トップページを開いたときに、大きな画像やメインビジュアルがなかなか表示されない場合などに影響します。
INP
INPは、ユーザーがページを操作した際に、サイトがどれだけスムーズに反応するかを見る指標です。
ボタンを押したのに反応しない、メニューが開くまで時間がかかるといった問題と関係します。
CLS
CLSは、ページを読み込んでいる途中でレイアウトが大きく動かないかを見る指標です。
例えば、文章を読んでいたところ突然画像が表示され、ボタンの位置が下へ移動してしまうような状態です。
GoogleはCore Web Vitalsを重要なページエクスペリエンスの要素として扱っていますが、良いスコアを取ったからといって検索順位の上位表示が保証されるわけではありません。 (Google for Developers)
つまり、表示速度だけを改善すればSEOが完成するわけではないということです。
ホームページの表示速度を上げる方法
では、実際に何を改善すればいいのでしょうか。
画像の容量を小さくする
ホームページが遅くなる大きな原因の一つが画像です。
高画質の写真をそのままアップロードすると、1枚だけでも大きな容量になる場合があります。
実際に表示するサイズに合わせて画像をリサイズし、必要以上に大きな画像を使わないことが重要です。
WebPなどの適切な画像形式を利用することも、容量削減につながります。
不要な画像を減らす
画像は多ければ良いというわけではありません。
ホームページの印象を良くするために写真を使うことは重要ですが、意味のない画像を大量に配置すると読み込みの負担になります。
特にトップページでは、本当に必要な写真だけを使用することが大切です。
動画やアニメーションを使いすぎない
最近のホームページでは、動画やアニメーションを使ったデザインも増えています。
見た目のインパクトを出せる一方で、使い方によってはページの読み込みや操作性に影響します。
「動かせるから動かす」のではなく、ユーザーに必要な演出だけを残すことが重要です。
不要な機能や外部ツールを減らす
SNSの埋め込み、チャット、アクセス解析、予約システムなど、ホームページにはさまざまな外部機能を追加できます。
便利な機能でも、必要以上に追加すればページの負担になる可能性があります。
使っていないプラグインや不要な外部ツールがある場合は、一度整理してみましょう。
スマートフォンで実際に確認する
パソコンで問題なく表示されていても、スマートフォンでは遅く感じるケースがあります。
ホームページを制作した後は、パソコンだけではなくスマートフォンでも実際にページを開き、画像の表示やスクロール、ボタンの操作などを確認しましょう。
表示速度を測定する方法
表示速度を感覚だけで判断する必要はありません。
Googleが提供しているPageSpeed Insightsを利用すれば、URLを入力してページのパフォーマンスを確認できます。
また、Search ConsoleではCore Web Vitalsの状態を確認できます。
ただし、スコアを100にすることだけを目的にする必要はありません。
Google自身も、Core Web Vitalsの改善はユーザー体験を良くするための取り組みとして考えることを推奨しており、満点を取ることだけをSEOの目的にするのは適切ではないと説明しています。 (Google for Developers)
表示速度だけを意識すればいいわけではない
ホームページの表示速度は重要ですが、集客を考えるなら速度だけを見るのは不十分です。
検索されるキーワードに合ったページを作ること、ユーザーが知りたい情報を分かりやすく掲載すること、問い合わせや予約までの導線を整えることなど、複数の要素を組み合わせる必要があります。
Googleも、ページエクスペリエンスにはCore Web Vitalsだけではなく、モバイルでの表示、安全性、広告やポップアップの使い方など、さまざまな要素があると説明しています。 (Google for Developers)
ホームページは制作段階から表示速度を考える
表示速度は、ホームページを公開した後に改善することもできます。
しかし、制作段階から画像サイズやページ構成、アニメーション、外部ツールなどを考えておけば、公開後の大幅な修正を減らせます。
ホームページは、見た目だけを整えれば完成ではありません。
検索されること、情報を見つけやすいこと、スマートフォンでも快適に使えること、問い合わせにつながることまで考えて設計することが重要です。
尭式RYOSHIKIでは、デザインだけでなく、SEOやユーザーの導線まで考えたホームページ制作を行っています。
ホームページを作ったものの、表示速度やSEO、問い合わせまでの導線に不安がある場合は、制作前・制作後を問わず一度サイト全体を見直してみることをおすすめします。
