WEMOブログ向けWordPressテーマ「SWELL」をリリースしました!コピペで終わらない、本質的な理解を目指した知識整理のメモをお届け。2019.08.13スキーマ(schema.org)を使用したてパンくずリストをmicrodataマークアップする方法。記事によって記述例が全然違うので、自分が納得のいく方法を探しました。古い記事を参考にしすぎると今では記法が変わってエラーが出るようなもあるので注意。ついては、以下のサイトでわかりやすく説明してくれています。公式ページを参考にしてみるSchema.orgの公式サイトにある、BreadcrumbListのページを参考にしました。こちらのページの最下部に、記述例がのっています。例によると構成は以下。prop(position)例にならって記述してみると次のような感じ。テストツールを使用します。パンくずを表示しているページのURLをコピペすると画面右側に診断結果が表示され、エラーがあればその理由なども説明してくれます。こちらでエラーがでてなければOKです。エラーが出る時は上記の記述でエラーが出る時は、以下の方法を試してみてください。ページ全体を囲む記述をする私はbodyにWebpageというmicrodataをマークアップしています。itemtype="http://schema.org/BreadcrumbList">BreadcrumListのページの、記述例の少し上に下のような記述がありました。hierarchy.WebPageの中のbreadcrumbとして使用してね、みたいなことかと。親の属性が決まっていない状態でBreadcrumbListを使用するとアウトっぽい。全体像を含めると以下のように記述。</ul></body>こんな感じです。定期的にスキーマの記法に変化がないかチェックするのを忘れずに。