銀ねこアトリエ
Home
Blog
ウェブ制作
CMS
SEO対策・デジタルマーケ
海外ノマド生活
キャリアアップ
かみーゆ徒然記
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)
での実装が現在のトレンドです。ユーザーの利便性を損なわずに全階層を見せられる
スクロール対応のサンプルコード
を紹介しています。
広告
クリスマスが近いので、ブログ執筆を恋の告白に例えてみた
2020.12.01
# 例えてみる
# SEOライティング
【2026年仕様】JavaScript不要!コピペで動くハンバーガーメニュー・ケバブアニメサンプル集
2022.04.09
# CSS
# JavaScript
便利なのに使ってないの?!CSSプロパティ5選
2020.11.03
# CSS
aタグ(リンク)のクリックできる範囲をCSSで親要素まで広げる
2014.08.09
# CSS
【コピペで動く】CSS counter(カウンター)の使い方!実務で使える自動ナンバリング実装パターン3選
2020.03.29
# CSS
Webサイトの表示速度を真剣に考える
2019.06.21
# Web解析
# Google検索エンジン