目に見える要素の構造化データ

Question

以下の2つのコード部分は、ユーザーにとっては見えなくなりますが、GSDTTでよく解析されます。今

<script type="application/ld+json"> 
    { 
     "@context": "http://schema.org", 
     "@type": "WebPage", 
     "mainEntity":{ 
       "@type": "Book", 
       "author": "Plato", 
       "bookFormat": "http://schema.org/Paperback", 
       "datePublished": "2001-01-15", 
       "image": "plato-cover.jpg", 
       "inLanguage": "English", 
       "numberOfPages": "224", 
       "review": [ 
       { 
        "@type": "Review", 
        "author": "John Doe", 
        "datePublished": "2001-01-16", 
        "name": "O. Talp", 
        "reviewBody": "A lovely read." 
       } 
       ] 
      } 
    } 
</script> 

構造化データウィッヒが含まれている以下のコードを、考える

<div> 
     <div itemtype="http://schema.org/WebPage" itemscope> 
     <div itemprop="mainEntity" itemtype="http://schema.org/Book" itemscope> 
      <meta itemprop="datePublished" content="2001-01-15" /> 
      <meta itemprop="bookFormat" content="http://schema.org/Paperback" /> 
      <link itemprop="image" href="http://rdf-translator.appspot.com/plato-cover.jpg" /> 
      <meta itemprop="author" content="Plato" /> 
      <meta itemprop="numberOfPages" content="224" /> 
      <meta itemprop="inLanguage" content="English" /> 
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope> 
      <meta itemprop="name" content="Old is new again" /> 
      <meta itemprop="reviewBody" content="A lovely read." /> 
      <meta itemprop="author" content="O. Talp" /> 
      <meta itemprop="datePublished" content="2001-01-16" /> 
      </div> 
     </div> 
     </div> 

は、ユーザーにvisbleです。それは GSDTTでよく解析される：

<div itemtype="http://schema.org/WebPage" itemscope> 
     <div itemprop="mainEntity" itemtype="http://schema.org/Book" itemscope> 
      <p itemprop="datePublished" content="2001-01-15">Published: 2001-01-15 </p> 
      <p itemprop="bookFormat" content="http://schema.org/Paperback" />Format: Paperback </p> 
      <img itemprop="image" src="https://nl.wikipedia.org/wiki/Plato#/media/File:Plato_Pio-Clemetino_Inv305.jpg" > 
      <p itemprop="author" content="Plato" >Author: Plato</p> 
      <p itemprop="numberOfPages" content="224" >Pages: 224</p> 
      <p itemprop="inLanguage" content="English" >Language: English</p> 
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope> 
       <p><strong>Review</strong></p> 
       <p itemprop="name" content="Old is new again" >Old is nieuw again</p> 
       <p itemprop="reviewBody" content="A lovely read.">A lovely read.</p> 
       <p itemprop="author" content="O. Talp">Author: O. Talp</p> 
       <p itemprop="datePublished" content="2001-01-16">Published: 2001-01-16</p> 
      </div> 
     </div> 
</div> 

それは構造化データが含まれているので、私は、最後のコード断片を好むと可視出力を生成します。それにもかかわらず、マイクロデータは非難されているか、遅かれ早かれになります。ユーザーにも見える構造化HTMLデータを作成するベストプラクティスは何ですか？

Answer 1

Microdataは推奨されていません。

• WHATWGは、part of their Living HTML specと指定されています。 W3Cはspecified in a Note（new plan to publish it as Recommendation）です。

• Schema.orgのスポンサーは、JSON-LD、Microdata、RDFaという3つの構文をサポートしています。彼らはこれらを廃止するつもりはない。

• Schema.orgデータの消費者はもちろん、これらの構文のサブセットまたは他のものだけをサポートすることができます。 Microdataをサポートしていないことがわかっている消費者をサポートしたい場合を除き、それを使用しない理由はありません。

  （ただし、消費者はJSON-LDを使用することを推奨していますが、MicrodataとRDFaをサポートしています。）はno reason to follow their recommendationです。

各構文には長所と短所があります（JSON-LD vs. Microdata vs. RDFa）。

（コンテンツを複製するのではなく）既存のコンテンツをマークアップする場合は、MicrodataまたはRDFaを使用する必要があります。あなたのケース（Microdata vs. RDFa）のどちらかが良いでしょう。