パンくずリスト

更新日：2022.01.29

HTML

<html>
  <head>
    <title>ページタイトル</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1, /*第1階層（トップページ)*/
        "name": "トップ",
        "item": "https://pulpxstyle.com"
      },{
        "@type": "ListItem",
        "position": 2, /*第2階層（カテゴリページ）*/
        "name": "カテゴリ",
        "item": "https://pulpxstyle.com/category/"
      },{
        "@type": "ListItem",
        "position": 3, /*第3階層（カテゴリページ）*/
        "name": "記事タイトル",
        "item": "https://pulpxstyle.com/post01/"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

できるだけ誌面とコードの色を近づけるように調整しましたが、印刷物と画面表示との差異はどうしても発生してしまいます。サポートサイトでご確認いただける色が実際に表示されます。

デザイン目次へ