Немного полезной информации о микроразметке

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

Условно микроразметку можно разбить на словарь и синтаксис.

Словарь — это свод правил по использованию тегов.

Синтаксис — это непосредственно теги и свойства.

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

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

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

Примеры сниппетов с микроразметкой

Ниже показаны примеры получившихся расширенных сниппетов:

Рис.1. Наша любимая «Веб-машина» с рейтингом статьи и привлекательным URL-адресом

 

Рис.2. Гигант интернет-торговли «Розетка» сумел вывести в сниппет порядок цен на посадочной странице и так же не забыл про красивый URL-адрес.

 

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

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

Shema.org — наиболее популярный словарь для микроразметки

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

Поддерживаемые типы данных микроразметки

Поисковыми системами поддерживаются следующие схемы словаря Schema.org:

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

Примеры кода с микроразметкой

Пример без микроразметки:

<div>

 ВЕБ-Машина

 Контакты:

 <div>

   Адрес:

   ул. Полтавский шлях, 56

   Харьков,

 </div>

 Телефон:(068) 442-05-27,

 Факс:(057) 751-01-51,

 Электронная почта: Ця електронна адреса захищена від спам-ботів. Вам потрібно увімкнути JavaScript, щоб побачити її.

</div>

Пример с микроразметкой:

<div itemscope itemtype="http://schema.org/Organization">

 <span itemprop="name">ВЕБ-Машина</span>

 Контакты:

 <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">

   Адрес:

   <span itemprop="streetAddress">ул. Полтавский шлях, 56</span>

   <span itemprop="addressLocality">Харьков</span>,

 </div>

 Телефон:<span itemprop="telephone">(068) 442-05-27</span>,

 Факс:<span itemprop="faxNumber">(057) 751-01-51</span>,

 Электронная почта: <span itemprop="email">Ця електронна адреса захищена від спам-ботів. Вам потрібно увімкнути JavaScript, щоб побачити її.</span>

</div>

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

2 самых надежных инструмента: Structured Data Testing Tool от Google и «Валидатор микроразметки» от Яндекс. Оба инструмента дают возможность проверить как отдельный кусок HTML-кода, так и всю страницу, доступную по конкретному URL-адресу.

Альтернатива от Search Console

Поисковая система Google также дает возможность разметить некоторые элементы сайта даже без доступа к коду: инструмент под названием «Маркер разметки структурированных данных». Для того, чтобы воспользоваться им, необходимо зайти в Search Console (кабинет для вебмастеров Google). Перейти в пункт «Вид в поиске» и затем выбрать «Маркер». Затем достаточно ввести нужный URL-адрес сайта, выбрать тип информации и приступить к самой разметке. Это значительно упрощает жизнь оптимизаторам и маркетологам, но возможности инструмента ограничены и в большинстве случаев рекомендуется прибегать к редактированию кода.

Готовые решения для внедрения микроразметки

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

 

Статья написана в Гараже Веб-машины 22 июня 2016 года.

Автор - интернет-маркетолог Алёна Чувахлова.