Содержание
Допустим, вы инвестировали в разработку собственного сайта. И получили по-настоящему современный продукт, с отличным дизайном, удобным функционалом и качественным наполнением. Но ожидаемый приток пользователей так и не случился. Что же именно мешает достижению желаемого успеха? Причин может быть несколько, но вероятнее всего ваша страница «теряется» в результатах поиска. Чтобы решить эту проблему желательно разобраться, что такое и зачем нужна микроразметка. Что ж, попробуем вникнуть в этот инструмент и помочь вам настроить его правильно.
Что дает микроразметка и в чем ее преимущества
По сути, с её помощью программист «размечает» сайт и страницы за счет расширения HTML-кода дополнительными атрибутами и тегами. Проще говоря, задача микроразметки – сделать ваш ресурс более привлекательным в поисковой выдаче. С её помощью вы:
- Получите привлекательный сниппет – краткое описание страницы в результатах поисковой выдачи;
- Укажете ботам поисковых систем на информацию, которую нужно обрабатывать в первую очередь;
- Поможете роботу определить содержание страницы, выделив контакты, описание продукта, характеристики товара и т.д.
Звучит заманчиво, не правда ли? Но прежде чем реализовать микроразметку, желательно углубится в особенности этого инструмента.
Из чего состоит микроразметка
Опуская сложную терминологию, это набор тегов и атрибутов, указывающих на содержимое страницы. Частично, она указывается для ботов поисковых систем, однако видна и обычным пользователям. И позволяет «расширить» результат выдачи:
- Изображениями;
- Рейтингом;
- Отзывами;
- Кратким описанием;
- «Хлебными крошками»;
- Контактной информацией и т.д.
Работает это следующим образом: анализируя HTML-код страницы, боты поисковиков увидят «указания», заданные посредством микроразметки и «подтянут» эту информацию в результаты выдачи, расширяя сниппет.
Словари микроразметки
Чтобы разметить страницу придется ознакомиться с двумя вещами – словарь и синтаксис. Первый определяет классы и свойства передачи контента на страницу поиска, второй используется для описания сущностей – объектов программирования с присущими только им свойствами. При этом стоит отметить, что на данный момент существует несколько вариантов оформления микроразметки:
Schema.org
Универсальный словарь, поддерживающийся всеми поисковыми системами – Google, Yahoo, Bing и Яндекс. Благодаря открытому коду, постоянно дорабатывается «инициативными» пользователями со всего мира. Отличается древовидной структурой с тысячей классов для описания разных объектов:
- itemtype – тип объекта. Работает в паре с Thing, имеющей множество подтипов – Product, Person, Action и т.д.;
- itemscope – указание на описание нужного нам объекта в определенном участке кода сайта;
- itemprop – дополнительная информация. С его помощью можно разметить продолжительность видеозаписи, время начала мероприятия и т.д.
Open Graph
Не менее популярный словарь разметки, ориентированный не только на поисковики. К примеру, Facebook не скрывает, что использует OG для формирования расширенных снипетов. При работе с ним используются следующие теги:
- og:title – заголовок;
- og:description – описание;
- og:image – илюстрация;
- og:url – ссылка;
- og:type – тип объекта.
Микроформаты
Microformats.org включает множество типов объектов с описаниями их свойств, однако чаще всего этот словарь применяют для «подтягивания» контактных данных организации или специалиста через hCard. С его помощью можно разметить:
- Дату рождения – bday;
- Имя, инициалы – n;
- Адрес – adr;
- Фотографию, изображение – photo;
- Геолокацию – geo и т.д.
Синтаксисы микроразметки
Если словарь содержит теги и атрибуты, то синтаксисом называют свод правил по их использованию. Чаще всего применяют:
Microdata
Обрел популярность после повсеместного внедрения html5 за счет большей «дружелюбности» к ботам поисковых систем. Используется исключительно внутри HTML-кода, позволяет выделить важные аспекты, на которые необходимо обратить внимание в первую очередь.
RDFa
Синтаксис, разработанный командой экспертов World Wibe Web Consortium для структурирования данных на различных сайтах. Разметка прописывается в HTML-коде страницы. Тем не менее, сегодня им пользуются крайне редко из-за сложности в реализации. Тем не менее, именно на нем построено большинство тегов в OpenGraph (хотя и в упрощенном виде).
JSON-LD
Появился сравнительно недавно – в 2010 году, потому считается самым «молодым» и «перспективным». Отличается от предыдущих тем, что внедряется не в код страницы, а в тег script. Работает по принципу «ключ-значение», что удобно не только поисковым ботам, но и непосредственно для программистов. В 2013 году, JSON-LD получил полную совместимость со Schema.org, в 2014 его начали рекомендовать разработчики Google. При этом стоит отметить, что работу с ним можно упростить, используя генератор Schema Markup Generator (JSON-LD).
Реализация микроразметки
С теоретической частью закончили, перейдем к практике. Чтобы не заморачиваться над штудированием толстых талмудов и руководств, пойдем путем наименьшего сопротивления, используя словарь Schema.org в паре с синтаксисом JSON-LD. В случае с интернет-магазинами, эта пара позволяет внедрить эффективную разметку, указав на:
- Наименование категорий;
- Минимальные и максимальные цены товара;
- Валюта расчета;
- Данные по оценке: количество, максимум, среднее число;
- Рейтинг категории и т.д.
Если все сделано верно, сниппет в поисковой выдаче изменится после очередной индексации. Код разметки копируется на каждой странице категории, с указанием соответствующих переменных. Пункт «Рейтинг» добавляется лишь в случае, если подобное расширение присутствует в вашей CMS, в противном случае высок риск попадания под фильтры, выйти из-под которых непросто.
В случае с отдельными товарами, разметка позволяет указать на:
- Наименование;
- Изображение;
- Описание;
- Стоимость;
- Валюту;
- Данные по отзывам: количество, авторы, дата, текст.
Проверка микроразметки
Поскольку разметка подразумевает работу с кодом, существует риск допущения критических ошибок, отображающихся не только на продвижении, но и на работе сайта в целом. И чем быстрее вы найдете и решите проблему, тем меньше вероятность «проседания» по позициям в поиске. Для этого можно использовать сразу несколько инструментов, но самым эффективным остается валидатор Google. Работать с ним крайне просто: вставляем ссылку или фрагмент кода в строку, анализируем данные из сформированного отчета, вносим правки по рекомендациям поисковика.
