Inline Содержимое микроданных отличается от той же разметки в JSON-LD

Question

У меня проблема с Microdata. Обычно я вставляю Microdata как встроенные атрибуты на страницах, но я решил отделить HTML-код и структурированные данные, поэтому я начал создавать встроенные JSON-LD.

При тестировании страниц с Google testing tool я заметил некоторые отличия между тем, что показывает Google, в зависимости от структурирования Microdata. Предметный указатель WebPageElement, а itemprop - text: текст извлекается из базы данных и поэтому может содержать теги HTML, поскольку он сгенерирован с использованием текстового редактора.

HTML код используется (первый div с itemprop="text" нет в 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 показывает контент и информацию?

Answer 1

JSON-LD (как блок данных в элементе HTML script) и микроданных работают по-разному, если значение свойства должно быть строка:

• В JSON-LD значение обычный текст (то есть, символы < и > не имеют особого значения)
• В микроданных значение является TextContent элемента (т.е. HTML-элементы получают раздели)

В вашем примере JSON-LD нет определенных тегов, которые содержат точно теги HTML (интерпретируемые как обычный текст), которые вы предоставляете в свойстве text.

Предположим, у вас есть в вашем HTML <span><b>Hello world</b></span>, и вы хотите предоставить контент «Hello world» в качестве значения для свойства text.

В микроданных, вы можете использовать один из следующих способов:

<span itemprop="text"><b>Hello world</b></span> 

<span><b itemprop="text">Hello world</b></span> 

<meta itemprop="text" content="Hello world" /> 

В JSON-LD, вы можете использовать только:

"text": "Hello world", 

Если вы будете использовать

"text": "<b>Hello world</b>", 

значение будет «< б > Привет мир </б >», где < б > и </б > не HTML, но часть строкового значения.