自社サイトやコンテンツの読み込み速度が遅い場合、ユーザーがストレスを感じて滞在時間が短くなったり、離脱率が多くなったりと企業のSEOで不利になる可能性があります。
Googleでは、サイトやページの読み込み速度を検索順位に関わる要素のひとつとしています。
そのため、読み込み速度が遅い状態が続くと、検索結果で下位になってしまう可能性があるのです。
SEOで不利になるのを防ぐためには、読み込み速度の改善が必要不可欠です。
今回は、サイトスピードの重要性や読み込み速度を改善する方法をご紹介します。
自社サイトの表示速度を把握したい方や、サイトスピードの改善を検討している方は、参考にしてみてください。
SEO対策ではサイトスピードが重要
サイトスピードは、ユーザーがWebサイトを閲覧するためにアクセスし、実際にページが表示されるまでにかかる時間のことです。
読み込み速度が遅くなるとユーザーがストレスを感じ、検索エンジンからの評価も下がるため、Webサイトを運営する上でもスムーズなサイトスピードを維持する必要があります。
Googleでは、検索エンジンがWebサイトの順位を決定する際に、いくつかのランキングシグナルを用いて見極めています。
ランキングシグナルにはコンテンツの品質やユーザビリティ、関連性、検索意図の把握などのほか、サイトスピードも評価指標のひとつです。
ただ、関連性や外部リンクなどと比べれば、サイトスピードの影響は小さいと言われています。
そのため、あまりにも速度が遅い状態以外は、マイナスな影響を受ける心配はないかもしれません。
しかし、アクセスから表示までの速度悪化を放置すると、サイトのコンバージョン率（CVR）や顧客満足度が著しく低下する可能性が高いです。
SEOでは、自社サイトが検索順位の上位になるよう、検索流入の増加に向けてコンテンツの品質を高めたり外部リンクなどを活用したりと対策を行います。
これは、Webサイト運営の利益を増大させ、売上をアップさせる効果も期待できます。
自社ページの検索順位が下がり、コンバージョン率の低下を防ぐためには、まずサイトスピードがどのくらいなのか確認する必要があります。
Webページが表示されるまでの仕組みとは
Webサイトは、HTML・CSS・JavaScriptといったソースコードによるプログラムで構成されています。
それぞれ、以下の役割があります。
・HTML：テキストコンテンツ・見出し・画像・リンクなどの表示
・CSS：ページ全体のデザインや見た目などのレイアウト調整
・JavaScript：クリックやマウスオーバーなどの操作に応じてWebサイトに動きをつける
ユーザーがWebサイトにアクセスすると、すぐにそのページが表示されますが、それまでの間にはいくつものステップを通っています。
まず、アクセスしたURLのドメイン情報を抽出し、DNSサーバーに問い合わせ・ドメインの照合が行われた後、IPアドレスを取得します。
その後、IPアドレスが指示するWebサーバーへデータをリクエストし、送信されたデータをブラウザに表示しているのです。
DNSサーバーは、取得したドメインを取得してIPアドレスに変換するために使用されるサーバーを指します。
このサーバーを使用することで、ネット上の住所を特定できます。
住所を特定できれば、Webサーバーがネットを介してChromeやSafariなどにつながり、ページが表示される仕組みです。
表示速度が遅くなるのは、そのページに添付された画像や動画の容量が大きかったり、外部ファイルが多かったり、様々な理由があります。
サイトスピードを確認する方法
サイトやページの表示速度を確認するなら、測定ツールの利用がおすすめです。
測定ツールは様々なものがありますが、ここではPCサイトでサイトスピードを測定する方法・スマホサイトで測定する方法をそれぞれご紹介します。
PCサイトで測定する方法
PCサイトでサイトスピードを測定するなら、Page Speed InsightやGoogle Search Consoleがおすすめです。
どちらもGoogleが提供しているサービスです。
・Page Speed Insight
Page Speed Insightは、インストール不要で利用できるサービスで、サイトにアクセスして調査対象ページのURLを入力すれば簡単にサイトスピードの測定ができます。
URLを入力して分析ボタンをクリックすると、調査対象ページの表示処理パフォーマンスが表示されます。
結果は0～100までのスコア判定がされ、数値が大きければそれだけパフォーマンスに優れていることになっており、スコアが80以上あれば特別な対策をする必要がありません。
スコアが80未満の場合は、改善策が表示されます。
・Google Search Console
Google Search Consoleでは、ページの読み込み速度や操作性、表示の安定性などのユーザー体験の質の指標であるコアウェブバイタルから確認することができます。
Google Search Consoleの「ウェブに関する主な指標」をアクセスすると、それぞれの指標ごとの状態が表示されます。
いずれも「良好・改善が必要・不良」に分類され、問題のあるサイトに関してはURLが一覧で表示される仕組みです。
URLにアクセスすれば、どこに問題があるのかも詳しく表示されます。
どのような部分に改善が必要なのか特定するために、Google Search Consoleを活用するのも良いでしょう。
また、Page Speed InsightとGoogle Search Consoleのどちら
スマホサイトで測定する方法
スマホサイトでサイトスピードを測定するなら、Test My Siteがおすすめです。
こちらもGoogleが提供しているサービスです。
Test My Siteでは、調査対象ページのURLをトップページにある「URLを入力してサイトの速度をテスト」に入力して「→」ボタンをタップすれば処理が始まります。
結果画面は全3ページで構成されており、サイトスピードは1ページ目にモバイル端末で読み込みまでにかかる時間の目安が表示されています。
その結果、サイトスピードが2秒以内であれば問題ありませんが、それ以上時間がかかっている場合はユーザーが離脱してしまう可能性が高いでしょう。
2ページ目には、自社の表示スピードを同業他社と比較した結果が記載されています。
自社の業種設定をしておくと、より正確な分析結果が確認できます。
3ページ目には現段階でサイトスピードに問題があるかないかが表示されており、改善の余地がある場合は対策をしてどのくらい短縮できるかの目安を把握することも可能です。
読み込み速度を改善するには
Webサイトの読み込み速度を改善するには様々な方法があります。
以下で紹介する改善方法を組み合わせて、サイトスピードの最適化を図りましょう。
画像ファイルを最適化する
Webサイトに画像を添付している場合、その画像ファイルの容量が大きいと読み込みやダウンロードに時間がかかってしまいます。
画像を添付する場合は、画像圧縮や最適化されたリソースをダウンロードしたり、画像編集ソフトで容量を小さくしたりすることが大切です。
画像をそれぞれ変更するには時間がかかってしまうので、圧縮ツールやブラグインを使用するのが良いでしょう。
画像の軽量化ができれば、ページの表示速度が改善される可能性があります。
コンテンツの目的や内容に合わせて、必要な画像の枚数を明確にした上で、サイズやフォーマットを調整し画像の軽量化と最適化を行いましょう。
ブラウザのキャッシュを活用する
サーバーでExpiresの設定をすると、ブラウザのキャッシュを活用することが可能です。
ブラウザのキャッシュを有効にしておくと、過去にアクセスしたデータをブラウザに一定期間保存し、次回以降のサイトスピードにかかる時間を短縮できます。
ブラウザのキャッシュを活用しなければ、ページにアクセスする度に同じ情報を読み込む必要があり、ユーザーの通信状況によっては表示速度が遅くなってしまう可能性があります。
特に、ユーザーが定期的に閲覧するECサイトやダウンロード容量の大きいコンテンツなどは、ブラウザのキャッシュの設定を見直しが必要です。
キャッシュの有効期限やファイルの種類の設定ができるので、更新頻度が多いサイトは1週間程度に設定し、更新が少ないサイトでは1年間にするなど工夫しましょう。
不要なソースコードを削除する
HTMLやCSS、JavaScriptなどのソースコードから、不要な部分を削除する方法もあります。
ソースコードには、意味のない改行や不要な空白、コメントアウトなどが残ったままになっているため、それらを削除することでページの読み込みがスムーズになる可能性があります。
ただ、不要なソースコードの削除のためにソースコードを変更すると、デザインが崩れてしまうケースもあるため、プログラミングの知識がない状態で対応する場合は注意も必要です。
また、不要なソースコードの削除には手間がかかるため、最適化されたリソースのダウンロードや、ソースコードの縮小ツール、プラグインの購入などを検討することをおすすめします。
不要なリダイレクトを削除する
リダイレクトは、表示速度の遅延につながるため、必要以上にリダイレクトが設定されている場合は減らすようにしましょう。
これまでにサイトを移転したり、URLの変更をしたりしたことがある場合は、リダイレクトを設定することでユーザーの利便性の向上が可能です。
しかし、リダイレクトが複数設定されていると、表示速度の悪化を招いてしまうためできるだけ削除することが望ましいです。
また、リダイレクトが複数設定されていると、リダイレクトが多すぎるといったエラーメッセージが表示される場合もあります。
ユーザーが目的のページにアクセスできずに別サイトへ離脱してしまう可能性もあるので、リダイレクトは必要最小限の使用がおすすめです。
サーバー応答時間を短縮する
サーバーの応答時間が遅ければ、その分Webサイトの表示速度も落ちてしまいます。
サーバーの応答時間が遅い原因は、ネットワークの遅延や処理能力不足、ソフトウェアの不具合など様々なものがあります。
上記で紹介したGoogle Page Speed Insightでは、サーバーの応答速度として0.2秒が推奨されており、サーバーが読み込みにかかる時間も評価される仕組みです。
そのため、サーバーの応答時間を速めることが可能であれば、設定の見直しを検討しましょう。
仮に処理能力不足の場合は、サーバーのスペックを上げたり、キャッシュを導入したりといった対策も可能です。
ただ、サーバーの応答が遅延する原因が不明な場合は、専門知識がなければ改善が困難になってしまう可能性もあります。
原因が不明な場合は、エンジニアや専門知識を有している方に相談してみましょう。
遅延読み込みを活用する
遅延読み込みは、Webサイトでユーザーに表示される画像のみを読み込む仕組みを言います。
通常、ブラウザでは画面外にある画像も含めて読み込みされるため、容量が大きいとその分読み込みにも時間がかかってしまいます。
そこで、オフスクリーン画像の遅延読み込みを活用すれば、ページ表示で必要なデータ量を減らすことができるため、サイトスピードの改善が可能です。
遅延読み込みは、JavaScriptの「Lazy Road」においてscriptタグの設定・imgタグの記載・iazyload関数の呼び出しを行うことで活用できます。
YouTube埋め込み方法やコードの改善
Webサイト内にYouTube動画を埋め込んでいる場合は、そのページを表示させると同時に動画の読み込みを行うため、全体のサイトスピードが遅くなってしまう可能性が高いです。
これを改善するには、埋め込み方法やコードの見直しが必要です。
例えば、Webサイトのファーストビュー画面に出ていないYouTube動画に遅延をかけます。
そうすると、該当するページを開いても埋め込んだ動画を読み込まずに表示できるため、速度が改善します。
すぐにYouTube動画を見て欲しいケースを除いては、HTMLタグに「loding=”lazy”」と付けるだけで遅延読み込みが可能です。
また、クリックされるまではサムネイル画像を切り取って表示するという方法もあります。
サムネイル画像を活用すれば、クリックされるまではYouTube動画の読み込みが開始されないため、サイトスピードが改善される可能性が高いでしょう。
サイトスピードの改善は、ユーザーの離脱率やコンバージョン率の低下を防ぐために必要不可欠です。
特にWebサイトの表示速度によるユーザーの離脱率は顕著で、数秒単位で影響が変わると言われています。
コンバージョン率の低下が著しいと、自社の売上低下にもつながりかねないため、早急な対策が重要になります。
サイトスピードを改善するためには、まずGoogleが提供しているPage Speed InsightやGoogle Search Console、Test My Siteなどのツールを活用し、自社サイトのサイトスピードを測定することから始めましょう。
今回紹介した内容を参考に、サイトスピードの改善に役立ててみてください。
