Микроразметка Schema.org для отзывов о компании
- Опубликовано 03 декабря 2019 г.
- Категория: Development
- Теги: Микроразметка
- Прочитали 4 304 человека
- 3 комментария
В статье рассмотрен правильный пример микроразметки Schema.org для отзывов на примере отзывов об организации. Вы можете использовать этот пример в качестве образца для собственного сайта. Проверено валидатором Google.
Код в статье универсальный и не привязан к конкретной платформе сайта.
На хорошем коммерческом сайте обязательно должен присутствовать раздел отзывов о компании. Как правило, отзывы оформляют именно в виде отдельного раздела сайта. Не путайте с отзывами о товарах, поскольку отзывы о компании относятся именно к организации в целом.
С оформлением страниц отзывов мы сейчас разбираться не будем, поскольку это уже имеет отношение к конкретному сайту. Здесь мы рассмотрим как правильно выполнить микроразметку отзывов.
Обратите внимание, что микроразметка может применяться не только к отзывам об организации.
В данном примере посмотрим самый распространённый случай, а именно — микроразметку отзывов клиентов компании. Применять будем Schema.org, как наиболее простой вариант. Если Вам требуется только правильный пример, то он приведён ниже. После него разберём некоторые типичные ошибки, допускаемые в разметке.
Пример микроразметки Schema.org для отзывов об организации
Показанный ниже пример HTML кода относится к одному блоку отзыва. Если на странице записей несколько, то разметить нужно все. Таким образом, этот образец подходит для списка отзывов о компании.
<div itemscope="" itemtype="http://schema.org/Review" class="reviews-detail">
<meta itemprop="datePublished" content="2019-11-16" />
<meta itemprop="name" content="Название компании">
<span itemprop="url">https://artemvm.info/kompaniya/otzyvy/</span>
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization">
<meta itemprop="name" content="Название компании"/>
<meta itemprop="address" content="г.Москва"/>
<meta itemprop="telephone" content="8 (495) 281-54-75" />
</div>
<div itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<h3>
<span itemprop="name">Игорь</span>
</h3>
</div>
<div itemprop="reviewBody" class="reviews-detail-text">
Очень крутая компания
</div>
<div style="clear:both"></div>
<br>
<div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/Rating" class="reviews-props">
<div class="reviews-rating">
Оценка: <span itemprop="ratingValue">5</span>
<meta itemprop="worstRating" content="1">
<meta itemprop="bestRating" content="5">
</div>
</div>
</div>
Результат проверки вилидатором Google структурированных данных Вы можете посмотреть на скриншоте в начале статьи. Скопируйте пример и вставьте его в валидатор, чтобы убедиться в правильности разметки.
Теперь посмотрим, какие ошибки часто допускаются в Schema.org при разметке отзывов о компании. И прежде всего обратите внимание на объект, к которому относится отзыв. Он обозначается элементом itemReviewed, который в нашем случае имеет тип Organization. Если itemReviewed указать неправильно, то валидатор выдаст ошибку. Пример показан ниже.
Неправильно указан itemReviewed
Часто встречается такой вариант: <meta itemprop="itemReviewed" content="Название компании"/>.
В этом случае валидатор Google выдаёт ошибку «Thing – недопустимый тип целевого объекта для свойства itemReviewed.»
Если вообще не указать объект отзыва, то получим другую ошибку: «Необходимо указать значение для поля itemReviewed.». Таким образом, прежде всего проверьте, что у Вас указано от чём собственно этот отзыв. Это одна из самых распространённых ошибок, которые допускают неопытные веб-разработчики.
Хороший программист должен уметь делать микроразметку вручную, а не только подключать плагины для CMS.
Могут быть и другие ошибки. Ниже указан список того, что должно присутствовать в блоке отзыва о компании (и, конечно, должно быть размечено правильно, иначе поисковые системы не увидят информацию).
- О чём отзыв.
В нашем случае: об организации. Внутри блока обязательно укажите название компании, адрес и телефон. Последние два пункта не являются важными для Google, но тогда валидатор микроразметки Яндекса выдаёт ошибку. - Дата публикации datePublished.
Дата должна быть в формате YYYY-mm-dd, например 2019-11-16. Для Google не обязательно; Яндекс выдаёт ошибку без этого поля. - URL страницы
Обязательно для Яндекса. Причём лучше не использовать для вставки URL мета-тег. Также Яндекс часто выдаёт ошибку «значение "" в поле url не является корректным значением ссылки», при том что всё сделано верно. Можно не обращать внимания. - Автор отзыва.
Поле author должно содержать только имя. Этого достаточно. - Заголовок name.
Заголовок отзыва. - Текст отзыва в поле reviewBody.
Тут ничего необычного нет. Текст может содержать HTML-теги или это может быть один абзац без разметки.
Если некоторые поля Вам не нужно показывать на странице в соответствии с оформлением сайта, то используйте для их вывода мета-теги. В примере так указывается название организации, а также некоторые другие не особо нужные на странице поля.
Образец HTML кода, указанный выше, не предназначен в качестве примера вёрстки. Это именно пример правильной микроразметки Schema.org для отзывов о компании. Адаптацию кода к своему сайту Вы можете сделать самостоятельно.
Также Вы можете обратиться в студию WebMouse и заказать микроразметку для Вашего сайта. Стоимость зависит от CMS и определяется оценкой в каждом конкретном случае.
Своим опытом работы с микроразметкой Schema.org для рассмотренного случая Вы можете поделиться в комментариях после статьи. Предложите свои варианты — это поможет другим разработчикам приобрести дополнительный опыт.
Источник: //artemvm.info/information/uchebnye-stati/development/mikrorazmetka-schemaorg-dlya-otzyvov-o-kompanii/
3 комментария
[#145] Дамир от 12 марта 2020 г.
Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article! Perfect article!
[#932] Александр Васюк от 16 декабря 2020 г.
Долго исследовал всю эту тему, помогла русификация)
https://ruschema.org/docs/gs#microdata_itemscope_itemtype
Но вы много чем помогли этой статьей.
[#934] Артём В. Меньщиков от 16 декабря 2020 г.
Верно, но иногда так (itemscope) нельзя писать. В частности, в XSL файлах. В таком случае и пишется itemscope="" или itemscope="itemscope", иначе XSLT выдаёт ошибку.