モバイル向けのパンくずリスト SEO の 11 のベスト プラクティス

Search Engine Land » SEO » モバイルファースト戦略のためのブレッドクラム SEO の 11 のベスト プラクティス

彼らのデザインは典型的なものです。 ページ上での彼らの位置は一見明らかです。 長年にわたり、彼らはSEOにおける価値を証明してきました。 しかし、モバイル ファースト インデックスに移行したにもかかわらず、多くのサイトではパンくずリストのナビゲーションが間違っていたり、パンくずリストがまったく表示されなかったりしています。

それは間違いです。

ブレッドクラムは、モバイル デバイスに最適に実装されると、SEO とユーザビリティにとって有益です。 正しく理解するために知っておくべきことはすべてここにあります。

通常、ブレッドクラム ナビゲーションは、ユーザーが Web サイト上のどこにいるかを示すコンテキスト リンクの行です。 それらは次のような形式です。セカンダリナビゲーションこれにより、ユーザーはサイト階層内のパスをトレースできるようになります。

すべての Web サイトがブレッドクラムの恩恵を受けるわけではありません。 次のようなサイトには必要ありません。

このような、コンテンツの多くが同じレベルに快適に配置されるフラットな構造の Web サイトの場合、パンくずリストには 2 つ以上のレベルが含まれないため、ほとんど価値がありません。

これは大規模な Web サイトにも当てはまります。 たとえば、ビジネス ニュース サイトでは多くのトピックと数千の記事が提供されますが、複数レベルのナビゲーションは必要ありません。

一方、複雑な階層構造に基づいたサイトの場合、パンくずリストは不可欠です。 典型的な例は e コマースですが、その応用範囲はさらに広いです。

問題は、ユーザーと Google の両方にとって役立つブレッドクラムをどのように作成するかです。 これは独自の芸術です。

ほとんどの UX 専門家は、次の 3 つのタイプを認識しています。

SEO の場合、階層ブレッドクラムは 1 つだけである必要があります。 これが理由です。

パスベースのブレッドクラムトレイルには、現在のページに至るまでのユーザー固有の手順が表示されます。

ユーザーの以前のクリック パスを表示することは、SEO やユーザビリティの観点からベスト プラクティスではありません。

ブレッドクラムには履歴ではなく階層が表示される必要があります。

属性ベースのブレッドクラム特定のページのコンテンツが複数のカテゴリや属性に属している場合は、推奨されます。 たとえば、靴は、かかとが付いた黒い足首までの長さのブーツである場合があります。

これらの特性には論理的な階層はありません。 そこで問題となるのが、パンくずリストをどのような順序で表示するかということです。 パンくずリストは次のようになります。

ホーム > ブーツ > ヒール > ブラック > アンクル丈

または

ホーム > ヒール > ブーツ > アンクル丈 > ブラック

または他の組み合わせ。

属性の使用状況またはクエリの量に基づいてプライマリ パスを指定するという推奨事項を見てきました。 または、サイト階層内の各ユーザーの個別のパスを反映するようにパンくずリストをパーソナライズします。 どちらも間違ったアプローチです。

本質的に多階層的なものにブレッドクラムの線形構造を強制しようとするのではなく。 ブレッドクラム トレイル内にあるという要件を捨てます。 むしろ、フィルタ オプションとして、その性質に適した形式で属性を表示します。

それで私たちに残るのは階層ベースのブレッドクラムナビゲーション。 これらは、サイト アーキテクチャの深さを視覚化し、最も広範なトップレベル カテゴリから始まり、より具体的なネストされたサブカテゴリを経て、現在のページに到達します。

階層ブレッドクラムは最も一般的に使用され、最も直観的に理解され、SEO にとって最も強力です。 したがって、この記事の残りの部分で考慮される唯一のタイプになります。

ブレッドクラムは、ウェイファインディングをサポートするために不可欠な要素であり、ユーザーの方向を示し、関連する上位レベルのページへのワンクリック アクセスを提供します。 これは、訪問者が Web サイト階層の奥深くにあるページに到達した場合に特に重要です。 たとえば、Google 検索結果のロングテール クエリをクリックした後の製品ページです。

しかし、それはウェブサイトの使いやすさ以上のものです。 ブレッドクラムは SEO プロセスのあらゆるステップをサポートします。

ブレッドクラムによって生成される内部リンクは、階層のすべてのレベルを検索エンジン クローラーに公開するのに役立ちます。 これは、そのようなシグナルがないと Google のクロール キューに到達できない可能性がある、または到達しても十分に高い優先度を達成できない可能性がある下位レベルの場合に特に重要です。

そのメリットは、Google Search Console での「検出済み - 現在インデックスに登録されていない」除外の減少とクロール頻度の増加によって測定できます。

階層リンクは、Google がコンテンツの文脈を把握し、サイト構造内のページを正しく関連付けるのに役立ちます。 Google がサイトマップ ファイルを通じてのみ URL を確認する場合、URL が相互にどのように関連しているかを理解できません。

このため、Google がサイトのコンテキスト内でページがどの程度関連しているかを理解しようとする際に困難が生じます。 ブレッドクラム リンクはトピック サイロの形成をサポートします。トピック サイロは、エンティティに焦点を当てたインデックス作成でますます重要になっています。

その利点は、Google Search Console の有効な URL の増加とインデックス作成速度の高速化によって測定できます。

ブレッドクラムは、次の 2 つの方法でランキングをサポートします。

そのメリットは、Google Search Console での平均掲載順位の減少とインプレッションの増加によって測定できます。 ランクが上がるとクリック数も増加し、当然のことながらオーガニックセッションも増加します。

ページに表示されるブレッドクラムとブレッドクラム スキーマ マークアップは別のものです。 サイトにブレッドクラムがあるからといって、ブレッドクラム構造化データがあるとは限りません。

サイトに有効なパンくずリスト スキーマ マークアップがあるかどうかを最も簡単に理解するには、Google Search Console でパンくずリスト レポートを確認することです。 エラーが発生した場合は、BreadcrumbList 構造化データを確認してください。

最適な効果を得るには、両方が存在するだけでなく、サイト構造に関する互いのメッセージを裏付けることが最善です。 これにより、Google によるコンテンツの文脈化がさらにサポートされ、再びインデックス作成の改善につながります。

また、ブレッドクラム構造化データは、URL パスを SERP スニペットのブレッドクラム パスに変更することで、オーガニックなパフォーマンスを支援する場合があります。 ただし、Google はパンくずマークアップがなくてもパンくずパスを表示できます。

逆に、ほとんどのマークアップと同様に、スキーマ マークアップが存在するだけでは変更が保証されるわけではなく、場合によっては長さに応じて次善のブレッドクラム パスの結果が生じる可能性があります。 したがって、影響を注意深く追跡してください。 しかし、ほとんどのサイトでは、ブレッドクラム構造化データがベストプラクティスです。

ブレッドクラム ナビゲーションは、これまで一貫した一貫性のあるインターフェイス コンポーネントでした。 おそらく、比較的単純なためだと思われます。

階層リンクがあり、それらは何らかの区切り文字で区切られています。 しかしその後、モバイルファーストが到来し、事態は複雑になりました。 これまでのベスト プラクティスは、小さい画面に合わせて変更する必要がありました。

ユーザー エクスペリエンスの主なベスト プラクティスは次のとおりです。

当然のことですが、非常に多くのサイトがこれを誤解しています。モバイルでもパンくずリストを表示できるようにするデスクトップと同じデザイン。

他の重要な SEO 要素と同様に、これらも次のとおりである必要があります。サーバー側でレンダリングされるJavaScript を有効にしなくてもクロール可能です。

を含めます完全なナビゲーション パス現在のページまで階層を下ります。 自己参照リンクによるページの再読み込みによる混乱を避けるため、最後の項目を除くこれらすべてのページをリンクします。 ステップを省略したり、中間ステップを「…」で切り詰めたり、最後のレベルのみを含めたりして、パンくずリストを短くしないでください。 これらはすべて、パンくずリストの SEO の力を無効にします。

次に問題は、モバイル上でブレッドクラムを複数行に折り返さずにすべてのリンクを含める方法です。 複数行のパンくずリストではチェーンの構造がよく示されていないからだけではありません。 しかし、それよりも重要なのは、小さな画面上の貴重なスペースを消費してしまうためです。

に単一行のブレッドクラムを実現するデザインや使いやすさを犠牲にすることなく、オーバーフローを活用します。 これにより、ユーザーはスワイプして軌跡全体を確認できるようになり、スワイパー アシスタントや水平スクロール バーを組み込むことでさらに促進できます。 ただし、SEO フレンドリーを維持するには、オーバーフローを CSS で実装することが不可欠です。

ブレッドクラムが 1 行に収まるようになったからといって、ユーザーにスクロール作業をさせる許可が与えられるわけではありません。 保つアンカーテキストは簡潔で、関連性の高いキーワード。

ブレッドクラムのページ見出しをミラーリングする必要があるとは思わないでください。 それは素晴らしいことですが、長くなったり、繰り返しになったりすることを犠牲にする必要はありません。 また、ページタイトルを省略記号で切り捨てないでください。 むしろ、使用する明確な短い名前を決定してください。

たとえば、不動産ポータルでタイトルに基づいて作成すると、ブレッドクラムが表示される可能性があります。

ホーム > 販売物件 > 販売住宅 > ロンドンの販売住宅 > イズリントンの販売住宅 > イズリントンの 3 ベッドルーム住宅販売

簡潔ではなく、

ホーム > 販売 > 住宅 > ロンドン > イズリントン > 3 ベッド

ブレッドクラムは、階層的に複雑なサイトの二次ナビゲーションに不可欠な形式です。 これらはウェイファインディングをサポートし、使いやすさを向上させ、Google SERP からのポゴスティッキングを減らします。

さらに、クロールの促進、インデックス作成のためのコンテンツのコンテキスト化、内部リンクの公平性の提供により、SEO が向上します。 CSS オーバーフローのおかげでパンくずリスト全体が 1 行に収まるモバイルファーストのひねりを加えた典型的なスタイルは、パンくずリストのパワーを最大限に発揮します。

この記事で表明された意見はゲスト著者の意見であり、必ずしも Search Engine Land とは限りません。 スタッフの著者はここにリストされています。

関連記事

検索エンジンランドの新機能

著者について

関連トピック