HubSpotユーザーがコアWebVitalsアップデートを克服するための6つの方法

公開: 2021-08-20

HubSpotユーザー：最後にページ速度を確認したのはいつですか？ しばらく経っている場合は、やるべきことがいくつかあります。 理由は次のとおりです。

Googleは、待望のPageExperienceアップデートの展開を開始しました。 新しいランキングアルゴリズムは2021年8月末までに完了する予定です。サイトの速度、全体的なユーザーエクスペリエンス、ページの応答性は、検索エンジンのランキングを決定する3つの重要な要素になります。 Googleは、更新前にサイトのページエクスペリエンスを測定するために、コアWebバイタルと呼ばれる3つの指標を作成しました。

これらのコアWebバイタルを測定するのに役立つツールは複数あり、それらを改善するのに役立つヒントはたくさんありますが、HubSpotユーザーとして、これらの推奨事項の一部は最適ではない場合があります。 そのため、PageExperienceの更新を克服するためにこのHubSpot固有のガイドをまとめました。 HubSpotユーザーがCoreWebVitalsアップデートを克服するための6つの方法を次に示します。

1.コアWebバイタルとは何かを理解する

まず最初に、コアWebバイタルとは何か、それらを測定する方法、および良いスコアがどのように見えるかをしっかりと理解していることを確認しましょう。 公正な警告-これらの用語は少し複雑に聞こえます。 しかし、それらを分解すると、見た目よりもはるかに単純になります。

Googleのコアウェブバイタルを構成する3つの指標は次のとおりです。

  • 最大のコンテンツフルペイント（LCP） -これはサイトの速度を測定します。 指標とは、ページのメインコンテンツがユーザーの画面に読み込まれるまでにかかる時間を指します。 リンクをクリックしてからコンテンツが読み込まれるまでにかかる時間と考えてください。
  • First Input Display（FID） -これは、ページの双方向性を測定します。 ユーザーがサイトを操作するのにかかる時間を測定します。 たとえば、誰かがボタンをクリックすると、FIDはそのリクエストを実際に処理するのにかかる時間を測定します。
  • 累積レイアウトシフト（CLS） -これは、ページの読み込み中の安定性、つまり「視覚的安定性」を測定します。 CLSが高いということは、ページの読み込み中にページ上の要素が頻繁に移動することを意味します。これは、優れたユーザーエクスペリエンスではありません。

これらの指標に加えて、Googleは、ページがCoreWebVitalsを満たしているかどうかを判断するベンチマークも確立しています。 目標は次のとおりです。

  • LCP-ページは、ページにアクセスしてから2.5秒以内にメインコンテンツをロードする必要があります。
  • FID-ユーザーは、ページにアクセスしてから100ミリ秒以内にページを操作する必要があります。
  • CLS-累積レイアウトシフトスコアは.1未満である必要があります。これは、ページレイアウトにジャンプがほとんどまたはまったくないことを意味します。

スコアを付ける必要があることがわかったので、サイトのコアWebバイタルをどのように測定しますか？ Googleは、これらの指標を測定するためのいくつかの新しい方法を追加することにより、サイト所有者にとって非常に簡単になりました。 ここではそれらすべてについては説明しませんが、おそらく最も簡単な方法は、 PageSpeedInsightsにアクセスしてURLを入力することです。 このスコアを改善するためのスコアと推奨事項が自動的に取得されます。 このページには、スコアが合格かどうかも表示されます。

グーグルのコアウェブバイタル

2.HubSpotのSEO推奨ツールを使用する

GoogleのCoreWebVitalsをしっかりと理解すれば、HubSpotのツールを利用できます。 ページエクスペリエンスの更新に備えて、HubSpotはSEO推奨ツールを刷新し、コアWebバイタルスコアの向上に役立つ指標を追加しました。 HubSpotはWebサイトのプラットフォームに基づいて独自の提案を提供するため、Googleの推奨事項とともにこれらの推奨事項を確認すると便利です。

ハブスポットseoツール このツールをどのように使用しますか？ HubSpotを使用すると、ユーザーにとって非常にシンプルになります。

  1. アカウントで、マーケティングハブにアクセスします。
  2. 「ウェブサイト」に移動し、「SEO」をクリックします。
  3. 新しいドメインをスキャンして推奨事項を探すオプションが表示されます。
  4. ウェブサイトのドメインを入力し、「URLをスキャン」をクリックします。
  5. スキャンが完了したら、[推奨事項の表示]をクリックします。
  6. HubSpotには7つのカテゴリがあります。 ページエクスペリエンスの更新に照らして、パフォーマンス、セキュリティ、およびユーザーエクスペリエンスが追加されました。

HubSpotのSEO推奨ツールは、Googleの展開が完了する前に、サイトのどの領域を改善する必要があるかを把握するための良い出発点を提供します。 ただし、必要に応じて評価および調整したいHubSpot固有の調整もいくつかあります。

3.大きな画像の遅延読み込み

LCPまたはページの読み込み時間を短縮する最大の阻害要因の1つは、大きな画像またはビデオファイルです。 ベストプラクティスは、HubSpotサイトで画像をホストする前に、画像を可能な限り縮小および圧縮することです。 ただし、ファイルサイズを大きくしても回避できない場合があります。 ここで、「遅延読み込み」と呼ばれるものを利用することができます。

遅延読み込みは、まさにその通りです。 その画像が配置されているページのセクションにスクロールするまで、ページ上の画像が完全に読み込まれない場所です。 その代わりに、スクローラーが画像に到達するまでの低品質のサムネイルがあります。 これらの大きなファイルを完全にロードしないことにより、ページのロード時間が大幅に短縮されます。

以前は、HubSpotユーザーとして、遅延読み込みを実装するには、カスタムモジュールにコードを追加する必要がありました。 つまり、Web開発者の支援が必要でした。 現在、HubSpotではデフォルトモジュールに遅延読み込みを実装できます。 つまり、デフォルトの画像モジュールを使用してランディングページ、ブログ投稿、またはその他のWebサイトページを作成するときに、遅延読み込みを簡単に有効にできます。

どのように？ ページに画像モジュールを追加し、[画像の読み込み]トグル内で[遅延読み込み]を選択するだけです。 とても簡単です。

ハブスポットの遅延読み込み すべての画像でこれを開始する前に、注意が必要です。 画像の遅延読み込みは、ページレイアウトやユーザーエクスペリエンスに影響を与える場合があります。 したがって、戦略的に使用してください。 すでにファイルサイズが小さい画像は、それを必要としない場合があります。

4.スマートコンテンツを再確認します

スマートコンテンツは、HubSpotの貴重なツールです。 ただし、適切に使用しないと、ユーザーエクスペリエンスに影響を与える可能性があります。 スマートコンテンツがあるすべてのページを再確認することをお勧めします。 パーソナライズは意味がありますか？ ユーザーが期待するとおりに機能していますか？

通常、HubSpotは、スマートコンテンツツールを利用するときに適切なコンテンツをロードするのに非常に優れています。 ただし、Core Web Vitalsとサイトのパフォーマンスを分析するときは、自分でエクスペリエンスをテストすることをお勧めします。 すべてが期待どおりに読み込まれ、ページレイアウトが正常に動作することを確認します。

スマートコンテンツのパフォーマンスを分析することもできます。 合計ページビュー、フォーム送信、CTAクリックを見て、ユーザーがスマートコンテンツに適切に応答しているかどうかを判断します。 そうでない場合は、このコンテンツをどのように提示しているかを再考する時が来たのかもしれません。

5.チャットツールを遅らせる

HubSpotのチャットツールを使用していますか？ あなたはおそらくそれがかなり好きだと思います、そして私たちはそれを手に入れます。 これは、トラフィックとリード生成を変換するための優れた機能です。 残念ながら、それはあなたのページ速度に大きな影響を及ぼします。

いいえ、私たちはあなたにそれを取り除くように求めているのではありません。 ただし、サイトの速度が低下しないように最適化するためにできることがいくつかあります。 チャットの読み込み時間を遅らせることができるので、ページがユーザーに完全に読み込まれるまでチャットは表示されません。 方法は次のとおりです。

  1. [会話]->[チャットフロー]に移動します。
  2. 変更したいチャットフローの「編集」をクリックします。
  3. [表示]と[チャットの表示動作]の下に、ページの時間を編集するためのプロンプトが表示されます。

チャットを遅らせる秒数を入力します。 これにより、チャットがその設定された時間だけ読み込まれるのが遅れます。 HubSpotは、ベストプラクティスとして5秒を推奨しています。

6.HubSpotフォームに注意してください

HubSpotのフォームとCTAは、特にモバイルで、ページ速度にかなり大きな影響を与える可能性があります。 なんで？ 各フォームとCTAには独自のJavascriptがあり、かなりの読み込み時間が必要です。

簡単な解決策は、フォームとCTAを控えめに使用することです。 常にボタンを選ぶとは限りません。 CTAの代わりに通常のハイパーリンクを使用しても、同じ結果が得られる場合があります。 また、フォームとCTAを配置する場所をもう少し戦略的にしたいと思うでしょう。 たとえば、多くの企業は潜在顧客の生成に重点を置いているため、サイトのほぼすべてのページのフッターにフォームを入力することを選択しています。 これは本当に必要ですか？

データを使用して、意思決定を促進します。 どのフォームがうまく機能しているかにアクセスし、これをページの読み込み時間を増やすことの利点と比較してください。 ページ速度を上げることが特定のフォームまたはCTAを削除する価値があるかどうかを判断します。 また、ハイパーリンクCTAの結果をテストすることもできます。 それらが同じように機能する場合は、リードをキャプチャしてページの読み込み時間を短縮する方法を発見しました。

HubSpotサイトのCoreWebVitalsを改善しました。 結果はいつ表示されますか？

それは答えるのが難しい質問です。 それはあなたのコアウェブバイタルがそもそもどれほど貧しかったかに依存します。 赤でスコアを付け、現在は緑でスコアを付けている場合、Webトラフィックにかなり劇的な変化が見られる可能性があります。

しかし、メリットは検索ランクとトラフィックだけではありません。 コンバージョンも増える可能性があります。 考えてみてください。 ページの読み込み時間が短く、ページシフトがほとんどまたはまったくない、全体的なユーザーエクスペリエンスが向上している場合、ユーザーはサイトに不満を感じて、結果としてサイトから跳ね返る可能性が低くなります。

したがって、検索エンジンのランキングがすぐに上がることを保証することはできませんが、時間をかけてコアWebバイタルを改善することで、Webサイトのユーザーがより幸せになり、その結果、トラフィックが大幅に増えることは間違いありません。変換する可能性が高くなります。