Google Search Console

パンくずリストが無効

Google Search Console で「パンくずリストが無効です」というメッセージが表示される原因はいくつか考えられます。主な原因と対処法を以下にまとめました。

主な原因

構造化データのエラー:
- パンくずリストの構造化データが正しく設定されていない場合、エラーが発生します。特に、schema.orgのBreadcrumbList形式に従っていない場合に問題が起こりやすいです1。
古いデータ形式の使用:
- data-vocabulary.orgを使用している場合、Google はこれをサポートしなくなったため、schema.orgに置き換える必要があります1。
必須項目の欠如:
- itemListElementやpositionなどの必須項目が欠けている場合もエラーが発生します2。

対処法

構造化データの確認と修正:

schema.orgのBreadcrumbList形式に従って、パンくずリストの構造化データを設定します。以下のような形式で記述します。

<ol vocab="https://schema.org/" typeof="BreadcrumbList">
  <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" href="https://example.com/">
      <span property="name">Home</span>
    </a>
    <meta property="position" content="1" />
  </li>
  <!-- 他のパンくずリスト項目 -->
</ol>

data-vocabulary.orgからschema.orgへの移行:

もしdata-vocabulary.orgを使用している場合は、schema.orgに置き換えます。例えば、以下のように変更します。

<!-- 旧形式 -->
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="https://example.com/" itemprop="url">
    <span itemprop="title">Home</span>
  </a>
</li>
<!-- 新形式 -->
<li property="itemListElement" typeof="ListItem">
  <a property="item" typeof="WebPage" href="https://example.com/">
    <span property="name">Home</span>
  </a>
  <meta property="position" content="1" />
</li>

リッチリザルトテストの実施:
- Google のリッチリザルトテストツールを使用して、設定した構造化データが正しいかどうかを確認します3。

これらの対処法を試してみてください。もし他に質問があれば、どうぞお知らせください！

1: サイバーブリッジ株式会社 2: パンくずリストに「項目「itemListElement」がありません。」とでた場合の対応方法 3: Google Search Console のパンくずリスト＆解析不能な構造化データの問題の対応について

BreadcrumbList

BreadcrumbList とは

ウェブサイト上のパンくずリストを表すスキーママークアップです。パンくずリストは、ユーザーがサイトの階層構造を理解し、現在位置を確認するのに役立ちます。また、検索エンジンがサイト構造を理解するのにも役立ちます。

BreadcrumbList の構造

BreadcrumbList は、複数の ListItem を含むリストです。各 ListItem は、パンくずリストの 1 つの要素を表します。

BreadcrumbList のプロパティ

itemListElement : パンくずリストの要素 (ListItem) を含む配列。

ListItem のプロパティ

@type : "ListItem" に設定します。
position : リスト内の要素の順番を表す整数値。1 から始まります。
name : パンくずリストに表示されるテキスト。
item : パンくずリストの要素が表すページの URL。

BreadcrumbList の例

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "トップ",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "製品",
      "item": "https://example.com/products/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "スマートフォン",
      "item": "https://example.com/products/smartphones/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "ExamplePhone X",
      "item": "https://example.com/products/smartphones/examplephone-x/"
    }
  ]
}

BreadcrumbList を使用することのメリット

ユーザーエクスペリエンスの向上: ユーザーがサイト内を移動しやすくなり、迷子になるのを防ぎます。
SEO: 検索エンジンがサイト構造を理解しやすくなり、検索結果にパンくずリストが表示されることで、クリック率の向上が期待できます。

パンくずリストを表示する方法

パンくずリストは、HTML の <ul> や <ol> タグを使って表示することができます。各要素は <li> タグで囲みます。

例

<nav>
  <ol>
    <li itemscope itemtype="https://schema.org/ListItem">
      <a href="https://example.com/" itemprop="item">
        <span itemprop="name">トップ</span>
      </a>
      <meta itemprop="position" content="1" />
    </li>
    <li itemscope itemtype="https://schema.org/ListItem">
      <a href="https://example.com/products/" itemprop="item">
        <span itemprop="name">製品</span>
      </a>
      <meta itemprop="position" content="2" />
    </li>
    <li itemscope itemtype="https://schema.org/ListItem">
      <a href="https://example.com/products/smartphones/" itemprop="item">
        <span itemprop="name">スマートフォン</span>
      </a>
      <meta itemprop="position" content="3" />
    </li>
    <li itemscope itemtype="https://schema.org/ListItem">
      <a
        href="https://example.com/products/smartphones/examplephone-x/"
        itemprop="item"
      >
        <span itemprop="name">ExamplePhone X</span>
      </a>
      <meta itemprop="position" content="4" />
    </li>
  </ol>
</nav>

その他

パンくずリストは、すべてのページに設置する必要はありません。階層構造が浅いサイトや、トップページなどでは省略しても構いません。
パンくずリストの要素は、簡潔でわかりやすいテキストにするように心がけましょう。
パンくずリストの最後の要素は、現在のページ名にします。

参考情報

パンくずリスト（BreadcrumbList）の構造化データ | Google 検索セントラル | ドキュメント

ご不明な点等ございましたら、お気軽にご質問ください。

hdknr/README.md

Google Search Console

パンくずリストが無効

主な原因

対処法

BreadcrumbList