構造化データマークアップ、パンくずリスト編

構造化データマークアップ、パンくずリスト編

う。SEOに役に立つわけでもないのに、なんか妙にはまっちゃっている、構造化データのマークアップです。今回はパンくずリストです。読者の方々には、はなはだ迷惑かと思われますが、テンプレートも修正を重ねていると、覚えられなくなってきてしまうので、メモさせてください。


(Update) Templete-12, BreadcrumbList, Structured Data, Mark-up


Googleディベロッパーページを参照;
Enhance Your Site's Attributes


※「あなたのサイト属性を強化、パンくずリストを有効化する」といったところでしょうか?

構造化データマークアップの参考にした、Google関連ページは↓

Breadcrumbs


今回は、FC2の変数がとりやすかったので、JSON-LD形式にしました。


パンくずリスト、マークアップ部分

<!--permanent_area--><!--topentry-->
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "<%url>",
      "name": "Home",
      "image": "<%image>"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "<!--parent_category--><%topentry_parent_category_link><!--/parent_category-->",
      "name": "<!--parent_category--><%topentry_parent_category><!--/parent_category-->",
      "image": "<%image>"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "<%topentry_category_link>",
      "name": "<%topentry_category>",
      "image": "<%image>"
    }
  },{
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "<%topentry_link>",
      "name": "<%topentry_title>",
      "image": "<%image>"
    }
  }]
}
</script>
<!--/topentry--><!--/permanent_area-->



メモ


<body>のすぐ下に挿入


追記


検索では、↓の様に表示されていました。
検索にもパンくずリスト

わぁ~♪

Comment

コメントを投稿する
記事: 構造化データマークアップ、パンくずリスト編

お気軽にコメントをどうぞ~。

  非公開 (管理人のみ閲覧可能)
 

Trackback