воскресенье, 23 апреля 2017 г.

Микроразметка: типы, области применения, инструменты проверки

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

Оглавление

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

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

К оглавлению

Cтандарты микроразметки и микроформаты

Стандарты микроразметки описаны на официальном сайте schema.org и его русскоязычном аналоге ruschema.org. Вот они:

  • Microdata;
  • RDFa;
  • JSON-LD;
  • OpenGraph;
  • микроформаты.

К 2016 Яндекс научился поддерживать микроформаты следующих типов:

  • hRecipe – разметка кулинарного рецепта;
  • hCard – разметка контактной информации;
  • hReview – разметка отзыва;
  • hProduct – разметка товара.

Гугл поддерживает все микроформаты, перечисленные в документации Schema.org.

К оглавлению

Область применения микроразметки

Конечно, родной поисковик игнорирует некоторые типы микроразметки. Но на будущее, «чтобы два раза не бегать», оформить можно все элементы сайта:

  • контакты;
  • отзывы;
  • товары;
  • статьи;
  • навигацию (меню и хлебные крошки);
  • шапку;
  • футер;
  • картинки;
  • описание ПО;
  • рецепты;
  • рецензии;
  • вопросы и ответы;
  • видео;
  • научные работы;
  • комментарии.

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

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

К оглавлению

Оформление микроразметки: необходимые инструменты и навыки

Чтобы начать работу с микроразметкой, необходимы знания HTML. Элементы микроразметки базируются на тегах этого языка.

Кроме того, потребуется текстовый редактор. Подойдет даже стандартный блокнот Windows, но в нем работать будет неудобно.

Вместо стандартного блокнота можно использовать программы вроде Notepad++, VisualStudioCode, TopStyle или Sublime Text. Все, кроме саблайма, бесплатны.

Преимущество специализированного ПО перед стандартным блокнотом – выделение тегов и атрибутов цветом. Поиск ошибок ускоряется и упрощается.

К оглавлению

Валидация микроразметки

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

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

Если проверить валидность кода HTML на сервисе W3C, микроразметка окажется невалидной. Почему, не знаю, но не вижу повода удалять структурированные данные.

К оглавлению

Валидация в Яндексе

Валидатор микроразметки находится в панели вебмастеров.

Валидатор микроразметке в вебмастере

На странице либо вводим адрес проверяемой страницы, либо вставляем код и нажимаем кнопку «Проверить».

Валидация микроразметки по адресу страницы или коду

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

Чтобы проверить код микроразметки, авторизуйтесь в Яндексе, без этого никак.

К оглавлению

Валидация в Гугле

В гугле для проверки микроданных авторизация не нужна. Просто переходим на страницу проверки.

Инструмент проверки микроразметки от Google

Выбираем опцию – вставить URL проверяемой страницы или код. Ждем. Результат:

Если нажать на слово «Ошибки», валидатор покажет, что не так с кодом. Исправляйте и проверяйте снова.

К оглавлению

Выводы

Микроразметка – способ структурированного оформления данных на странице. Есть несколько форматов микроразметки. Гугл поддерживает все, Яндекс – выборочно.

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

Разметить можно любую часть веб-страницы и любой тип данных. Чем больше размеченных данных на сайте, тем красивее сниппеты.

После оформления микроразметки дважды ее проверьте на ошибки. Потом опубликуйте и еще раз проверьте.

Данные, полученные из микроразметки, появляются в сниппете после очередной индексации сайта, а не сразу после установки кода.

Комментариев нет:

Отправить комментарий