Microdataに関する問題があります。通常、インライン属性としてMicrodataをページに挿入しますが、HTMLコードと構造化データを区別することにしたので、インラインJSON-LDを作成し始めました。JSON-LDの同じマークアップと異なるInline Microdataコンテンツの表示
Google testing toolでページをテストすると、Microdataの構造に応じてGoogleが表示する内容にいくつかの違いがあることに気付きました。 itemscopeはWebPageElement
で、itempropはtext
です。テキストはデータベースから取得されるため、テキストエディタを使用して生成されるため、HTMLタグを含むことができます。使用
HTMLコード(itemprop="text"
有する第div
はJSON-LDには存在しない):インラインミクロにおいて
<div class="text" itemprop="text">
<h3>Lorem ipsum dolor sit amet, <br>consectetur adipiscing elit. Aliquam aliquet porttitor est non egestas. </h3>
<p>Aenean quis est eu odio iaculis egestas. Aliquam erat volutpat. Praesent egestas nunc tortor, nec viverra nunc vestibulum vel. </p>
<h3 class="titolo_gruppo_faq">Aliquam erat volutpat.</h3>
<h4 class="trigger_open">Nullam luctus dui vel ex pretium bibendum</h4>
<div class="openable">
<p>Quisque at ante varius, porta nunc nec, cursus justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dictum molestie neque sit amet gravida. Sed et justo vitae quam ullamcorper tempor. Vestibulum consequat erat risus, vitae facilisis turpis bibendum vitae. Aliquam erat volutpat. Donec laoreet, dolor ac sodales consectetur, massa nisi vehicula libero, vel sollicitudin massa lacus id purus. Quisque egestas venenatis purus, tempus ultrices mauris iaculis aliquet. </p>
</div>
</div>
、タグが剥ぎ取られ、テキストのみが示されている:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet porttitor est non egestas. Aenean quis est eu odio iaculis egestas.
Aliquam erat volutpat. Praesent egestas nunc tortor, nec viverra nunc vestibulum vel!
Aliquam erat volutpat.
JSON-LDでは、一部のタグのみが削除され、その他のタグ属性とHTML属性は引き続き保持されます。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet porttitor est non egestas. <br>
Aenean quis est eu odio iaculis egestas. Aliquam erat volutpat. Praesent egestas nunc tortor, nec viverra nunc vestibulum vel!
<h3 class="titolo_gruppo_faq">Aliquam erat volutpat.</h3>
<h4 class="trigger_open">Nullam luctus dui vel ex pretium bibendum?</h4>
<div class="openable">
<p>Quisque at ante varius, porta nunc nec, cursus justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dictum molestie neque sit amet gravida. Sed et justo vitae quam ullamcorper tempor. Vestibulum consequat erat risus, vitae facilisis turpis bibendum vitae. Aliquam erat volutpat. Donec laoreet, dolor ac sodales consectetur, massa nisi vehicula libero, vel sollicitudin massa lacus id purus. Quisque egestas venenatis purus, tempus ultrices mauris iaculis aliquet. </p>
</div>
JSON-LDの例:
{
"@context":"http://schema.org"
,"@type":"QAPage"
,"about":"Lorem ipsum about"
,"headline":"Dolor sit amet headline"
,"text":"Nunc placerat metus magna, eget suscipit libero blandit tristique. Vestibulum turpis sapien, ultrices non libero sed, sagittis malesuada lorem. "
,"mainContentOfPage":
{
"@type":"WebPageElement"
,"headline":Lorem ipsum"
,"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit.Aliquam aliquet porttitor est non egestas. <br>\nAenean quis est eu odio iaculis egestas.\nAliquam erat volutpat. Praesent egestas nunc tortor, nec viverra nunc vestibulum vel!\n<h3 class=\"titolo_gruppo_faq\">Aliquam erat volutpat.</h3> \n<h4 class=\"trigger_open\">Nullam luctus dui vel ex pretium bibendum?</h4> \n<div class=\"openable\">\n <p>Quisque at ante varius, porta nunc nec, cursus justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dictum molestie neque sit amet gravida. Sed et justo vitae quam ullamcorper tempor. Vestibulum consequat erat risus, vitae facilisis turpis bibendum vitae. Aliquam erat volutpat.\nDonec laoreet, dolor ac sodales consectetur, massa nisi vehicula libero, vel sollicitudin massa lacus id purus. Quisque egestas venenatis purus, tempus ultrices mauris iaculis aliquet. </p> \n</div>\n
}
,"author":{
"@type":"Organization"
,"name":"Organization Ltd"
}
,"inLanguage":"it-IT"
}
なぜこの違いは?
この違いは、Googleのコンテンツと情報の表示方法に影響しますか?異なっ