Search Consoleで「項目「position」がありません(「itemListElement」に含まれる)」のエラーが出たときの対処法

2022年5月22日日曜日

t f B! P L

enter image description here

最新、このブログでも Search Consoleから次のエラーが表示されるようになった。

「項目「position」がありません(「itemListElement」に含まれる)」

どうやら、パンくずリストの構造化データに問題があるようだ。
この記事では、このエラーの対処方法を紹介する。

スポンサーリンク

エラーの原因

このエラーが発生する原因は、Googleが検索結果に表示するパンくずリストの表示に、schema.org によって定められた「BreadcrumbList」を採用したため、そのルールに沿ってHTMLが作られていないサイトはエラーが表示されます。

  • 項目「item」がありません。
  • 項目「itemListElement」がありません。
  • 「name」または「item.name」のどちらかを指定してください。
  • 項目「position」がありません(「itemListElement」に含まれる)
  • 「id」フィールドの値は必須です。

当サイトは、Bloggerの「QooQ」というテンプレートを使用している。 このテンプレートのパンくずリリストは、Googleが以前サポートしていた「data-vocabulary.org スキーマ」の形式でパンくずリストが書かれているため、こうしたサイトでは、新しい schema.org に対応した形式に テンプレートのHTMLを修正する必要がある。

エラーの修正方法

パンくずのHTMLを、schema.org が定める「BreadcrumbList」に対応した構造化データに修正すればOKだ。

<ol vocab="https://schema.org/" typeof="BreadcrumbList">
  <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" href="https://example.com/dresses">
     <span property="name">Dresses</span></a>
     <meta property="position" content="1">
  </li>
  <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" href="https://example.com/dresses/real">
    <span property="name">Real Dresses</span></a>
    <meta property="position" content="2">
  </li>
</ol>

schema.org に掲載されている HTMLでは olli タグを使用しているが、vocabtypeof などの属性が正しく指定されていれば、uldiv タグを使ってもよい。

<div vocab="https://schema.org/" typeof="BreadcrumbList">
  <div property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" href="https://example.com/dresses">
     <span property="name">Dresses</span></a>
     <meta property="position" content="1">
  </div>
  <div property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" href="https://example.com/dresses/real">
    <span property="name">Real Dresses</span></a>
    <meta property="position" content="2">
  </div>
</div>

本記事では紹介しないが、他にも、JSON形式で構造化データを示す「JSON-LD」という書き方もある。詳しく知りたいかたは schema.orgのサイトを見るべし。

schema. org - BreadcrumbList

スポンサーリンク

まとめ

Googleが検索結果に表示するパンくずリストの表示に、新しく schema.org によって定められた「BreadcrumbList」を採用しため、それに対応する構造化 HTMLの書き方を紹介した。

GoogleはサイトのSEOに関する規定を、ちょこちょこ変えるので、Search Consoleのエラー表示については常に気を配っておこう。

スポンサーリンク
スポンサーリンク

このブログを検索

Profile

自分の写真
Webアプリエンジニア。 日々新しい技術を追い求めてブログでアウトプットしています。
プロフィール画像は、猫村ゆゆこ様に書いてもらいました。

仕事募集もしていたり、していなかったり。

QooQ