Микроразметка отзывов Schema.org
Что такое микроразметка сайта и зачем она нужна
Каждый сайт оценивается поисковым роботом. Система оценивает семантику для выдачи сайта пользователям при поиске. По запросу в поисковой строке выдаются сниппеты (краткие описания) сайта. Микроразметка структурирует интернет-ресурс и помогает поисковику выдавать информацию, о чем сайт. В каждую группу данных можно включить свой тег. Поисковая система реагирует на разметку в:
- контактной информации;
- группе товаров;
- группе персон;
- разделе рейтингов и отзывов;
- видео;
- статьях;
- комментариях.
Микроразметка показывает содержимое сайта. HTML-код оформляет данные. Микроразметка — добавление в код тегов и атрибутов. Их считывает робот поисковых страниц и социальных сетей для выдачи по запросу пользователя. Он выбирает сайт, где присутствует нужная для него информация.
Есть несколько инструментов для микроразметки сайтов.
- Для поисковых систем Google, Yandex, Yahoo, Bing и других языком роботов стал Schema. org. Это общий стандарт разметки сайтов в интернете.
- Для социальных сетей применяется OpenGraph, придуманный Facebook. Его робот читает также микроразметку LinkedIn, Twitter, «Вконтакте», «Яндекс. Видео». С его помощью показывается превью новостей на странице потенциального клиента.
- Для взаимодействия в jabberID, skypeID и yahooChatID нужна семантическая разметка FOAF (friend of a friend, "друг друга«).Описывает имена, пол, возраст.
- Вместе к Schema. org иногда используется JSON-LD. Эта разметка определяет содержание «Яндекс. Почты», не исследуя сам поисковик «Яндекса». Описывает страницу, используя язык связанных данных. Построенный с применением JSON-LD контент выглядит более эстетично.
- Атрибут class применяется как один из приемов разметки гипертекста в словаре Microformats. org.
Разметка Schema. org — библиотека словарей для описания содержимого сайтов. Имеет свыше 550 классов для описания семантики предметов (товаров) и свойств. Стандарт использует микроданные.
Наиболее масштабный класс называется Thing. Он имеет свои подгруппы.
- Для описания любого действия используется подкласс Action. Сюда относятся слова, обозначающие объект действия, время, место, инструменты, результат. Применялся в проектах «Яндекс. Острова» и Gmail Actions.
- Творческие виды деятельности описываются CreativeWork. Группа указывает автора, аудиторию, стили и жанры, картинки и многое другое.
- Важной для развития сайтов онлайн-магазинов является группа Product. Эта микроразметка нужна для определения товара и его характеристик: модели, бренда, цвета. размера. Может описывать нюансы платных сервисов, например, доставки еды.
- Контакты, подробности биографии относятся к группе Person. Она объединяет не только существующих в настоящем личностей. Сюда же относятся исторические персонажи и вымышленные.
Как сделать микроразметку на сайте
Одна и та же микроразметка может быть хорошо адаптированной для поискового робота «Яндекса», но не работать для Google. Например, часть классов разметки поддерживается поддерживает Yandex. Узнать эффективность текста в конкретном поисковике можно, проверив его валидаторами каждого. HTML страницы или URL адреса вставляется в поле валидатора. Тут же выдается результат. Проверять html нужно перед внесением кода на сайт. Проверка URl происходит с готового ресурса. Обе поисковые системы дадут рекомендации по коррекции разметки на русском языке.
Смысл разметки в Schema. org — добавление дополнительных атрибутов к тегам. Структура микроразметки идет от более широкого понятия к более узкому.
- указывается тип контента для разметки;
- вставляется URL-адрес текущей страницы;
- дается отсылка к логотипу с указанием его параметров (адреса и размера);
- пишется контактный телефон;
- адрес компании/офиса/склада;
- указывается название торгового предприятия.
Остальные строки структуры предназначены для микроразметки контентного наполнения.
Разметка начинается с основных блоков. Внутри них уже позже на сайте добавляются подструктуры. Сперва 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 легко считывают микроформаты.
Продвигаешь свои товары и услуги в интернете? У нас для тебя еще больше инструментов, лайфхаков и вдохновения на Яндекс.Дзен.Подписывайся!
