Главная/Блог/

Микроразметка микроданных: что нужно знать SEO специалисту или все о микроразметке для Google и Яндекс

Микроразметка микроданных: что нужно знать SEO специалисту или все о микроразметке для Google и Яндекс

обновлено: 16.09.2020
Метки:
Александр Коваленко, CEO/founder агентства Advermedia.ua, опыт в SEO более 10 лет. Канал автора в телеграм: @seomnenie
24 мин
0
05.09.2020

Даже самая мелкая деталь имеет значение. Особенно, если она может привлечь внимание потенциального клиента.  Микроразметка знает, как это сделать. Этот стандарт структурирования данных, который разработали в помощь роботам, умеет решать проблемы людей.

Ваш сайт может уверенно лидировать в поисковой  выдаче, но те ресурсы, что расположились ниже в рейтинге, будут получать больше конверсий. Почему? Все дело в уместно использованной микроразметке.

Благодаря специальным тегам в HTML-коде поисковый робот определяет полезную информацию на странице и формирует расширенный сниппет. В нем посетитель может найти много полезной информации: от актуальной цены на товар до времени работы магазина. Если ваш сайт не может предложить ему такую информацию, а у конкурента она есть, то посетитель нажмет на сниппет конкурента – и навсегда забудет о вашем сайте-лидере.

Сегодня микроразметка – один из основных трендов в сео-оптимизации.  Благодаря этому в поисковой выдаче все больше появляется грамотно выполненных сниппетов.

Несмотря на это, многие еще побаиваются внедрять этот стандарт из-за:

отсутствия ресурсов;
неготовности разбираться в коде и маркировке товаров;
того, что CMS не поддерживает структурирование данных;
незнания преимуществ микроразметки.

Надеемся, что этот материал убедит вас в том, что сайт без структурированных данных – это уже вчерашний день в SEO.

Содержание статьи:

1.  Что такое микроразметка и как ее внедрять?
2. Зачем нужна микроразметка
3. Чем различаются сайты с разметкой и без нее
4. Влияет ли микроразметка на ранжирование?
5. Что можно разметить: популярные типы микроразметки
     – Хлебные крошки
     – Разметка для страницы товара
     – FAQ (вопросы и ответы)
     – Отзывы и рейтинг
     – Разметка контактов
     – Разметка статьи
     – Разметка новости
     – Разметка категории / листинга
6. Словари микроразметки
     6.1. Schema.Org
            6.1.1. Шаблон микроразметки с помощью schema.org
            6.1.2. Плюсы и минусы микроразметки schema.org
     6.2. OpenGraph
            6.2.1. Шаблон разметки страницы Open Graph
            6.2.2. Плюсы и минусы микроразметки Open Graph
7. Синтаксисы
     7.1. Microdata
            7.1.1. Плюсы и минусы Microdata
     7.2. RDFa
            7.2.1. Плюсы и минусы RDFa
     7.3. JSON-LD
            7.3.1. Шаблон разметки статьи с помощью JSON-LD
            7.3.2. Плюсы и минусы JSON-LD
8. В чем разница разница между словарем и синтаксисом
9. Как еще можно разметить сайт?
10. Маркер Google
     10.1. Плюсы и минусы микроразметки с помощью Маркера от Google
11. «Товары и цены» и «Турбо» Яндекса
     11.1. Плюсы и минусы сервиса «Турбо» от Яндекса
     11.2. Инструменты для работы с «Турбо» от Яндекса
12. Сервисы для генерации микроданных
13. Как проверить микроразметку
     – В Гугл
     – В Яндексе
14. Сайт на CMS? Используйте плагины
15. Заключение

1. Что такое микроразметка и как ее внедрять?

Микроразметкой (Rich Snippet – англ., «расширенная краткая выдержка») называют структурирование данных на сайте при помощи специальных тегов в коде. Ее применение помогает поисковикам:

распознавать на сайте ту информацию, что наиболее соответствует запросу пользователя;
отображать ее в расширенном виде в поисковой выдаче или при перепосте в соцмедиа.

Перед внедрением микроразметки нужно определиться с методом структурирования данных. Это может быть один метод, а может быть и комбинация разных способов в зависимости от требований поисковой системы и технических особенностей сайта, например, schema.org с Open Graph и в дополнение – Турбо от Яндекса

Затем следует определить тип данных на сайте, и какие именно его свойства важно отобразить в сниппете. Так, например, в карточке услуги важно разметить не только ее название, описание, изображение, цену, но и отзывы, рейтинг.

Затем нужно распределить общие блоки микроразметки сайта: какие из них будут повторяться от страницы к странице, а какие можно разместить только однажды («Контакты», «О нас»).

После внедрения нужно обязательно проверить валидность микроразметки. Сделать это можно как сервисами, предусмотренными самими поисковиками, так и платными программами, список которых мы подготовили ниже.

2. Зачем нужна микроразметка

Микроразметка – это конкретные SEO преимущества для сайта. А именно:

сниппет получит расширенное описание;
трафик на сайт станет более качественным, увеличится CTR;
релевантность страницы запросу повысится;
ускорится процесс ответа по поисковому запросу.

Важно. Нет гарантии, что использование структурированных данных приведет к тому, что все они отобразятся в расширенном сниппете. Тут поисковик будет исходить из запроса пользователя, с какого устройства он заходит, и того, какая именно информация для него (пользователя) может быть актуальна. В любом случае наличие микроразметки облегчит боту понимание контента страницы.

3. Чем различаются сайты с разметкой и без нее

Основное различие – в той информации о сайте, которую поисковик выводит в ответ на пользовательский запрос.

У сайтов без микроразметки сниппет отображает «синюю ссылку», title страницы и description, а также тот фрагмент страницы, который поисковик считает релевантным полученному запросу. Как правило в сниппете выводиться мета-описание страницы, но, поисковая система может вывести фрагмент из текста страницы, если посчитает его более качественным.

У сайтов с микроразметкой сниппет получается расширенным за счет дополнительной информации о товаре/услуге, которая была структурирована.

В этом примере на первом сайте реализована микроразметка отзывов и рейтинга, второй же – без разметки.

4. Влияет ли микроразметка на ранжирование?

И Google, и Yandex одинаково заинтересованы, чтобы для удобства роботов данные страниц вашего сайта получили оптимальную семантическую разметку. Поэтому каждый из поисковиков вносит свою лепту в пропаганду и совершенствование стандартов микроразметки.

Яндекс подчеркивает:

Разметка может сделать ваш сайт более заметным в Поиске Яндекса. Яндекс же заинтересован в том, чтобы пользователи решали свои задачи с помощью Поиска.

Что же касается Google, то здесь не говорят о прямой связи микроразметки и ранжирования. Вот объяснение официального представителя Google Джона Мюллера

С одной стороны, мы используем структурированные данные, чтобы лучше понять сущности на странице и выяснить, где эта страница более актуальна. Но это не значит, что только потому, что люди делают технически правильные вещи на веб-сайте, эта страница является лучшей страницей, чем она была бы в противном случае.

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

Но это не значит, что мы покажем это большему количеству пользователей или что оно будет иметь лучший рейтинг.

Как видим, использование микроразметки для Гугл, Яндекса или другого поисковика напрямую не влияет на ранжирование сайта. Она повышает заметность сайта для пользователей при поисковой выдаче, и сайт получает качественный поисковый трафик

То есть в первую очередь – это влияние на кликабельность, которая влияет на позицию сайта.

Все это влечет за собой улучшение поведенческих факторов, и, соответственно, ранжирования. То есть в итоге позитивные изменения в рейтинге все-таки происходят, но не сразу.

Кроме того микроразметка дает результат для колдунщиков – специальных модулей поисковиков, которые выдают поверх результатов поиска ответ на пользовательский запрос. Кстати, чтобы попасть на их глаза, ваш сайт необязательно должен быть в ТОПе.

Из опыта. В пользу внедрения микроразметки говорит недавний случай из практики Brian Freiesleben. На его сайте случайно отключилась разметка рецептов, что привело к резкому снижению показов и кликов из поиска Google. Показательно, что при этом рейтинг сайта не изменился.

Проседание трафика в период случайного отключения разметки на сайте.

5. Что можно разметить: популярные типы микроразметки

Существующие стандарты микроразметки позволяют структурировать практически весь контент на коммерческих и информационных сайтах: от контактов до видео, с подробным описанием каждой сущности.

К наиболее популярным типам микроразметки контента относятся хлебные крошки (навигационная цепочка),  товары и цены, блок вопросов-ответов, отзывы и рейтинг,·         контакты организации, страницы статьи, новости.

– Хлебные крошки

Шаблон кода микроразметки для хлебных крошек выглядит так:

<div itemscope itemtype=”http://schema.org/BreadcrumbList”>
<span itemprop=”itemListElement” itemscope itemtype=”http://schema.org/ListItem”>
<a itemprop=”item” href=”URL адрес”><span itemprop=”name”>#Главная#</span></a>
<meta itemprop=”position” content=”1″ />
</span>
<span itemprop=”itemListElement” itemscope itemtype=”http://schema.org/ListItem”>
<span itemprop=”name”>#Каталог#</span>
<meta itemprop=”position” content=”2″ />
</span>
</div>

– Страница товара

Шаблон микроразметки для страницы товара:

<div itemscope itemtype=”http://schema.org/Product”>;
<span itemprop=”name”>#Название товара#</span>
<img src=”#Адрес картинки товара#” alt=’#Название товара#’ />
<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”>;
<span itemprop=”price”>#Цена#</span>
<span itemprop=”priceCurrency”>#Валюта – (пример: RUB)#</span>
<link itemprop=”availability” href=”http://schema.org/InStock”; />In stock
</div>
<div itemprop=”aggregateRating”
itemscope itemtype=”http://schema.org/AggregateRating”>;;
<span itemprop=”ratingValue”>#Текущий рейтинг#</span>
out of <span itemprop=”bestRating”>#Лучший рейтинг#</span>
based on <span itemprop=”ratingCount”>#Количество проголосовавших#</span>
</div>
Product description:
<span itemprop=”description”>#Описание товара#</span>

– FAQ (вопросы и ответы)

Шаблон для страницы FAQ:

<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [{
“@type”: “Question”,
“name”: “Текст вопроса”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Текст ответа”
}
}, {
“@type”: “Question”,
“name”: “Текст вопроса”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Текст ответа.”
} }] }
</script>

– Отзывы и рейтинг

Шаблон для микроразметки отзыва:

<div itemprop=”review” itemscope itemtype=”http://schema.org/Review”>
<span itemprop=”reviewRating” itemscope itemtype=”http://schema.org/Rating”>
<meta itemprop=”worstRating” content = “[min_rating]”>
<meta itemprop=”bestRating” content = “[max_rating]”>
<span itemprop=”ratingValue”>[rating]</span>
</span>
<span itemprop=”itemreviewed”>[item_name]</span>
<span itemprop=”author” itemscope itemtype=”http://schema.org/Person”>
<span itemprop=”name”>[author_name]</span>
</span>
<meta itemprop=”datePublished” content=”[date]”>
<div itemprop=”reviewBody”>[review]</div>
</div>

Шаблон микроразметки рейтинга:

<div itemprop=”aggregateRating” itemscope itemtype=”http://schema.org/AggregateRating”>
<span itemprop=”ratingValue”>[value]</span>
<meta itemprop=”bestRating” content=”[max_rating]”/>
<meta itemprop=”worstRating” content=”[min_rating]”/>
<span itemprop=”ratingCount”>[num_votes]</span>
<span itemprop=”reviewCount”>[num_rewiev_count]</span>
</div>
</div>

– Разметка контактов

Шаблон для микроразметки контактов:

<div itemscope itemtype=”http://schema.org/LocalBusiness”>;
<span itemprop=”name”>#название компании#</span>
<span itemprop=”description”>#краткое описание компании – 1, 2 предложения#</span>
<div>Время работы: #время работы#
<meta itemprop=”openingHours” content=”Mo-Su 09:00-20:00″/>
</div>
Контакты:
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress>;
Адрес:
<span itemprop=”streetAddress”>#адрес компании#</span>
<span itemprop=”postalCode”>#почтовый код#</span>
<span itemprop=”addressLocality”>#город#</span>
</div>
<div>
Телефон:
<span itemprop=”telephone”>#номер телефона 1#</span>,
</div>
<div>
Телефон:
<span itemprop=”telephone”>#номер телефона 2#</span>,
</div>
E-mail:
<span itemprop=”email”><a href=”#эмейл#”>#эмейл#</a></span>
</div>

– Разметка статьи

Шаблон для микроразметки статьи:

<div itemscope itemtype=”http://schema.org/Article”>
<link itemprop=”mainEntityOfPage” href=”урл страницы статьи” /><!– Указываем основную страницу →
<header>
<h1 itemprop=”headline name”>Пример микроразметки статьи</h1><!– передаем заголовок →
</header>
<link itemprop=”image” href=”урл картинки”><!– в link можно передавать ссылки на картинки и т.п., которые не увидит пользователь →
<span itemprop=”datePublished” content=”2018-06-18″>Дата размещения</span><!– указываем дату публикации →
<meta itemprop=”dateModified” content=”2018-09-15″><!– указываем дату обновления материала –>
<div itemprop=”author” itemscope=”” itemtype=”http://schema.org/Person”>
<span itemprop=”name”>имя автора</span>
</div>
<div itemprop=”publisher” itemscope=”” itemtype=”http://schema.org/Organization”><!– Для разметки publisher необходимо использовать словарь Organization –>
<div itemprop=”logo” itemscope itemtype=”https://schema.org/ImageObject”>
<link itemprop=”url image” href=”урл логотипа”/><!– размечаем логотип –>
</div>
<meta itemprop=”telephone” content=”номер телефона”>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<meta itemprop=”streetAddress” content=”улица”>
<meta itemprop=”postalCode” content=”почтовый код”>
<meta itemprop=”addressLocality” content=”город”>
</div>
<meta itemprop=”name” content=”имя автора”>
</div>
<div itemprop=”description”><!– размечаем краткое описание статьи →
<p>Текст краткого описания</p>
<p>…</p>
</div>
<h2 itemprop=”alternativeHeadline”>Подзаголовок статьи</h2><!– указываем подзаголовок статьи –>
<div itemprop=”articleBody”><!– размечаем тело статьи →
<article>
<img itemprop=”image” src=”урл картинки” title=”Какое-то изображение в статье” alt=”Альтернативное название”>
<p>Размечаем содержимое статьи!</p>
<p>…</p>
</article>
</div>
</div>

– Разметка новости

Шаблон микроразметки новости:

<script type=”application/ld+json”>
{
“@context”: “http://schema.org”,
“@type”: “NewsArticle”,
“url”: “http://www.bbc.com/news/world-us-canada-39324587”,
“publisher”:{
“@type”:”Organization”,
“name”:”BBC News”,
“logo”:”http://www.bbc.co.uk/news/special/2015/newsspec_10857/bbc_news_logo.png?cb=1″
},
“headline”: “Trump Russia claims: FBI’s Comey confirms investigation of election ‘interference'”,
“mainEntityOfPage”: “http://www.bbc.com/news/world-us-canada-39324587”,
“articleBody”: “Director Comey says the probe into last year’s US election would assess if crimes were committed.”,
“image”:[
“http://ichef-1.bbci.co.uk/news/560/media/images/75306000/jpg/_75306515_line976.jpg”,
“http://ichef.bbci.co.uk/news/560/cpsprodpb/8AB9/production/_95231553_comey2.jpg”,
“http://ichef.bbci.co.uk/news/560/cpsprodpb/17519/production/_95231559_committee.jpg”,
“http://ichef.bbci.co.uk/news/560/cpsprodpb/CC81/production/_95235325_f704a6dc-c017-4971-aac3-04c03eb097fb.jpg”,
“http://ichef-1.bbci.co.uk/news/560/cpsprodpb/11AA1/production/_95235327_c0b59f9e-316e-4641-aa7e-3fec6daea62b.jpg”,
“http://ichef.bbci.co.uk/news/560/cpsprodpb/0F99/production/_95239930_trumptweet.png”
],
“datePublished”:”2017-03-20T20:30:54+00:00”
}
</script>

– Разметка категории / листинга

Отдельной разметки для страницы категории нету, но SEO-специалисты используют разметку товара. При использование данного типа разметки, можно получить предупреждение о спаме в микроданных, которые, как правило, не влияют на позиции, но разметка пропадает.

Шаблон микроразметки категории:

<div style=”display: none” itemscope itemtype=”http://schema.org/Product”>
<p itemprop=”Name”>Коллекции KERAMA MARAZZI</p>
<div itemtype=”http://schema.org/AggregateOffer” itemscope=”” itemprop=”offers”>
<meta content=”100″ itemprop=”offerCount”>
<meta content=”1000″ itemprop=”highPrice”>
<meta content=”25″ itemprop=”lowPrice”>
<meta content=”UAH” itemprop=”priceCurrency”>
</div>
</div>

Альтернатива – через мета описание:

6. Словари микроразметки

Словари микроразметки — это набор различных атрибутов данных, которые помогают указать на суть содержимого страницы.

Самым востребованным при создании структурированных данных является словарь schema.org. Кроме него существует еще ряд словарей:

Open Graph;
Data Vocabulary;
DublinCore;
Microformats;
FOAF;
GoodRelations.

Остановимся на принципах работы двух из них – лидерах в своих сегментах: schema.org и Open Graph.

6.1 Schema.Org

Schema.org — это словарь, разработанный несколькими наиболее популярными поисковыми системами для семантической разметки данных на странице. Размеченные таким способом данные указывают поисковым роботам, как правильно толковать информацию на сайте.

Благодаря разметке роботы идентифицируют:

сущность – например, фильм;
ее свойства – в случае с кинокартиной это год релиза, имя режиссера, жанр, ссылку на трейлер, время сеансов и многое другое.

Из этих данных формируется расширенный сниппет в поисковой выдаче.

В настоящее время словарь Schema.org включает 829 типов, 1351 свойства и 339 значений перечисления.

Thing является основным высшим типом сущности в schema.org. У него есть перечень подтипов:

CreativeWork – правила для описания творческой работы: статьи, фильмы, книги, фотографии, программное обеспечение и т.д.;
Event – правила для событий: встречи, концерты, выставки и т.д.;
Intangible – сервисный класс, состоит из нематериальных вещей таких, как рейтинги, размеры, описания услуг, вакансий и т.д.;
Organization – подборка правил для разметки организаций;
Person – сущность для описания ныне живущих или когда-то живших людей, вымышленных персонажей;
Place – правила для описания того, что имеет определенное физическое расположение (здание, памятник, парк и т.д.);
Product – правила для описания любого товара на продажу.

 Для каждого подтипа есть множество описательных тегов.

6.1.1. Шаблон микроразметки с помощью schema.org

Чтобы пользователь мог на этапе поиска получить более точную информацию по своему запросу, в Schema.org существует три основные атрибута:

Itemscope. Определяет отдельный блок для каждой сущности, разделяет информацию на странице.
Itemtype. Идет рядом вслед за itemscope и называет тип сущности из перечня типов в словаре.
Itemprop. Описывает дополнительную информацию о сущности. Например, для газетной статьи можно указать автора, дату публикации, краткое содержание и другое.

С их помощью можно описать любой из заявленных на сайте этого словаря 829 типов. Подборку наиболее востребованных шаблонов (хлебные крошки, товар и цена, отзывы и рейтинги, вопросы-ответы, статья, новости) смотрите выше, в разделе “Что можно разметить: популярные типы разметки”. 

6.1.2. Плюсы и минусы микроразметки schema.org

Плюсы:

внушительная подборка заданных схем с заданными свойствами, список которых постоянно пополняется;
применима для всех популярных поисковиков;
код находится в содержании страницы и не скрыт скриптами;
оптимизирует отображение сниппетов в поиске;
подбор разметки под каждый сайт;
постоянно обновляется;
есть плагины для автоматической микроразметки.

Минусы:

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

6.2 OpenGraph

С помощью этого словаря можно расширить аудиторию своего сайта за счет пользователей социальных медиа. Open Graph — это словарь микроразметки, созданный Facebook специально для корректного отображения в соцсетях ссылок на сайты. Его особенность: все теги указывают в.

Четыре основные свойства Open Graph:

og:title — заголовок страницы;
og:type — тип объекта;
og:image — URL изображения;
og:url — канонический URL объекта.

Подсказка. Опередите желание клиента – разместите кнопку «Поделиться» для соц медиа на странице товара, статьи или услуги.

6.2.1. Шаблон разметки страницы Open Graph

Как выглядит шаблон разметки статьи в Open Graph

6.2.2. Плюсы и минусы микроразметки Open Graph

Плюсы:

легкий в изучении;
формирует расширенный сниппет для всех востребованных социальных сетей;
справочная информация – на русском языке;
наличие плагинов, которые автоматизируют оформление разметки;
поддерживается соцсетями и поисковыми системами.

Минусы:

суженная опциональность;
создана только для соцсетей.

7. Синтаксисы

Для грамотного пользования словарями микроразметки необходимо освоить синтаксис – правила для применения словарного запаса.

Сегодня наиболее актуальны три синтаксиса структурирования данных:

Microdata
RDFa
JSON-LD.

7.1. Microdata

Microdata – это способ разметки микроданных, который позволяет описать специальные данные. К примеру, это могут быть отзывы, время и дата события и т.д.  Информация размечается непосредственно в HTML-коде сайта, при этом нужные данные «заворачиваются» в теги с определенными атрибутами.  

Для разметки используются три основные атрибута:

itemscope — указывает на сущность в блоке (<div>…</div>);
itemtype — сообщает тип сущности;
itemprop — определяет свойства сущности.

Пример разметки фильма в Microdata

7.1.1 Плюсы и минусы Microdata

Плюсы:

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

Минусы:

код разметки нужно прописывать в теле контента;
актуален только для HTML5;
прописывать такой код – трудоемкая задача.

7.2 RDFa

Синтаксис RDFa (Resource Description Framework – англ., Структура описания ресурса) также структурирует данные непосредственно в HTML-коде. С его помощью можно описать любую сущность. Существует с 2004 года и сейчас чаще используется в словаре Open Graph. Похож на микроданные.

Обязательные атрибуты:

typeof — то же, что и itemtype, но указывается названием самого типа.
property — аналог itemprop.

Пример разметки статьи в RDFa

7.2.1 Плюсы и минусы RDFa

Плюсы:

может описывать любую сущность – событие, объект, человека;
похож на микроданные.

Минусы:

сложно интегрировать в исходный код и/или в WordPress;
сложно поддерживать и обновлять.

7.3 JSON-LD

Синтаксис JSON-LD (JavaScript Object Notation Linked Data – англ., Связанные данные JavaScript Object Notation ) структурирует данные с помощью JavaScript, что значительно облегчает и ускоряет работу. Данный синтаксис рекомендуют Schema.org и Google. 

JSON-LD в базовом виде выглядит так:

<script type=”application/ld+json”>
{
//элементы
}
</script>

7.3.1. Шаблон разметки статьи с помощью JSON-LD

Пример разметки статьи с помощью JSON-LD  

7.3.2.Плюсы и минусы JSON-LD

Плюсы:

Гугл рекомендует этот формат;
разработаны качественные плагины для CMS;
микроразметку не видит обычный посетитель;
отделен от фактического текста. Может быть размещен в любом месте на странице;
доступна валидация в сервисах проверки Google и Яндекса.

Минусы:

отображается не во всех поисковых системах, включая Яндекс;
для использования необходимо знать JavaScript.

8. В чем разница разница между словарем и синтаксисом

Словарь микроразметки – это подборка классов и свойств, при помощи которых можно описать ключевой контент на странице. Schema.org и Open Graph являются словарями.

Синтаксис – это то, как указываются в html-коде элементы словаря. Иными словами, способ использования словаря на странице сайта. Например, для разметки Schema.org применяются синтаксисы:

микроданные;
микроформаты;
RDFa;
JSON-LD.

9. Как еще можно разметить сайт?

Есть варианты для микроразметки, когда не надо думать, куда добавить в исходный код страницы. Делегируйте эту задача поисковикам – Маркеру от Google и Turbo от Яндекса. В этом случае структуризация данных происходит напрямую из панели веб-мастеров.

10. Маркер Google

Маркер данных от Google не требует затрат на написание кода или генерацию его. Он максимально прост в использовании. Для работы в нем не нужно знать JavaScript или HTML, достаточно вручную отметить необходимые параметры для разметки на каждой странице, и Google сам внесет их в поисковые сниппеты.

При разметке одной страницы Google автоматически реализует ее для всех страниц сайта выбранной группы.

На данный момент Маркер данных поддерживает такие типы сущностей:

мероприятия;
местные организации;
обзоры книг;
приложения;
продукты;
рестораны;
статьи;
телесериалы;
фильмы.

10.1.Плюсы и минусы микроразметки с помощью Маркера от Google

Плюсы:

микроразметка не вмешивается в исходный код страниц;
расположен непосредственно в Google Search Console;
полуавтоматический режим разметки страниц;
доступна группировка страниц по типам.

Минусы:

актуально только для Google;
корректность разметки требует обязательной проверки;
много ручной работы при выполнении разметки для большого сайта.

11. «Товары и цены» и «Турбо» Яндекса

В конце марта Яндекс.Вебмастер сообщил о прекращении поддержки программы Товары и цены.

https://webmaster.yandex.ru/blog/registratsiya-v-programme-tovary-i-tseny-zakryvaetsya/

Теперь товарные сниппеты можно автоматически формировать из карточек и списков товаров в Турбо.  Данное предложение работает только на мобильных устройствах.

Поисковик предлагает два варианта турбо-сниппетов для интернет-магазинов:

1. Категорийный сниппет с каруселью товаров.

Отображается в ответ на категорийные запросы («купить телевизор/часы/сапоги»). В слайдере под описанием можно просмотреть до пяти карточек и перейти на страницу категории.

2. Товарный сниппет.

Выводится в ответ на запрос конкретного товара/услуги. Содержит галерею картинок, доставку, цены/ скидки, описание/характеристики. Ссылка в заголовке сниппета ведёт на страницу товара с подробным описанием.

Загрузить информацию о товарах на Турбо-страницу можно через YML-фид по инструкции

11.1. Плюсы и минусы сервиса «Турбо» от Яндекса

Плюсы:

выделяет ваш сайт среди других, повышает CTR;
посетитель переходит на сайт, уже зная информацию о стоимости услуги/товара;
в YML-документе указываются наименование, цена, скидка, описание, характеристики и не менее пяти картинок, которые также участвуют в формировании сниппета;
есть возможность для автоматизации генерации YML в большинстве CMS.

Минусы:

актуально только для выдачи Яндекса;
не все движки могут выгрузить YML-документ;
каждая смена цен на сайте требует последующей генерации документа;
при размещении вручную требует много времени и усилий.

11.2. Инструменты для работы с «Турбо» от Яндекса

Чтобы сгенерировать YML-файл, вам понадобятся:

модули и компоненты CMS для автоматической выгрузки YML-документов – перечень здесь
генератор YML-документа для формирования файла вручную.

12. Сервисы для генерации микроданных

Для работы с большими сайтами существуют специальные сервисы-генераторы. Кстати, они позволяют не только генерировать код, но и проверить его.

Сервис Стоимость Синтаксис Сущности
webcode.tools Бесплатно Microdata

JSON-LD

OpenGraph

14 сущностей

 

24 сущности

Local Business Schema Generator Бесплатно Microdata

JSON-LD

для одной сущности –

Местный бизнес

Генераторы Микроразметки онлайн Бесплатно Microdata

OpenGraph

7 сущностей

 3 сущности

13. Как проверить микроразметку

Разметка нуждается в проверке, ведь именно от нее зависит эффективность понимания содержания сайта поисковыми ботами. И Гугл, И Яндекс предлагают собственные сервисы проверки микроразметки – валидаторы.

Здесь можно вручную проверить, насколько верно поисковики извлекают данные после их структуризации. Валидаторы поддерживают Shema.org , микроданные, микроформаты и RDFa.

– В Гугл

Structured Data Testing Tool – удобный сервис Гугла. Проверку можно делать по url страницы, так и по части HTML-кода.

– В Яндексе

Валидатор микроразметки. Для проверки в этом инструменте Yandex можно также использовать URL или часть кода.

Кроме того, можно воспользоваться и этими инструментами:

Валидатор разметки Open Graph от Facebook. Проверьте отображение вашей страницы при перепосте в соцмедиа.


Structured Data Linter. Этот инструмент в целом похож на валидаторы Гугла и Яндекса. Отличие – можно загружать файл с HTML-кодом сайта для анализа.

14. Сайт на CMS? Используйте плагины

Эта подборка плагинов микроразметки WordPress – самой популярной CMS. Они станут помощниками для быстрого внедрения структурированных данных.

Сервис Стоимость Синтаксис Сущности для разметки
Schema — All In One Schema Rich Snippets Бесплатная версия Microdata 8 сущностей
WP SEO Structured Data Schema
Бесплатная версия JSON-LD 11 сущностей
Платная версия 49$
JSON-LD 20 сущностей
Schema Бесплатная версия JSON-LD 19 сущностей
Schema Premium Платная версия (от 99$) JSON-LD 35 сущностей
Schema & Structured Data for WP & AMP Бесплатная версия JSON-LD 30 сущностей
Schema & Structured Data for WP & AMP Pro Платная версия Про (от 99$) JSON-LD 30 сущностей

Нужен профессиональный подход к продвижению проекта?

Напишите нам в любой мессенджер!

15. Заключение

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

Расширенный сниппет привлекает внимание пользователя точной информацией о цене, дате или других важных для него деталях.

На основе этого клиент делает вывод о необходимости перехода на ваш сайт. Его переход будет осознанный, а готовность совершить покупку – высокой.  Отсюда – увеличение трафика и CTR, а значит – и рост конверсий.

Основные шаги по внедрению микроразметки для сайта:

1. Для начала определитесь, какие именно блоки будете размечать и распределите их по важности.
2. Подберите, каким именно способом будете проводить разметку.
3. Для повторяющихся блоков используйте генераторы кода, а также Маркер данных в Search Console и Turbo в Яндексе.
4. Проверяйте разметку валидаторами, чтобы боты могли правильно прочитать ваше послание.

Наличие микроразметки гарантирует успешную поисковую оптимизацию. И этого более чем достаточно, чтобы включить ее в свой список to do.

""

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (3 оценок, среднее: 5,00 из 5)
Загрузка...
Александр Коваленко
CEO/founder агентства Advermedia.ua, опыт в SEO более 10 лет. Канал автора в телеграм: @seomnenie

Новые материалы

Подписаться на телеграм канал СEO Advermedia Мнение SEO

Публикуем интересные материалы из блога и разбираем вопросы по SEO от подписчиков!

https://t.me/seomnenie Подписаться

Перезвоните мне