記事の階層を分かりやすくする「パンくずリスト」をマイクロデータでマークアップすると、Googleの検索結果にもパンくずリストを表示することができます。これはリッチスペニットというもので、通常のパンくずリストのままでもGoogleが自動でやってくれますが、サイトによっては反映されないこともあるのでできるだけマークアップした方が良いでしょう。
やり方は簡単、既存のパンくずリストに属性を加えるだけです。
< ul itemscope = "" itemtype = "http://data-vocabulary.org/Breadcrumb" > < li >< a href = "https://vivablog.net/" itemprop = "url" >< span itemprop = "title" >トップページ</ span ></ a ></ li > < li >< a href = "https://vivablog.net/seo/" itemprop = "url" >< span itemprop = "title" >SEO・アクセスアップ</ span ></ a ></ li > < li >[SEO] WebサイトやBlogのヘッダーに、JSON-LDでschema.orgを記述する</ li > </ ul > |
- itemscope=“”:HTML5では値の入力は必要ありません。
- itemprop=“url”:aタグのリンクをパンくずリストのURLであることを示す。
- itemprop=“title”:spanで囲んだテキストがパンくずリストのタイトルであることを示す。
Testing Toolで検証して問題なければOKです。
WordPresについては、プラグインを使う方法とfunctions.phpに追記する方法があります。以下のサイトで詳しく掲載されています。