Добавление DOM-контейнеров под виджеты на сайте
Перед добавлением виджетов требуется подготовить ваш сайт и добавить туда DOM-элементы, который будет контейнером (родительским элементом) для виджетов.
Добавление DOM-контейнеров в карточке товара
Как показано на картинке ниже, добавьте в шаблон страницы Карточка товара два пустых контейнера. Пример:
<div id='sp-inline-rating-container' />— рейтинг товара<div id='sp-reviews-container'/>— отзывы о товаре
Позже ваши виджеты появится внутри этих элементов и заменят собой все содержимое.
Рекомендация: Задайте контейнеру <div id='sp-inline-rating-container' /> — рейтинг товара фиксированную высоту (CSS min-height). Чтобы будущий виджет с рейтингом при загрузке страницы не дергал верстку сайта.
Важно: наши виджеты содержат микроразметку отзывов Schema.org. Чтобы поисковые системы смогли корректно прочитать микроразметку отзывов, нужно разместить виджет внутри микроразметки товара. Также следует учитывать, что поисковики могут не индексировать динамический контент, добавляемый JS-скриптами, а также иметь собственные требования к микроразметке, отличные от спецификации Schema.org.
Например, вот требования к разметке товара Google.