ページ速度を上げて SEO を改善する

公開: 2020-11-19

今年の Found Conference で、当社の CEO である Ray Grieselhuber は、読みやすさを考慮したデザインの重要性について話しました。通常、ユーザーはサイトにたどり着く前に何らかの目標を持っています。ランディングページに到達する前に何かを検索しており、そのユーザーの意図に合わせたいと考えています。さらに、コンテンツを待ちたくない場合に使用します。ユーザーは瞬時のエクスペリエンスを期待しているため、ページの速度を確実に向上させることは、SEO の重要な部分です。

ページ速度とランキングを同時に改善

Google では、サイトの速度をサイトを構成するすべてのページの速度と定義していますが、ページの速度はサイトの個々のページの速度です。サイトの速度は、サイト全体のすべてのページに基づいています。そのため、サイト全体の速度を向上させるには、すべてまたはほとんどのページの読み込み時間を改善する必要があります. Google によると、ページは 2.5 秒以内に読み込まれるはずです。

ランキングの要因としての速度は新しいものではありません。 Google は少なくとも 2010 年以来、デスクトップ検索のランキング要因として使用しています。この発表には、適切な理由が含まれていました。ページの速度は直帰率に影響を与え、Google の目標は、ユーザーを継続したいコンテンツに誘導することです。ページの読み込み時間が 3 秒を超えると、直帰の確率が劇的に増加することを示す研究も引用しています。

Search Engine Watch によると、ページ速度はランクとわずかにしか相関していませんが、特定のユーザーの行動とは非常に強く相関しており、それらの行動は間違いなくランキングに影響します。繰り返しになりますが、ユーザーは自分が何を探しているかを把握しており、遅いサイトはユーザーの期待に応えられません。

ページ速度を上げてユーザーの期待を高める

Ray 氏は、ページの速度、読み込み時間、レンダリング時間はすべて、ユーザーをページに留めておくための重要な要素であると述べています。「何かをロードするのに数秒以上かかる場合、そのページから得られる価値に対する期待は急速に高まります」と彼は言います。

低品質のページコンテンツを待つことは、ユーザーを苛立たせる可能性があります。 2010 年代初頭のある調査によると、当時、Web デザイナーが良い第一印象を与えるのに 50 ミリ秒の猶予がありました。もちろん、その数はサイト、デバイス、ユーザーによって異なる場合がありますが、人間は瞬時に判断できるように設計されています。ユーザーは、サイトを操作するかどうかをほぼ即座に決定し、再訪問を決定するときにその情報を保存します。

読み込み時間が遅いということは、ユーザーが判断するものが何もないことを意味し、サイトから直帰する可能性があります。逆に、ページ速度が向上すると、ユーザーがサイトにとどまるだけでなく、ユーザーが到着した後のエンゲージメントも向上します。 Google と Deloitte の調査によると、読み込み時間が 100 ミリ秒短縮されただけでも、ユーザーの行動に深刻な影響を与える可能性があります。ページ速度が 0.1 秒向上すると、コンバージョンが最大 10% 増加します。

読み込み時間を遅らせる問題を解決します。

読み込み時間が遅いのは、コンテンツの問題ではなく、技術的な問題である可能性があります。そのため、ページの速度を上げるには、開発チーム (存在する場合) を引き入れるか、バックエンドの問題について自分自身の知識を磨く必要があるかもしれません。

最初のステップ: 自分の立ち位置を把握します。 Google の Test My Site機能を使用すると、サイトの速度をテストし、読み込み時間が 2.5 秒を超える場合に推奨される修正を表示できます。 Test My Site は、カスタムの提案も提供し、サイトに最適な改善を呼び出します。これらの修正には、次のものが含まれる場合があります。

HTTP キャッシングにより、リピーターの読み込み時間を短縮します。ブラウザーは、スタイルシート、画像などをキャッシュして、ユーザーがページ全体をリロードする必要がないようにすることができます。ここで、そのトピックに関する Google のガイドを確認してください。
画像のサイズ調整。画像が必要以上に大きくならないようにしてください。サイトのすべてのページに高解像度の写真は必要ありません。サイトの表示サイズに合わせて画像のサイズを変更します。そして、それらが正しい形式であることを確認してください (PNG または JPEG が機能しますが、WebP 画像はさらに優れています)。
リダイレクトを減らす。ページが別のページにリダイレクトされるたびに、ユーザーは追加の待ち時間に直面します。目的に合った URL を作成します。可能であれば、短縮する必要のある m-dot ページや長い URL の使用は避けてください。
JavaScript、CSS、および HTML の最小化。縮小は、コードファイルを実行するために必要ではないすべてのデータをコードファイルから取り除きます。基本的には、コードコメントと未使用のコードを削除し、短い関数名を使用するなどです。これは手動で行いたいことではありませんが、このプロジェクトを支援するためのツールやリソースが豊富に用意されています。
大きな CSS、HTML、および JavaScript ファイルの圧縮。ファイルのサイズを縮小し、元のファイルプロパティを維持できる圧縮アルゴリズムである Gzip を試してください。
サーバーの応答時間の短縮。ページ読み込みの最大の要因の 1 つは、ブラウザーが DNS またはドメインネームシステムを取得するのにかかる時間です。一部の DNS プロバイダーは他のプロバイダーよりも高速です。そのため、DNS プロバイダーの切り替えを検討することをお勧めします。
より良いホスティングオプションを選択する。安価なホスティングオプションでは通常、共有ホスティングが使用されます (これにより、サイトは他のサイトと同じサーバー上に維持されます)。つまり、サイトへのトラフィックの急増、または同じサーバーでホストされている他のサイトへのトラフィックが急増すると、読み込み時間が遅くなる可能性があります. VPS ホスティング (サーバーのリソースの特定の部分をサイト用に予約する) または専用サーバーを検討することをお勧めします。

サイトを頻繁に再テストして、ページ速度の改善を確認してください。ベースラインパフォーマンスを確立することで、ロード時間を短縮するために行う作業の効率を確認できます。サイト監査戦略は、現在の状況と、ページ速度の改善を確認する必要がある頻度を判断するのに役立ちます.

AMP を採用してページ速度と UX を改善する

AMP (Accelerated Mobile Pages) を使用すると、サイト全体でページのパフォーマンスを向上させることができます。 AMP はオープンソースの HTML フレームワークであり、より高速でスムーズな読み込みのモバイルエクスペリエンスを提供します。 Advanced Mobile Pages は、標準の HTML ページをページの簡素化されたバージョンにリダイレクトし、サイトの動作を妨げる可能性のあるコードの一部を削減します。 AMP は、Facebook Instant Articles と Apple News を通じて、Google のインスタントローディングページの競合相手としてスタートしました。今日では、複数のプラットフォームが AMP をサポートしています。あなたもすでにそうしているかもしれません。そうでない場合は、ページ速度を下げるために採用することを検討してください。

AMP は、読み込み時間を短縮するために 7 つの主要な要素を使用していると述べています。それらには以下が含まれます：

非同期 JavaScript のみを実行し、コンテンツをブロックするスクリプトを削減します。 AMP のスクリプトとコンポーネントはすべて同時に読み込まれるため、スクリプトの一部が別の部分を待機することはありません。
アセットに依存しないレイアウトにより、リソースのロードに必要な時間が短縮されます。画像、広告、iframe などの外部リソースは、リソースがダウンロードされる前に AMP が各要素のサイズと位置を判断できるように、HTML でサイズを指定する必要があります。
CSS は最適化され、圧縮されています。サーバーは、ライブラリ全体ではなく、いくつかのスタイルシートのみをロードする必要があります。これは適切な CSS 衛生状態と考えてください。
Web フォントは最適化され、ページの残りの部分とは非同期で読み込まれます。
スタイルとレイアウトの再計算は非常に限られています。ほとんどのページはブラウザにレイアウトを断片的に提供しますが、AMP はすべてのレイアウトを前もって提供します。
アニメーションは、CPU ではなく GPU で実行されるため、コンピューターからレンダリングする手間が少なくなります。
AMP はリソースの読み込みを優先します。 AMP は、最も重要なリソース (スクロールせずに見える範囲のテキスト) を最初にダウンロードします。

わかりました、はい: これらの 7 つの要因は非常に雑草です。教訓は次のとおりです。AMP はサイトの高速で軽量なバージョンを作成します。そのバージョンは読み込みが速く、より優れた UX を提供します。また、モバイルでのパフォーマンスを向上させたい場合は、ぜひチェックしてください。

ユーザーの情報へのアクセスを遅くする要因を取り除きます。

速度は読み込み時間だけではありません。ユーザーエクスペリエンスを低下させる可能性のあるサイトの他の要素を検討してください。オファー、誘導生成インタースティシャル、およびその他のポップアップは、クリックスルーの観点からはうまく機能することがよくありますが、ページのコンテンツへのユーザーのアクセスが遅くなります. 開発の観点からすると、ポップアップは大量のクリックとコンバージョンを促進するという点で「ベストプラクティス」である可能性があります。しかし、その長所と明らかな短所を比較検討してください。ポップアップは煩わしいです。

Ray 氏は、ページの速度、読み込み時間、レンダリング時間はすべて、ユーザーをページに留めておくための重要な要素であると述べています。ページに到達するまでに数秒以上かかる場合、ユーザーはそのページに絶対的な価値があることを期待し、ユーザーの意図に完全に一致しないものはすべてがっかりします。ユーザーに優れたコンテンツを提供し、ユーザーがそのコンテンツにタイムリーにアクセスできるようにします。

開始するためにページ速度の監査が必要ですか? 今すぐディスカバリーコールをスケジュールするか、このフォームに記入してください。開始します。