• 検索エンジン最適化(SEO)とウェブサイトのパフォーマンス

2024年のGoogleのページ・エクスペリエンス・アップデートに備えてサイトを準備する方法

  • Luca Ramassa
  • 11 min read
2024年のGoogleのページ・エクスペリエンス・アップデートに備えてサイトを準備する方法

イントロ

Googleのページ体験アップデートは、ウェブサイトの全体的なユーザー体験を向上させることを目的としており、その遵守(または欠如)は、Googleの検索結果におけるウェブサイトの順位に影響を与えます。

ウェブサイトのオーナーや開発者として、このアップデートを理解し、必要な措置を講じることは極めて重要です。

Googleのページ体験アップデートとは?

当初は2021年に発表され(しかし、数年にわたりアップデートが続いている)、特定のランキング要素に焦点を当てている。それぞれについて詳しく見ていこう。

累積レイアウトシフト(CLS)

CLSはGoogleの3つのコアウェブバイタルの1つで、コンテンツが読み込まれる際にどれだけ安定しているかを測定する。スコアが高いということは、ユーザーがコンテンツを操作しようとしているときにコンテンツが「移動」していることを意味し、ユーザーエクスペリエンスの低下につながります。

発表の中でグーグルはこう述べている:

"ユーザーがページとやりとりしようとしている間に、ページ要素が移動してしまうのは、ユーザーエクスペリエンスに反する"

目標は何ですか?ページ訪問の少なくとも75%でCLS0.1未満を達成すること。

Ranktracker

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

(画像出典)

その他のコアなウェブ・バイタルは以下の通り:

  1. Largest Contentful Paint(LCP)は、ページ上で最大のコンテンツ要素のロード時間を測定します。理想的なLCP測定は2.5秒以上です。
  2. First Input Delay (FID)は、ユーザーがあなたのページとインタラクション(ボタンをタップしたり、リンクをクリックしたりすること)してから、ブラウザがそのインタラクションに応答するまでの時間を測定します。良いFIDは100ミリ秒以下です。

パスワード管理ツールの1Password.comは、ページエクスペリエンスの更新、特に読み込み時間と応答性を理解し、適切な変更を実施したウェブサイトの優れた例です。

Ranktracker

(画像出典)

最新のウェブ・テクノロジーを採用し、画像、スクリプト、スタイルシートを最適化しているため、ウェブサイトの読み込みが速く、ユーザーのインタラクションに素早く反応します。また、レイアウトのずれを防ぎ、読み込み中やスクロール中にコンテンツが飛び跳ねないようにすることで、高い視覚的安定性を維持しています。

安全なブラウジング

2021年には、アメリカのインターネット・ユーザーの2人に1人がアカウントを侵害された。

サイバー犯罪、マルウェア、スパイウェアは現実の問題である。サイバーセキュリティの多くは、ユーザーがファイアウォールを設置しているかどうかにかかっているが、グーグルは、安全なオンラインショッピング体験を提供するウェブサイトを評価する。

侵入型インタースティシャル

ウェブサイトを閲覧していると、邪魔なポップアップが表示される。グーグルのアップデートは、メインコンテンツをブロックするポップアップを特にマークダウンする。

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

注:この要素は、クッキーの同意を求めるような重要なポップアップには影響しません。

重複コンテンツ

rel="canonical "タグは、重複または類似したコンテンツを持つ複数のページのうち、どのページをインデックスさせたいかをGoogleに伝える方法です。

2024年、このタグはより影響力を増し、重要性を増すだろう。重複コンテンツは、検索結果でのランキングを下げ続けるでしょう。

URL構造

URLはGoogleが読むのに十分シンプルで、ページの内容を伝えるのに十分洞察力のあるものでなければならない。

Ranktracker

(画像出典)

乱数で終わるような不明確なURLはマークダウンされる。

人工知能(AI)と機械学習(ML)の影響力

グーグルの検索エンジンは、AIとMLを使って検索の背後にある意図を理解し続けるだろう(単にキーワードを使ってウェブサイトをマッチングさせるのではなく)。

Ranktracker

(画像出典)

言い換えれば、私たちが知っているキーワードリサーチや検索エンジン結果ページ(SERP)を変える可能性があるということだ(詳しくは後述)。

モバイル・ファースト・インデックス

ウェブサイトのトラフィックの半分以上がモバイル端末からのものです。Googleがモバイルユーザビリティを優先し続けるのも不思議ではない。

適切なモバイル体験を提供しないウェブサイトにはペナルティを科すことさえある。例えば、AMPの問題が発生した場合、オーガニックトラフィックが完全に減少する可能性があります。

Ranktracker

(画像出典)

Googleのページ体験アップデートに備える7つの方法

今回のアップデートは、検索エンジン最適化(SEO)のあり方を根本的に変えるものではなく、マーケティング担当者がまったく新しいことを学ぶものでもない。

経験豊富なSEOの専門家であれば、最適化されたウェブサイトを構成する要素をすでに知っている。しかし、今回のアップデートにより、より的を絞った意図的な取り組みが可能になった。

SERPで上位に食い込むための7つの重点分野をご紹介します。

視覚的安定性

ウェブサイトのCLSスコアがゼロということは、コンテンツが安定していることを意味します。いくつかの実践的なステップを経て、このスコアを達成することができます:

  1. 画像や動画のサイズを指定することで、ウェブサイトが読み込まれる際に、ブラウザが各アセットに割り当てるスペースを正確に把握できます。広告要素や埋め込み(ソーシャルメディアの埋め込みフィードなど)も同様です。これにより、予期せぬレイアウトのずれによってページが使用不能になる可能性を減らすことができます。
  2. ニュースレターの登録フォームのようなインタラクティブなコンテンツは、既存のコンテンツの下に追加しましょう。コンテンツの上に追加すると、既存のコンテンツに押されてレイアウトが崩れてしまうからです。
  3. リンクのrel="preload "タグを使って、フォントやマルチメディアなど、最初に読み込む必要のあるページの最も重要な部分をブラウザに知らせます。
  4. レイアウトに影響を与えるプロパティではなく、アニメーションにCSSを使用する。

これらをウェブページ全体に一貫して適用することで、CLSスコアを低く抑え、さらに重要なこととして、ユーザーに快適なウェブサイト体験を提供することができます。

ユーザーフレンドリーで適切なポップアップを作る

ウェブサイトはポップアップの使用をやめる必要はありません - ただ、いくつかのベストプラクティスの原則を念頭に置いてポップアップを使用してください。Googleが明確にペナルティを課しているように、ポップアップが最も初歩的なレベルでメインコンテンツをブロックしないようにしましょう。

さらに考慮すべき点は以下の通り:

  • ポップアップするタイミングを再考する。訪問者がページに着地したらすぐに表示させるのがベストではないかもしれません(クッキーの同意を除く)。訪問者がページを出ようとするとき、あるいはページの途中まで来たときに表示されるようにタイミングを計ってください。
  • ユーザー(モバイルデバイスを含む)が混乱しないように、簡単に削除できるようにする。
  • 誤解を招くような曖昧な表現を避け、ポップアップの内容を明確にする。
  • さまざまな画面サイズでうまく表示されることを確認してください。

インスピレーションが必要ですか?ハウス・オブ・ジョッパがどのようにポップアップを簡単に閉じたり、希望するアクション(注文の10%オフと引き換えにEメールリストに登録する)を取るようにしているかを見てみよう。

Ranktracker

(画像出典)

上記はフレンドリーなポップアップの素晴らしい例です。配置、文言、わかりやすさは、最高の結果を得るために高度に最適化されている。

ポップアップは闇の魔術ではありません。実際、平均的なポップアップのコンバージョン率は11%を超えている。

安全なブラウジング体験の開発

優れたウェブサイトにはスタイルと中身がある。中身の多くは、ユーザーに安全なブラウジング体験を提供することから生まれます。

  • HTTPSを導入し、ユーザーのブラウザとサーバー間のデータを暗号化する。
  • ウェブサイトのマルウェアスキャンを定期的に実施し、公共ネットワークを利用する際のサイバーセキュリティを強化しましょう。
  • 電子商取引サイトは特に、透明で安全な取引プロセスと安全な支払ゲートウェイを伝える必要がある。
  • 万が一、セキュリティ侵害が発生した場合の被害を最小限に抑えるため、緊急時のプロトコルや事業継続対策を見直す。
  • 特に他の組織と提携している場合は、欺瞞的なコンテンツや詐欺的なプロモーションがないか監査する。

これらは、人々が必ずしも気づかないことだが、縁の下の力持ちのように働いている。

ページ監査の導入

トラッキングUTMパラメータや異なるナビゲーションパスのために、一つのブログ記事が複数のURLからアクセスできることはよくあることです。rel="canonical "タグを使用することで、重複コンテンツとしてマークされる可能性を減らすことができる。

Eコマースサイトでは、商品が複数のカテゴリーに分類され、その結果、同じ商品ページに異なるURLで誘導されるのが普通です。

これらのURLのうち1つをcanonicalバージョンとして選択し、他のすべてのバージョンにrel="canonical "タグを使用することで、検索ランキングシグナルを選択したURLに集約することができます。

Ranktracker

(画像出典)

このタグは次のように同じことができる:

  • コンテンツが他のウェブサイトに再出版された場合、元のソースに戻るように指摘すること。
  • 同じページのモバイル版とデスクトップ版の選択。

ウェブサイトの重複コンテンツを取り締まる方法は他にもたくさんある:

サイト全体で一貫したURL構造を導入

URL構造はページの内容を明確に伝える必要があります。URL構造を強化する実践的な方法をご紹介します:

  • 説明的に、しかし簡潔に。www.example.com/product12345 のようなURLではなく、www.example.com/blue-denim-jacket。
  • 単語の区切りにはハイフンを使用する(上記と同様)。
  • 関連性のあるキーワードを使いましょう。例えば、www.example.com/green-tea-benefits、緑茶の効能についてのページ。
  • www.example.com/products/for-kids/boys のような論理的な階層を保つが、スラッシュが延々と続くような深いネストは避けること。
  • URL構造を決めたら、ウェブサイト全体で一貫性を保ちましょう。Googleがクロールしやすくなります。
  • 小文字を使う。

ユーザーの意図を考慮して書く

AIとMLは、ユーザーの立場に立って、彼らがなぜそのように検索するのかを理解することに重点を置いているため、ウェブサイトも同様に、ユーザーの意図をコピーに反映させる必要があるだろう。

キーワードの詰め込みは決して許される行為ではない。最もモラルを重んじるライターであっても、コンテンツを見直し、オーディエンスの特定のニーズやクエリに対応しているかどうかをチェックする必要がある。目標は?従来のSEOのベストプラクティスに従っただけのコピーは避けること。

企業経営者とそのマーケティングチームは、適切なコンテンツを作成し、できるだけ包括的で詳細なものにすることから始めるべきである。

キーワードリサーチツールを使って検索できるユーザー関連のクエリの範囲をカバーするために、トピックのあらゆる側面を扱うようにしよう。

Ranktracker

(画像出典)

しかし、段落ごとに区切られた文章を書くことだけに集中してはいけません。リスト、ドロップダウン、表、FAQなどを使って、情報を創造的かつ論理的に表現しましょう。

あなたの文章は、人々がどのように話し、質問するかを反映したものでなければなりません。AIコンテンツはこのプロセスをスピードアップさせることができるが、優れたコンテンツにはやはり専門家の監視が必要だ。

モバイルサイトの優先順位

2018年、Canonicalizedの調査によると、人気上位100万サイトのうち、ほぼ4分の1がモバイル向けに最適化されていなかった。

ほとんどのコンテンツ管理システムがデフォルトでモバイルフレンドリーなウェブサイト・テンプレートを提供しているにもかかわらず、2018年になってもまだ多くの企業がモバイル対応で遅れをとっているのは驚くべきことだ。

言い換えれば、モバイルフレンドリーデザインを採用しない言い訳は、最も無駄のないビジネスにはないということだ。

どんな価値のあるウェブサイトでも、レスポンシブ・デザイン、つまり画面サイズやデバイスに応じてデザインを変更できる機能が必要です。具体的な留意点は以下の通り:

  • ポップアップもレスポンシブで、画面サイズに対応できるようにしましょう。
  • ウェブサイトの更新がモバイル版にも反映されていることを確認する。
  • 適切な大きさのボタン(テキストを読むために拡大する必要はない)。
  • 使いやすいナビゲーションメニュー。

また、自分のサイトがモバイルフレンドリーかどうかわからない場合は、Googleのモバイルフレンドリーテストツールを使って評価しましょう。

英文校正・校閲サービスのリーダーであるWordviceは、モバイルデザインを優先したウェブサイトの好例です。

Ranktracker

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

(画像出典)

Wordviceは、コンテンツがモバイルデバイスで完璧に表示されるようにし、ユーザーにクリーンで直感的なナビゲーション体験を提供しています。

まとめ

クリスマスが過ぎると必然的に物事が落ち着くので、ユーザーにとって質の低いページ体験を避けるための変更を実施し始める絶好の機会だ。

Google Search Consoleをチェックして、Google検索結果におけるサイトのパフォーマンスを把握し、チェックリストを使って2024年に向けて万全を期しましょう。

詳しくは、SEO戦略ガイドをご覧ください。2024年、あなたのオンライン・サクセスに乾杯!

Luca Ramassa

Luca Ramassa

Outreach Specialist

Luca Ramassa Outreach Specialist at LeadsBridge, passionate about Marketing and Technology. My goal is to help companies improve their online presence and communication strategy.

Link: LeadsBridge

Ranktrackerを無料で使いましょう。

あなたのWebサイトのランキングを妨げている原因を突き止めます。

無料アカウント作成

または認証情報を使ってサインインする

Different views of Ranktracker app