Микроразметка 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 для рассмотренного случая Вы можете поделиться в комментариях после статьи. Предложите свои варианты — это поможет другим разработчикам приобрести дополнительный опыт.

Уникальная метка публикации: F9F2E67B-E0A0-0293-0F5B-D8D70149EF18
Источник: //artemvm.info/information/uchebnye-stati/development/mikrorazmetka-schemaorg-dlya-otzyvov-o-kompanii/

Авторы публикации

Разработка сайтов

подробнее

3 комментария

[#145] Дамир от 12 марта 2020 г.
Thanks you

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 г.
У вас ошибка в коде)
itemscope="" пишется вот так itemscope
Долго исследовал всю эту тему, помогла русификация)
https://ruschema.org/docs/gs#microdata_itemscope_itemtype
Но вы много чем помогли этой статьей.
[#934] Артём В. Меньщиков от 16 декабря 2020 г.
Официальный ответ от ArtemVM.iNFO

Верно, но иногда так (itemscope) нельзя писать. В частности, в XSL файлах. В таком случае и пишется itemscope="" или itemscope="itemscope", иначе XSLT выдаёт ошибку.


Ваш комментарий к публикации

Присоединяйтесь к обсуждению! Оставьте свой комментарий к данной публикации. Ваш комментарий будет опубликован на сайте после проверки модератором.

Ваша корзина
пока пуста
0
нет товаров
в избранном
0
нет товаров
для сравнения
0
Не сейчас