Inject html после просмотра виджета загрузки для разметки схемы

Question

Мой интернет-магазин использует Kudobuzz для обзоров продуктов, но наша платформа электронной коммерции (PDG) не поддерживается для данных разметки SEO.

Этот виджет не поддерживает разметку схемы по своему усмотрению, поэтому я хочу как-то выбрать соответствующие фрагменты и внедрить разметку схемы в различные div/span, составляющие виджет. Одна из проблем заключается в том, как вводить код, который Google может анализировать, а другой - выяснить, как сделать фактические селектора для этого супер раздутого виджета.

Вот codepin виджета и некоторые разметки данные, которые уже есть на сайте: http://codepen.io/anon/pen/GpddpO

Вот ссылка на страницу продукта, если вы хотите увидеть, как все работает: https://www.asseenontvhot10.com/product/2835/Professional-Leather--Vinyl-Repair-Kit

Этот есть (грубо говоря) разметка Я пытаюсь добавить, если это поможет:

<div itemscope itemtype="http://schema.org/Review"> 
<div itemprop="reviewBody">Blah Blah it works 5 star</div> 
<div itemprop="author" itemscope itemtype="http://schema.org/Person"> 
Written by: <span itemprop="name">Author</span></div> 
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing"> 
<span itemprop="name">Stop Snore</span></div> 
<div><meta itemprop="datePublished" content="2015-10-07">Date published: 10/07/2015</div> 
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> 
<meta itemprop="worstRating" content="1"><span itemprop="ratingValue">5</span>/<span itemprop="bestRating">5</span> stars</div> 
</div> 

Answer 1

Теоретически вы могли бы написать очень небольшое количество микроданных с помощью CSS :before и :after - с content, но для этого потребуются все пробелы и символы, преобразованные в формат ISO, например.

#name: перед тем { "\ 003cspan \ 2002itemprop \ 0022name \ 2033"} #name: после того, как {содержания: "\ 2044 \ 003cspan003e"

даже пространства должны быть с \ замещенным 2002 или эквивалентным пробельные кода

следует обернуть эту микроданный HTML к любому элементу под названием name:

<span itemprop="name">...</span> 

Очевидно, что это может работать, только если виджет позволяет иметь четкие идентификаторы или имена классов для го e элементов, и может быть бесполезно, что вы знаете тип объекта, который был рассмотрен первым (например, «Книга», «Фильм», так как это нужно в начале в примере, который я дал, - который является неполным). Код должен быть правильно вложен, поэтому, если вы хотите получить дополнительную помощь, вы можете отредактировать свой вопрос с помощью примера HTML для полного обзора.

Дать собственный сценарий JSON-LD в верхней части страницы другой вариант - это был бы другой вопрос (если вы застряли), но не встраивается в самих данных

Редактировать

Рекомендуется сначала проверить css в отдельной среде, например, установить jsfiddle