複数カテゴリ対応のパンくずリスト設定でリッチリザルトを実現する方法
作成日:2023.05.18
カテゴリ階層が複数ある場合に適切なパンくずリスト設定方法を、実際のコード例を交えて解説します。Google検索でリッチリザルトを表示させるために、JSON-LD形式で複数階層を指定する方法を学びましょう。
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>最上層を [ ] で括って配列として扱い、それをカンマ区切りで複数指定する感じ。
奈良市を拠点に、25年以上の経験を持つフリーランスWebエンジニア、阿部辰也です。
これまで、ECサイトのバックエンド開発や業務効率化システム、公共施設の予約システムなど、多彩なプロジェクトを手がけ、企業様や制作会社様のパートナーとして信頼を築いてまいりました。
【制作会社・企業様向けサポート】
Webシステムの開発やサイト改善でお困りの際は、どうぞお気軽にご相談ください。小さな疑問から大規模プロジェクトまで、最適なご提案を心を込めてさせていただきます。
ぜひ、プロフィールやWeb制作会社様向け業務案内、一般企業様向け業務案内もご覧くださいね。
Google検索でレビュー評価をリッチリザルトとして表示する方法
2023.04.28
Google検索結果に商品のレビュー評価点をリッチリザルトとして表示させるための構造化データの設定方法を解説します。
Google検索でFAQ構造化データを表示する方法
2023.04.27
Google検索結果にFAQのリッチリザルトを表示させるための構造化データ設定方法を解説します。FAQページの設置手順と実際のコード例を紹介。
Google検索でリッチリザルトを表示するパンくずリストの設定方法
2023.04.26
Googleの検索結果にパンくずリストを表示させるための構造化データの設定方法を解説します。JSON-LD形式でパンくずリストを設定する方法と、PHPでのURLエンコード方法について紹介します。
ダッシュボードのパフォーマンス改善：Ajaxとiframeの実践例
2024.12.11
サーバーサイドですべてを処理してから画面を出力するのではなく、データを分割して効率的に表示する手法をご紹介。Ajaxとiframe、それぞれの特徴や実装例をわかりやすく解説します。