SEOにおいてGoogleが重視するページ表示速度の計測・改善方法 ｜大阪のウェブマーケティング会社｜オーパスプラン

SEO対策においてページ表示速度が重要な理由

ウェブサイトを運営する上で、SEO対策は欠かせません。SEO対策とは、Search Engine Optimization（検索エンジン最適化）の略で、ウェブサイトを検索エンジンに優しくすることで、検索結果の上位に表示させることを目的とした施策です。SEO対策には、キーワード選定やコンテンツ作成や内部リンク設定など、さまざまな要素がありますが、その中でもページ表示速度は重要な要素の一つです。

ページ表示速度とは、ウェブサイトの各ページがユーザーのブラウザに表示されるまでにかかる時間のことです。ページ表示速度は、ユーザーのウェブサイトへの訪問や滞在時間に大きな影響を与える要素です。ユーザーは、速く表示されるウェブサイトを好みます。遅いウェブサイトは、ユーザーのイライラや離脱を招きます。Googleは、ユーザーの満足度を高めるために、ページ表示速度を検索ランキングの要因の一つとしています。Googleは、ウェブマスター向けガイドラインで、ページ表示速度を改善することを推奨しています。Googleの公式見解では、「高速なサイトはユーザーにとっても良いものであり、高速なサイトは検索エンジンにとっても良いものです」と述べています。

ページ表示速度がユーザー体験に与える影響

ページ表示速度とは、ウェブサイトの各ページがユーザーのブラウザに表示されるまでにかかる時間のことです。ページ表示速度は、ユーザーのウェブサイトへの訪問や滞在時間に大きな影響を与える要素です。ユーザーは、速く表示されるウェブサイトを好みます。遅いウェブサイトは、ユーザーのイライラや離脱を招きます。

Googleが行った調査では、以下のような結果が出ています。

• ページ読み込み時間が1秒から3秒に増加すると、離脱率が32%増加する。
• ページ読み込み時間が1秒から5秒に増加すると、離脱率が90%増加する。
• ページ読み込み時間が1秒から6秒に増加すると、離脱率が106%増加する。
• ページ読み込み時間が1秒から10秒に増加すると、離脱率が123%増加する。

このように、ページ表示速度はユーザー体験に直結する要素です。ユーザー体験を向上させるためには、ページ表示速度を改善することが必要です。

ページ表示速度が検索ランキングに与える影響

ページ表示速度は、ユーザー体験だけでなく、検索ランキングにも影響する要素です。Googleは、ユーザーの満足度を高めるために、ページ表示速度を検索ランキングの要因の一つとしています。Googleは、ウェブマスター向けガイドラインで、ページ表示速度を改善することを推奨しています。Googleの公式見解では、「高速なサイトはユーザーにとっても良いものであり、高速なサイトは検索エンジンにとっても良いものです」と述べています。

Googleが行った調査では、以下のような結果が出ています。

• ページ読み込み時間が1秒から3秒に増加すると、検索順位が下落する可能性が22%ある。
• ページ読み込み時間が1秒から5秒に増加すると、検索順位が下落する可能性が35%ある。
• ページ読み込み時間が1秒から10秒に増加すると、検索順位が下落する可能性が46%ある。

このように、ページ表示速度は検索ランキングにも直結する要素です。検索ランキングを向上させるためには、ページ表示速度を改善することが必要です。

ページ表示速度のチェック方法

ページ表示速度を改善するためには、まず現状を把握する必要があります。ページ表示速度をチェックするには、Googleが提供するツールやサービスを利用することができます。

Google PageSpeed Insights

Google PageSpeed Insightsは、ウェブサイトのパフォーマンスを分析し、改善点を提示してくれるツールです。URLを入力するだけで、デスクトップ版とモバイル版の両方のパフォーマンススコアや詳細なレポートを見ることができます。パフォーマンススコアは、0から100までの数値で表され、高いほど良いとされます。レポートでは、ページ表示速度に影響する要因や具体的な改善方法が示されています。

Google PageSpeed Insightsを利用するには、以下の手順に従います。

1. Google PageSpeed Insightsのウェブサイト（https://developers.google.com/speed/pagespeed/insights/）にアクセスします。
2. 分析したいウェブサイトのURLを入力し、「分析」ボタンをクリックします。
3. デスクトップ版とモバイル版の両方のパフォーマンススコアとレポートが表示されます。
4. レポートの中から、「改善すべき点」や「改善点」や「良好な点」などの項目を確認します。
5. 各項目をクリックすると、詳細な説明や具体的な改善方法が表示されます。

Google Analytics（アナリティクス）

Google Analytics（アナリティクス）は、ウェブサイトのトラフィックやユーザー行動を測定し、レポート化してくれるサービスです。Google Analyticsでは、ページ表示速度レポートという機能で、ウェブサイトの各ページの平均表示時間や要因別の時間を確認することができます。また、ユーザー別や端末別や地域別などのセグメントで分析することもできます。

Google Analyticsを利用するには、以下の手順に従います。

1. Google Analyticsのウェブサイト（https://analytics.google.com/）にアクセスし、ログインします。
2. 分析したいウェブサイトのプロパティとビューを選択します。
3. 左側のメニューから、「行動」→「サイト速度」→「概要」をクリックします。
4. ページ表示速度レポートが表示されます。
5. レポートの中から、「平均ページ読み込み時間」や「平均リダイレクト時間」や「平均ドメイン参照時間」などの項目を確認します。
6. 上部のメニューから、「セグメント」→「新規セグメント追加」をクリックして、ユーザー別や端末別や地域別などのセグメントを作成し、分析します。

ブラウザのキャッシュ活用

ブラウザのキャッシュとは、一度訪問したウェブサイトのデータを保存しておく機能です。キャッシュを活用することで、再訪問時にデータのダウンロード時間を短縮することができます。キャッシュの有効期限や対象ファイルを設定することで、キャッシュの効果を最大化することができます。

ブラウザのキャッシュを活用するには、以下の手順に従います。

1. サーバー側で、キャッシュ対象のファイルや有効期限を指定します。HTTPヘッダーにCache-ControlやExpiresなどのディレクティブを設定します。
2. ブラウザ側で、サーバーから送られたファイルや有効期限を確認します。キャッシュ対象のファイルは、ブラウザのローカルストレージに保存されます。
3. 再訪問時に、ブラウザはキャッシュされたファイルと有効期限をチェックします。有効期限内であれば、サーバーにリクエストせずにキャッシュされたファイルを表示します。有効期限外であれば、サーバーにリクエストして新しいファイルを取得します。

ソースコードの軽量化

ソースコードとは、ウェブサイトを構成するHTMLやCSSやJavaScriptなどの言語で書かれたプログラムです。ソースコードが長くなると、読み込み時間が長くなります。ソースコードを軽量化するには、不要な空白やコメントや改行などを削除したり、変数名や関数名などを短くしたりすることができます。

ソースコードを軽量化するには、以下の手順に従います。

1. HTMLやCSSやJavaScriptなどのソースコードを確認します。
2. 不要な空白やコメントや改行などを削除します。これをミニファイ（圧縮）と呼びます。
3. 変数名や関数名などを短くします。これをオブフスケート（難読化）と呼びます。
4. ミニファイやオブフスケートされたソースコードを保存します。

画像の最適化

画像は、ウェブサイトの見栄えや魅力に大きく貢献しますが、同時にデータ量も増やします。画像の最適化とは、画像の品質やサイズや形式などを調整して、データ量を減らすことです。画像の最適化には、オンラインツールやプラグインなどが利用できます。

画像の最適化するには、以下の手順に従います。

1. 画像の品質を下げます。品質が高いほどデータ量が増えますが、品質が低すぎると画像が荒くなります。適切な品質に調整します。
2. 画像のサイズを小さくします。サイズが大きいほどデータ量が増えますが、サイズが小さすぎると画像がぼやけます。適切なサイズに調整します。
3. 画像の形式を変更します。形式によってデータ量や品質や対応度が異なります。JPEGやPNGやGIFなどから、WebPやSVGなどに変更します。
4. 画像の最適化されたファイルを保存します。

AMPの実装

AMPとは、Accelerated Mobile Pages（高速モバイルページ）の略で、モバイル端末向けに最適化されたウェブページの仕様です。AMPでは、HTMLやCSSやJavaScriptなどの制約やカスタマイズされたコンポーネントなどによって、ページ表示速度を高速化します。AMPでは、Googleキャッシュという仕組みで、Googleサーバーから直接配信されることもあります。

AMPを実装するには、以下の手順に従います。

1. AMP HTMLという特殊なHTMLタグを使用してウェブページを作成します。通常のHTMLタグと異なる点は、「amp-」というプレフィックスが付いていることです。
2. AMP CSSという特殊なCSSスタイルシートを使用してウェブページを装飾します。通常のCSSスタイルシートと異なる点は、「style amp-custom」属性が必要であることです。
3. AMP JSという特殊なJavaScriptライブラリを使用してウェブページに動的機能を追加します。通常のJavaScriptライブラリと異なる点は、「amp-」プレフィックスが付いたカスタム要素（コンポーネント）が用意されていることです。
4. AMP HTMLバリデーターというツールでAMPページが正しく作成されているかチェックします。
5. AMPページを公開し、通常のページからリンクさせます。「link rel=”amphtml”」属性でAMPページへのURLを指定します。

まとめ

このコラムでは、SEO対策においてページ表示速度が重要な理由とチェック方法と改善方法について紹介しました。ページ表示速度は、ユーザー体験や検索ランキングに影響する要素です。ユーザーは、速く表示されるウェブサイトを好みます。Googleは、ユーザーの満足度を高めるために、ページ表示速度を検索ランキングの要因の一つとしています。Googleは、ウェブマスター向けガイドラインで、ページ表示速度を改善することを推奨しています。

ページ表示速度を改善するためには、まず現状を把握する必要があります。Google PageSpeed InsightsやGoogle Analyticsなどで定期的にチェックしましょう。Google PageSpeed Insightsは、ウェブサイトのパフォーマンスを分析し、改善点を提示してくれるツールです。Google Analyticsは、ウェブサイトのトラフィックやユーザー行動を測定し、レポート化してくれるサービスです。

ページ表示速度を改善するには、ブラウザのキャッシュ活用やソースコードの軽量化や画像の最適化やAMPの実装などの方法があります。ブラウザのキャッシュ活用は、再訪問時にデータのダウンロード時間を短縮することができます。ソースコードの軽量化は、不要な空白やコメントや改行などを削除したり、変数名や関数名などを短くしたりすることができます。画像の最適化は、画像の品質やサイズや形式などを調整して、データ量を減らすことができます。AMPの実装は、モバイル端末向けに最適化されたウェブページの仕様で、ページ表示速度を高速化します。

---

関連サービス

• SEO対策
• SEOコンサルティング
• SEO設計
• 内部SEO対策
• コンテンツSEO
• コンテンツマーケティング
• SEO内製化支援
• UI/UX改善コンサルティング