技術資料

error この記事は最終更新日から1年以上が経過しています。

Googleの検索結果としてリッチリザルトを表示するための構造化データを使って、パンくずリストを設定する方法。

参考: パンくずリスト（BreadcrumbList）の構造化データ

HTMLの head 要素内に以下のようなコードを挿入する。

<script type="application/ld+json">
{
    "@context":"http:\/\/schema.org",
    "@type":"BreadcrumbList",
    "itemListElement":[
        {
        "@type":"ListItem",
            "position":1,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/",
                "name":"abe-tatsuya.com",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":2,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/techblog",
                "name":"技術資料",
                "image":null
            }
        },{
        "@type":"ListItem",
            "position":3,
            "item":{
                "@id":"https:\/\/www.abe-tatsuya.com\/techblog\/article\/1",
                "name":".htaccessでのBasic認証設定方法とユーザー管理",
                "image":null
            }
        }
    ]
}
</script>

@id の値は、PHPで json_encode するのが楽。

json_encode($urltext,JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE);

正しく構造化データを設定できているかどうかは、リッチリザルトテストのページで確認できる。