2019年2月3日ツイートシェアB!はてブポケット構造化データには、「microdata」「JSON-LD」「RDFa」の3種類の書き方があります。一般的にはシンタックスと呼ばれていたりしますが、用語が難しいので「書き方」としています。Googleが推奨しているのは「JSON-LD」ですが、別にどの書き方を選んでも問題はありません。覚え方としては、HTMLタグに直接書くのが、microdataとRDFascritpとして1箇所にまとめておくのが、JSON-LDといった感じです。書き方の違いとメリット、デメリットをまとめました。おわりパンくずリストを構造化で表現してみる構造化を定義している「schema.org」にもパンくずの参考があるので、こちらをもとにしていきます。http://schema.org/BreadcrumbList元となるHTML構文は以下のとおりです。何も構造化データは入っていません。</li></ol>パンくずリストは検索結果にも使われる構造化データです。いう構造化データを「リッチスニペット」と呼ばれたりします。「microdata」の書き方itemscopeitemtypeitempropの3つのプロパティを使って、構造を定義していきます。※1※1)https://schema.org/docs/faq.html#14microdataのデメリットGoogleの推奨ではない(使ってはダメというわけではありません)「RDFa」の書き方vocabtypeofpropertyの3つのプロパティを使って作られています。書き方としてはmicrodataと似ていますね。わたしの主観)「JSON-LD」の書き方scriptタグを使ってJSON形式で記述する方法です。]}</script>JSON-LDのメリットGoogleが推奨しているJSONなので、各システムでデータを取得・解析しやすいCSSなどの影響を受けづらく、既存のWebページに埋め込みやすいデータが1箇所にまとまるJSON-LDのデメリットscriptとして分離はするが、HTML内には記述する必要がある(外部ファイルにはできない)「microdata」「JSON-LD」「RDFa」どれがいい?気になるのは「どの記述方法で書けばいいの?」という点ではないでしょうか?どれでもいいというのが答えではあるのですが、優先順位を付けるとすると、1位:JSON-LD2位:microdata3位:RDFaといった感じです。SEOやGoogleへの認知を目的に構造化データを入れているのであれば、Google先生から「JSON-LDを推奨する!」って言われたら、もう何も言えません笑ただし、「JSON-LDじゃないと読み込みません!」って言ってるわけではないので、好きな方法で書いても問題はありません。リンクGoogleに認知してもらうためのルール構造化データをGoogleはすべて把握していると言われています。参考:すべてのschema.orgをGoogleはサポートする、可能な限り多くの構造化データをマークアップするといい構造化データのためのガイドラインもあり、Googleに認知してもらうためには、Googleのルールにも従う必要があります。日本語訳はありませんが、翻訳ツールなどを使ってご一読ください。代表的なルールを列挙します。構造にエラーがないこと構造化データを記述した際は、ちゃんとしたフォーマット、書き方で書かれているかテストしましょう。Googleが丁寧に「構造化データテストツール」というツールを出してくれています。構造化データテストツールテキストのコピペ、URLの入力でチェックできますので、エラーが出ないかチェックするといいでしょう。「必須」のプロパティはなるべく含めるようにしたいところです。コンテンツと関連のある構造化データにすることレシピの構造化データを求人のコンテンツに記述するのは「おかしい」ということは誰もが分かるはずです。レシピのコンテンツに対して、ちゃんとレシピを示すための構造化データを使用しないといけないということですね。具体的な型で明示すること今回のパンくずの例では、「BreadcrumbList」でなくても、その親要素である「ItemList」でも記述することは可能です。「ItemList」は、リストであること示す「BreadcrumbList」は、パンくずリストであることを示すパンくずリストもリストであることは変わりないですが、どちらがより正確な情報を伝えているかは明確ですよね。構造化データを使う際は、最も具体的に表現できる構造化データを使うようにしましょう。Hierarchy」から確認できます。@haniwa008構造化データ「microdata」「JSON-LD」「RDFa」を書き方の違いや、それぞれのメリット、デメリットを紹介しました。Googleの推奨は「JSON-LD」ですが、どの書き方を選んでも問題はありません!ただし、Googleの構造化ガイドラインや、構造化を定義しているschema.orgを読み、「ルールを守っているか」「書き方は合っているか」を確認しながら、Googleに伝わる構造化データを書くようにしましょう。リンクこのページが役に立ったらいいね!お願いします運営の励みになります...。Flywheel」がノ...前の記事アプリのようなドロワーをWebサイトで実現!jQueryプラグイン「hira...はにわまんWordPressが好きなフリーのWebコーダー。300件以上のWordPressカスタマイズを対応してきました。