技術資料

複数カテゴリ対応のパンくずリスト設定でリッチリザルトを実現する方法

2023.05.18

error この記事は最終更新日から1年以上が経過しています。

※参考: Google検索でリッチリザルトを表示するパンくずリストの設定方法

上記記事の補足として、パンくずリストが複数になる場合(つまり、複数のカテゴリ階層構造がある場合など)の指定方法。

<script type="application/ld+json">
[{
    "@context":"http:\/\/schema.org",
    "@type":"BreadcrumbList",
    "itemListElement":[
        {
        "@type":"ListItem",
            "position":1,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/",
                "name":"abe-tatsuya.com",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":2,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category01\/",
                "name":"カテゴリ1",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":3,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category01\/entry01.html",
                "name":"記事タイトル",
                "image":null
            }
        }
    ]
},{
    "@context":"http:\/\/schema.org",
    "@type":"BreadcrumbList",
    "itemListElement":[
        {
        "@type":"ListItem",
            "position":1,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/",
                "name":"abe-tatsuya.com",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":2,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category02\/",
                "name":"カテゴリ2",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":3,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category02\/subcategory01\/",
                "name":"サブカテゴリ1",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":4,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category01\/entry01.html",
                "name":"記事タイトル",
                "image":null
            }
        }
    ]
},{
    "@context":"http:\/\/schema.org",
    "@type":"BreadcrumbList",
    "itemListElement":[
        {
        "@type":"ListItem",
            "position":1,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/",
                "name":"abe-tatsuya.com",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":2,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category02\/",
                "name":"カテゴリ2",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":3,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category02\/subcategory02\/",
                "name":"サブカテゴリ2",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":4,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/category01\/entry01.html",
                "name":"記事タイトル",
                "image":null
            }
        }
    ]
}]
</script>

最上層を [ ] で括って配列として扱い、それをカンマ区切りで複数指定する感じ。

Google検索でレビュー評価をリッチリザルトとして表示する方法

2023.04.28

Google検索結果に商品のレビュー評価点をリッチリザルトとして表示させるための構造化データの設定方法を解説します。

Google構造化データ HTML

Google検索でFAQ構造化データを表示する方法

2023.04.27

Google検索結果にFAQのリッチリザルトを表示させるための構造化データ設定方法を解説します。FAQページの設置手順と実際のコード例を紹介。

Google構造化データ HTML

Google検索でリッチリザルトを表示するパンくずリストの設定方法

2023.04.26

Googleの検索結果にパンくずリストを表示させるための構造化データの設定方法を解説します。JSON-LD形式でパンくずリストを設定する方法と、PHPでのURLエンコード方法について紹介します。

Google構造化データ HTML PHP

ダッシュボードのパフォーマンス改善:Ajaxとiframeの実践例

2024.12.11

サーバーサイドですべてを処理してから画面を出力するのではなく、データを分割して効率的に表示する手法をご紹介。Ajaxとiframe、それぞれの特徴や実装例をわかりやすく解説します。

HTML JavaScript jQuery

阿部辰也へのお仕事の依頼・お問い合わせ

お名前 *必須
会社名
メールアドレス *必須
電話番号
URL
お問い合わせのきっかけ
お問い合わせの内容 *必須
個人情報の取り扱いについて *必須 プライバシーポリシーをご確認いただき、同意いただける場合は「同意する」にチェックをしてください。

keyboard_double_arrow_up
TOP