銀ねこアトリエ
Home
Blog
ウェブ制作
CMS
SEO対策・デジタルマーケ
海外ノマド生活
キャリアアップ
かみーゆ徒然記
Mind Journey
About Me
かみーゆの本棚
Contact
MENU
海外ノマドブログ
SEO対策・デジタルマーケ
構造化データ
パンくずリスト構造化データの書き方!JS...
SHARE
Facebook
パンくずリスト構造化データの書き方!JSON-LDのコピペ用サンプル
公開日:
2022.04.21
メンテナンス日:
2026.07.04
# 構造化データ
# CSS
広告
広告
FAQ
パンくずリストの構造化データを設置したのに、検索結果でディレクトリ名(アルファベット)のまま表示されるのはなぜ?
Googleがページ上のテキストよりもURL構造を優先して読み取っている可能性があります。解決策として、
JSON-LD内の
name
プロパティに、日本語のカテゴリー名や記事タイトルを明示的に記述
してください。また、JSON-LD内のURLは、必ず
絶対パス(https://...)
で記述するのが鉄則です。
構造化データエラー「項目 'item' がありません」と表示されます。
パンくずリストの最後の項目(現在地)にURL(item)を記述していない場合、Googleのテストツールで警告が出ることがあります。現在地にはリンクを貼らないのが一般的ですが、構造化データ上は
@id
に現在のURLを記述
しておくことで、エラーを回避しつつ
詳細度の高いリッチリザルト
を狙うことができます。
JSON-LD と Microdata、SEOに有利なのはどちらですか?
Googleは
JSON-LD を公式に推奨
しています。HTMLタグを汚さず、メンテナンス性も高いため、今から実装するなら JSON-LD 一択です。当ブログでも推奨している
JSON-LD のテンプレート
をコピペして、ご自身のサイトURLに書き換えてみてください。
スマホでパンくずリストが長すぎて崩れてしまいます。
パンくずを省略(...)してしまうとSEO効果が薄れるため、
横スクロール(overflow-x: auto)
での実装が現在のトレンドです。ユーザーの利便性を損なわずに全階層を見せられる
スクロール対応のサンプルコード
を紹介しています。
広告
Clarity の使い方の基本と設定|ヒートマップが表示されないトラブル解決法付き
2022.06.26
# Web解析
# 便利ツール
【2026年最新比較】始めるならどれ?CSSフレームワーク3選(Bootstrap、Tailwind v4、Foundation)の特徴と選び方
2025.02.27
# CSS
use / forword / 組み込み関数 Dart Sass 便機能徹底ガイド(Gulp タスクサンプルコード(postCSS)付)
2025.02.26
# SASS
# CSS
# Gulp
【X/Twitter】スマホでもできる「高度な検索」のやり方と便利コマンド一覧表 2026年版
2021.04.15
# X
# Twitter
# SNS運用
# 便利ツール
aタグ(リンク)のクリックできる範囲をCSSで親要素まで広げる
2014.08.09
# CSS
待ってました!Chrome88 で aspect-ratioプロパティがついにサポート
2021.02.03
# CSS