schema.orgを使ったパンくずリストのマークアップ設定方法

[対象: 上級] schema.orgの仕様に従ったパンくずリストの設定方法をこの記事では解説します。 パンくずリストを示すための構造化マークアップを適切に記述していなかったばかりに間違ったパンくずリストがGoogleの検索結果に表示されてしまったというトラブル事例を先日紹介しました。 パンくずリストであることを検索エンジンに伝える構造化データにはいくつか種類がありますが、ここではschema.orgを使います。 公式サイトでのガイダンスはこちらになります。 では行ってみましょう。 下のようなパンくずリストだったとします。 TOP > イタリア料理 > パスタ > カルボナーラ HTMLのソースコードはもっともプレーンな状態だと下のようになります。 <a href="/">TOP</a> > <a href="/italian/">イタリア料理</a> > <a href="/italia

[moromoro]

>bodyタグに、itemscope itemtype="http://schema.org/WebPage" の属性を付ける & パンくずリストを itemprop="breadcrumb"

[Yukarigohan]

schema.orgを使ったパンくずリストのマークアップ設定方法

[dokodajp]

http://t.co/IMSkI8Yuを使ったパンくずリストのマークアップ設定方法

[kangsungyang03]

schema.orgのパンくずマークアップの方法はHTML的に適切じゃないだろ？ってW3Cのフォーラムにもクレームあったしね～。あとで仕様変わるかもね～。ちなみに検索結果には表示されるけど、確率が低い感じがする。