構造化データしたい(JSON+LD
)
<script type="application/ld+json">
{
構造化データ
}
</script>
ウェブサイトのHTMLに構造化データを追加して、検索エンジンに情報を渡すことができます。 主要な検索エンジンはSchema.orgで定義されているアイテムに対応しています。 Schema Validatorで設定をチェックできます。
構造化データを記述する方法はMicrodata
、RDFa
、JSON-LD
があります。
MicrodataとRDFaはHTMLタグに直接記述する形式で、
JSON+LD
はscript
タグを使ってhead
内に記述する形式です。
CMSのテンプレート機能と組み合わせる場合は、JSON+LD
形式が有用だと思います。
固定ページ(WebSite
)
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "ウェブサイトのURL",
"name": "ウェブサイト名",
"description": "ウェブサイトの説明",
"image": "OGP画像",
"author": "機関名",
}
</script>
固定ページはWebSiteを使います。
記事ページ
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"url": "記事のURL",
"name": "記事のタイトル | ウェブサイト名",
"description": "記事の概要",
"image": "OGP画像",
"author": "機関名",
"wordCount": "記事の文字数",
"datePublished": "記事の公開日",
"dateModified": "記事の最終更新日",
}
</script>
記事ページはArticleを使います。
記事リスト(ItemList
)
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"url": "記事リストのURL",
"name": "記事リストのタイトル | ウェブサイト名",
"description": "記事リストの内容",
"image": "OGP画像",
"itemListElement": [
{
"@type": "Article",
"url": "記事のURL",
"name": "記事のタイトル",
"description": "記事の概要",
"image": "OGP画像",
"author": "機関名",
"wordCount": "記事の文字数",
"datePublished": "記事の公開日",
"dateModified": "記事の最終更新日",
},
{
...
},
]
"itemListOrder": "https://schema.org/ItemListOrderAscending"
"numberOfItems": "記事数"
}
</script>
記事リストはItemListを使います。
また、itemListElementの中に、記事(Article
オブジェクト)を並べます。
リストの順序はitemListOrderで指定します。
テンプレート言語を使ってすでにソート済みの場合は、Unorderd
がよいかもしれません。