ブレッドクラムがSEOにとって重要なのはなぜですか?

公開: 2022-07-18

ブレッドクラムナビゲーションは、ユーザーがWebサイトの構造を詳しく調べるためにたどったパスを示し、以前にアクセスしたページに戻る簡単な方法を提供します。 ブレッドクラムのおかげで、ユーザーは関連するコンテンツをより早く見つけることができます。

ブレッドクラムもSEOランキングにプラスの影響を与える可能性があるため、内部リンク戦略に含める必要があります。

内容を隠す
1ブレッドクラムとは何ですか、またどのサイトで使用する必要がありますか?
2ユーザーにとってのブレッドクラムの利点
3ブレッドクラムは、Google検索での視認性を高めることができますか?
4種類のパン粉
4.1階層ベースのブレッドクラム
4.2属性ベースまたは動的ブレッドクラム
4.3履歴ベースのパンくずリスト
4.4先読みブレッドクラム
5ブレッドクラムを実装する際の最も一般的な間違い
5.1メインナビゲーションをブレッドクラムに置き換える
5.2ナビゲーションオプションが多すぎる圧倒的なユーザー
5.3ブレッドクラムは、サイトの構造に関する問題の診断にどのように役立ちますか?
6ブレッドクラムとインデックス作成戦略
ブレッドクラムナビゲーションの7つのベストプラクティス
7.1パンくずリストをユーザーにとって直感的にする方法は?
7.2パンくずリストにオリジナルのスタイルを与える方法は?
7.3モバイルビュー用のブレッドクラムを設計するにはどうすればよいですか?
8ブレッドクラムスキーママークアップの実装
8.1パンくずナビゲーションに構造化データを適用するのはなぜですか?
8.2コード内のBreadcrumbListスキーマ
9まとめ

ブレッドクラムとは何ですか?どのサイトで使用する必要がありますか?

ブレッドクラムは、ユーザーにWebサイト上の現在地を表示するローカルナビゲーションシステムです。 通常、ページの上部、タイトルまたはヒーロー画像のすぐ上にあります。 これらは、以前にアクセスしたページへのハイパーリンクを含む小さなテキストトレイルの形式を取ります。たとえば、 [ホーム]>[ブログ]>[ナレッジベース]です。

このタイプのナビゲーションの名前は、森の中で迷子にならないようにするための創造的な方法を見つけた、ヘンゼルとグレーテルのドイツのおとぎ話に由来しています。

子供たちが家に帰る道を見つけるためにパンくずリストを散らかしていたように、ウェブサイトにはデジタルパンくずリストが表示され、ユーザーはいつでもホームページまたは選択したカテゴリページに戻ることができます。

ブレッドクラムは、特に階層的に編成されたコンテンツを持つ大規模なWebサイトで役立ちます すべてのサブページが同じレベルにある小さなサイトでは必要であるとは言えず、ユーザーはホームページからそれらのいずれかにジャンプできます。

ブレッドクラムを使用して、ユーザーが複数のステップのプロセスをナビゲートすることも理にかなっている場合があります。製品出荷を注文したり、プラットフォームで新しいアカウントを作成したりするステップを表示して、ユーザーが戻って修正できるようにします。

ユーザーにとってのブレッドクラムの利点

ブレッドクラムの目標が主にユーザーエクスペリエンスの向上であることは当然のことです。 サイトの構造に深く入り込み、途中で道に迷った人に便利です。 行き過ぎた場合は、メインメニュー全体を読む代わりに、シングルクリックで戻ることができます。

ブレッドクラムナビゲーションは、Webサイトのバウンス率にプラスの影響を与える可能性があります。 これは、検索結果から直接ページを入力したばかりの人にとっては非常に実用的であることがわかったためです。

ブレッドクラムのおかげで、ユーザーは自分がどこにいるか、ページが関心のあるトピックに対応するカテゴリ内に配置されているかどうかをすばやく確認できます。 したがって、検索結果ページに戻るよりも、さらに探索する可能性が高くなります。

SEO業界の記事では、GoogleがパンくずリストをSERPの豊富な結果として表示できることを繰り返し強調しており、リンクをクリックした後にサイトのどこに到達するかをユーザーに正確に示しています。 このような外観は、ユーザーの注意を引き付け、Webサイトへのアクセスを促します。

少し前までは、この豊富な結果を得るには、ブレッドクラムを使用して構造データでマークする必要がありました。 ただし、現在、これはより複雑です。 2015年4月、GoogleはページのURLを自動的に分解して、パンくずリスト形式で表示するようになりました。

したがって、実際にはブレッドクラムを使用する必要はなく、そのような種類の豊富な結果を得ることができます。 ただし、ブレッドクラムを使用することで、Googleが希望する形式でパンくずを表示できるようになります。 詳細については、この記事の「ブレッドクラムスキーママークアップの実装」セクションを参照してください。

ブレッドクラムはGoogle検索での視認性を高めることができますか?

ブレッドクラムがSEOの観点から役立つ理由には1つの重要な側面があります。 ブレッドクラムは、追加の内部リンクの機会を作成します。これにより、Webサイトのクロール性を向上させることができます。

内部リンクが増えると、Googlebotでページを見つけてアクセスしやすくなります。 Google SearchAdvocateのJohnMuellerは、クロール性に対するパンくずリストのプラスの効果を確認しました。

クロール(内部リンクの検索)と豊富な結果(構造化データ)にブレッドクラムを使用します。
出典:ジョン・ミューラー

さらに、 GoogleウェブマスタートレンドアナリストのGary Illyesによるツイートよると、パンくずナビゲーションで使用されるリンクはPageRank値を渡すことができます。

パン粉の種類

さまざまな種類のお茶とそれを淹れるためのアクセサリーを扱うeコマースストアを運営していると想像してみてください。 Webサイトに適用できる一般的に使用されるブレッドクラムには3つの異なるタイプがあります。 それらの一部またはすべてを実装することを選択するかどうかは、Webサイトの詳細とユーザーのニーズによって異なります。

階層ベースのブレッドクラム

階層ベースまたは場所ベースのブレッドクラムは、サイトのアーキテクチャにおけるユーザーの位置を示します。 それらは最も一般的なカテゴリから始まり、ユーザーが選択したブランチの1つを示します。 常連客があなたのティーストアのウェブサイトにアクセスしてドライフルーツ入りの緑茶を検索すると、階層ベースのパンくずリストは次のようになります。

ホーム>お茶>緑茶>ドライフルーツ入り緑茶

顧客が純粋な緑茶を好むと結論付けた場合、階層の上位にあるカテゴリページにすばやく戻り、検索を他の製品に分岐させることができます。 このブレッドクラムナビゲーションタイプは、ユーザーが非常に直感的であると感じるため、最も一般的です。

また、明確なWebサイト構造とインデックス可能なサブページに基づいているため、SEOの目的で最も効果的であると考えられています。 すべてのタイプのブレッドクラムは貴重な内部リンクを提供しますが、階層ベースのブレッドクラムを通じて、Googleクローラーは新しいURLを検出するだけでなく、サイトアーキテクチャをよりよく知るようになります。

重要なのは、階層ベースのブレッドクラムがインデックス作成戦略に最も簡単に適応できることです。 詳細については、「ブレッドクラムとインデックス作成戦略」セクションを参照してください。

属性ベースまたは動的ブレッドクラム

属性ベースまたは動的なブレッドクラムは、eコマースサイトに最適です。 これらは、単一の製品がいくつかの個別のカテゴリに属している場合に便利です。これは、階層ベースのブレッドクラムで説明するのは困難です。

顧客があなたのお茶屋のウェブサイトに「黒とイチゴ味のお茶がたくさん必要だ」と思って訪れたと想像してみてください。 このシナリオでは、ナビゲーショントレイルはページタイトルではなく製品属性に焦点を合わせており、次のようになります。

ホーム>お茶>パケットサイズ>タイプ>フレーバー

動的ブレッドクラムは、ユーザーに提供されているフィルターを利用して検索を絞り込むことができます。 ロケーションベースのブレッドクラムと組み合わせると、次のようになります。

ホーム>お茶>紅茶[サイズ:大] [味:いちご]

このようなブレッドクラムを使用すると、ユーザーはカテゴリページを変更せずにフィルタを無効にできるため、適切な製品の検索がさらに簡単になります。

歴史に基づくパンくずリスト

履歴ベースまたはパスベースのパンくずリストは、最も古い形式のパンくずリストであり、ヘンゼルとグレーテルの物語に最も正確に似ています。 ユーザーがこれまでにアクセスしたすべてのページが最初から最後まで表示されます。

ユーザーが黄茶の淹れ方に関するブログ記事からサイトにアクセスし、注目のティーポットへのリンクをクリックして、利用可能なすべてのティーポットを確認したい場合、履歴ベースのパンくずリストは次のようになります。

黄茶の伝統>ティーポットモデル1>ティーポット

ウェブサイトは、状況によっては混沌としてランダムに変化するため、最近では履歴ベースのブレッドクラムを使用することはめったにありません。 それでも、階層ベースのブレッドクラムと組み合わせると、本当に役立つ場合があります。 この例では、階層と履歴をマージするブレッドクラムは次のようになります。

<戻る\現在の場所:ホーム>アクセサリ>ティーポット>ティーポットモデル1

この場合、履歴ベースのブレッドクラムは、シンプルですが便利な戻るボタンになります。 ユーザーは自分の正確な場所を知っていても、ブログの投稿に戻ることができます。

先読みパンくずリスト

通常のブレッドクラムは、ユーザーが開始した場所から戻るのに役立つリンクの軌跡にすぎませんが、先読みブレッドクラムは同じレベルのカテゴリのリストに展開されます。

それらと対話するとき、ユーザーは参照するために代替カテゴリーを表示できます。 したがって、まだアクセスしていないページに切り替えることができます。 あなたがオンラインティーショップを経営している例に固執しましょう。 Webサイトの先読みブレッドクラムは次のようになります。

ホーム>お茶>紅茶
>緑茶
>黄茶
>赤茶
>白茶

この追加機能はサイトのカテゴリと構造に密接に関連しているため、先読みブレッドクラムはほとんどの場合階層ベースです。

カナダのダルハウジー大学ハリファックスの研究者は、この新しいナビゲーションのアイデアを開発する価値があるかどうかを確認するために、2005年9月に調査を実施しました。 それは、ユーザーが操作について指示されたときに先読みのブレッドクラムを高く評価していることを示しました。

26人の参加者のうち23人は、研究に志願した後、通常のパンくずよりも先読みのパンくずを遡及的に好むと主張しました。

今日、多くのページがこのソリューションを実装しているため、サイトで先読みブレッドクラムを自由に試すことができます。

ブレッドクラムを実装する際の最も一般的な間違い

それらがもたらす多くの利点にもかかわらず、不十分に設計されたパンくずリストは、ユーザーに対するWebサイトのケアの欠如を強調する可能性があります。 この一般的に役立つツールがあなたに対して機能しないことを確実にする方法は?

メインナビゲーションをブレッドクラムに置き換える

適切に設計されたブレッドクラムは誇りに思うものですが、サイトの主要なナビゲーションにすることは絶対にしないでください。 ユーザーには習慣があり、便利なのにパンくずを使わない人もいます。

ブレッドクラムはローカルナビゲーションシステムですが、メインメニューは最も一般的なグローバルナビゲーションシステムです。 実際には、これはそれらが異なる目的を果たすことを意味します。 メインメニューを使用すると、ユーザーはWebサイトがどれほど大きくて複雑であるかを知ることができます。これは、パンくずリストだけから推測することはできません。

ナビゲーションオプションが多すぎる圧倒的なユーザー

ブレッドクラムは常にメインナビゲーションの補助となる必要があります。 ユーザーに両方のオプションを提供することは冗長だと思うかもしれませんが、それはあなたのサイトのアーキテクチャを明確にします。 しかし、残念ながら、逆に船外に出る可能性もあります。

一部のWebサイトは、下位レベルのサブページに個別のセカンダリナビゲーションを実装しています。 このようなソリューションでは、メインメニューをサイトの最も重要なセクションに限定できます。 ユーザーがコンテンツをより詳細に知ることができるのはそこだけです。

架空のオンラインティーストアを想像してみてください。メインナビゲーションでは、ユーザーがさまざまな色のお茶、醸造用アクセサリー、蜂蜜などの主要なカテゴリの製品にアクセスできます。

「緑茶」カテゴリに入ると、ユーザーはこのセクション専用のセカンダリナビゲーションを紹介されます。 今では、さまざまな国や農園緑茶から選ぶことができます。多くの場合、これは有益な解決策になる可能性があります。

ただし、メインメニュー、セカンダリナビゲーション、およびブレッドクラムを並べて配置すると、この多数のリンクが混乱し、サービスできなくなります。

ブレッドクラムは、サイトの構造に関する問題の診断にどのように役立ちますか?

間違いなくブレッドクラムの実用性を低下させる1つのことは、読みやすさを失い混乱するためにトレイルが長すぎる場合です。

サブページにパンくずリストが多すぎる場合はどうすればよいですか? それらのいくつかを新しい行に移動しますか、それとも省略記号に置き換えますか? これはどれも素晴らしいアイデアのようには聞こえません。

不穏に長いパンくずリストはそれ自体は問題ではありませんが、効果のないWebサイト構造の証拠です。 この問題が発生した場合は、階層内に非常に多くのレベルが本当に必要かどうかを自問してください。

さらに、ブレッドクラムは、効果がなく謎めいたカテゴリ名を見つけるのに役立ちます。

あらゆる種類のお茶でeコマースを運営していると想像してみてください。 あなたはお茶についての幅広い知識を持っており、その味を正確に説明することができます。これらのスキルは両方とも、コンテンツを作成する方法で見ることができます。

潜在的な顧客があなたの製品ページの1つでそれを見つけるために新しい紅茶を探しているかもしれないと仮定します。 そこで、次のブレッドクラムトレイルが表示されます。

ホーム>お茶>紅茶>収斂剤>紅茶フレーバー1

注目すべきアイテムがあります。 プロのお茶の語彙に慣れていない人は、収斂性の味が何であるかを理解していない可能性があります。 彼らはこの理解できないカテゴリーを閲覧してリンクをクリックする可能性は低いです。

「収斂性」という言葉が紅茶の別のカテゴリーを表すのか、それともそれらのいくつかを区別するための単なるタグであるのかを検討する価値があります。

ブレッドクラムとインデックス作成戦略

内部リンクの形式として、ブレッドクラムは、Googleがページを見つけてインデックスに登録する可能性を高めます。 これがないと、検索結果に表示されません。

しかし、それはインデックス作成が常に良いことを意味するのでしょうか? 残念ながら、すべてのサイトに低品質のページが含まれている可能性があります。 グーグルが彼らに基づいてウェブサイト全体について否定的な意見を形成しないように、インデックスに彼らが存在することは望ましくありません。 例を挙げてこのトピックを調べてみましょう。

固定販売ポイントの検索ウィンドウを備えたオンラインティーショップを想像してみてください。 ユーザーは居住地を入力して、近くのお気に入りのブランドからお茶を購入できるかどうかを確認できます。 大都市の有効な住所がいくつか見つかりますが、小さな村に住んでいる場合は、空のリストが表示されます。 または1つの小さなお店。

ユーザーがこのショップのWebサイトにアクセスすることを決定した場合、パンくずリストは次のようになります。

ホーム>当店を探す>小さな村>小さな喫茶店

3番目の項目はページにリンクしていますが、これはSEOの観点からは役に立ちません。 村の名前と単一の販売ポイントへの参照のみが含まれています。

このタイプのページは、スパムの可能性があるため、ページ全体のランキングを下げる可能性があるため、Googleのクロール予算を無駄にすることはありません。 したがって、それを指す内部リンクがあってはなりません。 では、パンくずリストで何をしますか?

この問題にはいくつかの解決策があります。 小さな店のパンくずリストから村を完全に除外することができます。 州や郡などのより大きな地域を検索に実装することもできます。 次に、ユーザーはパンくずナビゲーションを使用して、小さなショップページから地域全体をカバーする便利な販売ポイントリストに戻ることができます。

ブレッドクラムナビゲーションのベストプラクティス

ブレッドクラムの実装は、Webサイトのユーザーエクスペリエンスを向上させ、検索エンジンボットをより使いやすくする絶好の機会です。 サイトのブレッドクラムナビゲーションスキームを設計するときに直面する可能性のあるいくつかの課題について説明しましょう。

ブレッドクラムをユーザーにとって直感的にする方法は?

ほとんどのWebサイトでは、ブレッドクラムの設計は、ユーザーがすでに慣れているソリューションの使用を中心に展開する必要があります。 従う必要のあるルールは次のとおりです。

  • ページ上部のプライマリナビゲーションのすぐ下にあるブレッドクラムを見つけます。
  • ブレッドクラムは常にホームページで開始し、現在表示されているページで終了します。
  • ブレッドクラムを左揃えにします。
  • 小さくて目立たないフォントを使用してください。 ブレッドクラムは、ページでユーザーの注意を引く最初の要素であってはなりません。
  • 矢印または大なり記号を使用してリンクを相互に分離する場合は、それらを右に向けます。 ブレッドクラムを使用して上位のカテゴリに戻りますが、矢印の目的は階層を示すことです。

ブレッドクラムにオリジナルのスタイルを与える方法は?

良いパンくずは微妙です。 ただし、上記の手順に従うことは、ナビゲーションが他のページと同じに見える必要があることを意味するものではありません。 あなたはまだあなたのウェブサイトを目立たせるために多くのことをすることができます:

  • 人気のある大なり記号を、スラッシュ、ギユメ、またはコロンのいずれか、自分のスタイルに最も適したものに置き換えることができます。
  • テキストベースのナビゲーションのみを拒否し、階層を強調して他のデザインとうまく統合できる単純な形状の中にリンクを配置することができます。
  • マルチステッププロセスのブレッドクラムでは、リンクに番号を付けて、ユーザーが手順を追跡しやすくすることができます。

モバイルビュー用のブレッドクラムを設計するにはどうすればよいですか?

モバイルユーザー向けのブレッドクラムの実装は難しいように思われるかもしれません。モバイルでは、画面スペースのすべてのインチが金でその重みに値するからです。 不必要に大きなナビゲーションによってメインコンテンツが押し下げられることは望ましくありません。 このため、一部のポータルはモバイルビューでブレッドクラムを放棄します。 小さなデバイスでは効果的なナビゲーションがさらに重要になるため、これはユーザーにとって重大な不利益になります。

モバイルユーザー向けに気の利いたブレッドクラムを作成するための賢い方法がいくつかあります。 あなたが試すことができます:

  • ホームページへのリンクを家の絵文字でマークする。
  • トレイルが長すぎる場合に、ユーザーにパンくずリストを左から右にスイープする可能性を提供します。
  • ユーザーが表示しているページの名前を表示せず、代わりに上位のカテゴリに戻る簡単なリンクを提供します。

ブレッドクラムスキーママークアップの実装

ユーザーに直感的なブレッドクラムを提供したら、検索エンジンにも明確にします。 この目的のために、関連するブレッドクラムフラグメントを構造化データでマークすることができます。 次のセクションでは、BreadcrumbListスキーマの利点と実装について説明します。

ブレッドクラムナビゲーションに構造化データを適用するのはなぜですか?

スキーママークアップやその他の方法で実装できる構造化データは、ウェブサイトのコードに入力できるGoogleの追加情報です。 これは、ページのコンテンツを理解し、他のいくつかの利点をもたらすGoogleボットにとって大きな助けになる可能性があります。

あなたがオンラインティーストアを所有していて、製品ページで白茶を淹れるための指示を公開したと想像してください。 構造化データを使用して、テキストのどの部分が水温または醸造時間に関連しているかを検索エンジンに示すことができます。 したがって、Googleは、温度と醸造時間を強調した豊富な結果として、お茶の醸造に関するアドバイスを表示できるようになります。

豊富な結果のおかげで、ページはSERPで際立っており、クリック率が大幅に向上する可能性があります。 リッチリザルトタイプは、リンクをクリックした後にアクセスするWebサイト構造内の場所をユーザーに示すブレッドクラムリッチスニペットです。

ウェブサイトの所有者がパンくずリストの構造化データを使用したかどうかに関係なく、しばらくの間、Googleがすべての検索スニペットに対してパンくずリストの形式を表示していることに気付いたかもしれません。 では、パンくずナビゲーションに構造化データを含めることは依然として必要ですか?

いいえ。ただし、Googleが検索スニペットに表示する内容をある程度制御できます。 Googleがページ上でパンくずリストを見つけることができない場合、URLは論理構造に従い、Webサイトの階層を反映していると想定して、URLを分類します。 しかし、常にそうとは限りません。 たとえそうだとしても、URLは通常、ブレッドクラムよりも人間指向ではありません。

コード内のBreadcrumbListスキーマ

以下は、次の要素を使用して、オンラインティーストアのパンくずリストに構造化データを適用する例です。ホーム>ティー>紅茶。

 {{

"@context": "https://schema.org"、

"@type": "BreadcrumbList"、

最初に、構造化データの形式は、 schema.orgから取得したスキーママークアップ語彙であることを示しました。 次に、パンくずリストのすべての要素を保持するコンテナアイテム「BreadcrumbList」を定義しました。

 "itemListElement":

上記のマークアップ「itemListElement」は、個々のブレッドクラムを正しい順序でリストし始めていることを示しています。

 [{

"@type": "ListItem"、

「位置」:1、

"名前": "ホーム"、

"アイテム": "https://yourteastore.com"

}、{

"@type": "ListItem"、

「位置」:2、

"名前": "お茶"、

"アイテム": "https://yourteastore.com/teas"

}、{

"@type": "ListItem"、

「位置」:3、

"名前": "紅茶"、

"アイテム": "https://yourteastore.com/teas/blackteas"

}]

}

個々のブレッドクラムを「ListItem」としてマークし、それらの位置、名前、およびそれらに含まれるリンクを説明しました。

まとめ

ブレッドクラムは、ユーザーがWebサイト上の現在の場所を追跡できるようにするセカンダリナビゲーションスキームです。 これらは、ページの最上部に小さなリンクパスを形成します。 私たちは区別します:

  • サイトのアーキテクチャに焦点を当てた階層ベースのブレッドクラム。
  • 主にeコマースサイトで使用される属性ベースのブレッドクラム。 それらは、ユーザーにとって重要である可能性のある製品の特性に焦点を合わせています。
  • 履歴ベースのブレッドクラムは、ユーザーがサブページにアクセスした時間的順序に焦点を合わせました。

ブレッドクラムはユーザーエクスペリエンスを向上させ、バウンス率を下げる可能性があります。 また、内部リンクを改善することで、Google検索結果でのウェブサイトの可視性を向上させることができます。 構造化データでそれらを補足することで、SERPでサイトをより魅力的にし、検索エンジンアルゴリズムをより理解しやすくすることができます。