Микроразметка отзывов Schema.org

Что такое микроразметка сайта и зачем она нужна

Каждый сайт оценивается поисковым роботом. Система оценивает семантику для выдачи сайта пользователям при поиске. По запросу в поисковой строке выдаются сниппеты (краткие описания) сайта. Микроразметка структурирует интернет-ресурс и помогает поисковику выдавать информацию, о чем сайт. В каждую группу данных можно включить свой тег. Поисковая система реагирует на разметку в:

• контактной информации;
• группе товаров;
• группе персон;
• разделе рейтингов и отзывов;
• видео;
• статьях;
• комментариях.

Микроразметка показывает содержимое сайта. HTML-код оформляет данные. Микроразметка — добавление в код тегов и атрибутов. Их считывает робот поисковых страниц и социальных сетей для выдачи по запросу пользователя. Он выбирает сайт, где присутствует нужная для него информация.

Есть несколько инструментов для микроразметки сайтов.

1. Для поисковых систем Google, Yandex, Yahoo, Bing и других языком роботов стал Schema. org. Это общий стандарт разметки сайтов в интернете.
2. Для социальных сетей применяется OpenGraph, придуманный Facebook. Его робот читает также микроразметку LinkedIn, Twitter, «Вконтакте», «Яндекс. Видео». С его помощью показывается превью новостей на странице потенциального клиента.
3. Для взаимодействия в jabberID, skypeID и yahooChatID нужна семантическая разметка FOAF (friend of a friend, "друг друга«).Описывает имена, пол, возраст.
4. Вместе к Schema. org иногда используется JSON-LD. Эта разметка определяет содержание «Яндекс. Почты», не исследуя сам поисковик «Яндекса». Описывает страницу, используя язык связанных данных. Построенный с применением JSON-LD контент выглядит более эстетично.
5. Атрибут class применяется как один из приемов разметки гипертекста в словаре Microformats. org.

Разметка Schema. org — библиотека словарей для описания содержимого сайтов. Имеет свыше 550 классов для описания семантики предметов (товаров) и свойств. Стандарт использует микроданные.

Наиболее масштабный класс называется Thing. Он имеет свои подгруппы.

• Для описания любого действия используется подкласс Action. Сюда относятся слова, обозначающие объект действия, время, место, инструменты, результат. Применялся в проектах «Яндекс. Острова» и Gmail Actions.
• Творческие виды деятельности описываются CreativeWork. Группа указывает автора, аудиторию, стили и жанры, картинки и многое другое.
• Важной для развития сайтов онлайн-магазинов является группа Product. Эта микроразметка нужна для определения товара и его характеристик: модели, бренда, цвета. размера. Может описывать нюансы платных сервисов, например, доставки еды.
• Контакты, подробности биографии относятся к группе Person. Она объединяет не только существующих в настоящем личностей. Сюда же относятся исторические персонажи и вымышленные.

Как сделать микроразметку на сайте

Одна и та же микроразметка может быть хорошо адаптированной для поискового робота «Яндекса», но не работать для Google. Например, часть классов разметки поддерживается поддерживает Yandex. Узнать эффективность текста в конкретном поисковике можно, проверив его валидаторами каждого. HTML страницы или URL адреса вставляется в поле валидатора. Тут же выдается результат. Проверять html нужно перед внесением кода на сайт. Проверка URl происходит с готового ресурса. Обе поисковые системы дадут рекомендации по коррекции разметки на русском языке.

Смысл разметки в Schema. org — добавление дополнительных атрибутов к тегам. Структура микроразметки идет от более широкого понятия к более узкому.

1. указывается тип контента для разметки;
2. вставляется URL-адрес текущей страницы;
3. дается отсылка к логотипу с указанием его параметров (адреса и размера);
4. пишется контактный телефон;
5. адрес компании/офиса/склада;
6. указывается название торгового предприятия.

Остальные строки структуры предназначены для микроразметки контентного наполнения.

Разметка начинается с основных блоков. Внутри них уже позже на сайте добавляются подструктуры. Сперва Schema. org прописывается сущность Thing. Внутри нее уже определяются конкретные свойства — элементы. Однако не стоит перегружать выдачу обилием информации. Сосредоточьтесь на главном. Обязательны для микроразметки:

• адрес сайта;
• адрес организации;
• часы работы компании.

Важно также помнить о качественном изображении товара. Размытую картинку не спасет никакое правильно выстроенное описание.

Благодаря семантической разметке страницы сниппет сайта выглядит более расширенно. Уже в описании пользователь видит нужную информацию и переходит по ссылке. Это косвенно влияет на SEO-продвижение ресурса. Робот Google отслеживает переходы и считает, что сайт полезен. Результатом становится более высокая строчка в выдаче по запросу.

Большинство владельцев сайтов игнорируют добавление отзывов. Однако часто именно они положительно влияют на решение о покупке товара. По схеме в поисковой строке «товар отзывы» сниппет выдает ключевую информацию. В ней содержится микроразметка с категориями цены, наличия товара и рейтинга. Чем больше количество звезд в рейтинге товара, тем выше его продажи.

Технически микроразметка отзывов выглядит так:

<!-- Указывается схема Review - отзыв о товаре -->

<div itemprop="review" itemscope itemtype="http://schema.org/Review">

<span itemprop="name">Отзыв о товаре</span>

<!-- В поле date указывается дата публикации отзыва.-->

<meta itemprop="datePublished" content="2017-06-20">20 июня 2017 года

<!-- Указывается схема Rating - рейтинг отзыва -->

<span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">

<!-- В поле worstRating метаинформацией указываем минимально возможный рейтинг.-->

<meta itemprop="worstRating" content="1">

<!-- В поле ratingValue мета информацией указываем текущий рейтинг.-->

<<meta itemprop="ratingValue" content="3">

<!-- В поле bestRating метаинформацией указываем максимально возможный рейтинг.-->

<meta itemprop="bestRating" content="5"/>

</span>

<!-- Указывается схема Person.-->

<span itemprop="author" itemscope itemtype="http://schema.org/Person">

<!-- В поле name указываем имя автора.-->

<span itemprop="name" class="name">Александр</span>

</span>

<!-- В поле reviewBody указываем сам отзыв на товар.-->

<div itemprop="reviewBody">Текст отзыва(Пылесос работает отлично!)</div>

</div>

</div>

Не надо забывать о микроразметке для мобильных версий сайта. Shema. org работает и на смартфонах. Для улучшения выдачи информации Google внедряет новую технологию. Это AMP (Accelerated Mobile Pages) — бесплатная технология с открытым кодом. Она исключает формы комментирования, рекламу, виджеты. В результате страницы загружаются быстрее. Единственный минус — «ускоренные» страницы хуже индексируются «Яндексом».

Внедрить микроразметку Schema. org на сайт помогает JSON-LD (JavaScript Object Notation Linked Data). Это способ передачи связанных данных в виде текста. Уже не потребуется прописывать HTML-код для страниц. JSON-LD упрощает процедуру добавления микроформатов. Выигрывают не только владелец сайта, но и пользователи поисковиков. Google и Yandex легко считывают микроформаты.

Продвигаешь свои товары и услуги в интернете? У нас для тебя еще больше инструментов, лайфхаков и вдохновения на Яндекс.Дзен.Подписывайся!