Домой / HELP / Микроразметка. Что нужно знать о словарях и синтаксисе?

Микроразметка. Что нужно знать о словарях и синтаксисе?

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

Микроразметка — своего рода единый язык, который одинаково понимают и трактуют поисковые роботы Google, Яндекс, Bing, Yahoo. Об этом они «договорились» еще в далеком 2011 году. Язык этот состоит из специальных тегов (например <div>, <span>) и их содержимого. С помощью микроразметки можно показать роботам, что определенный текст или другие элементы на странице важны и принадлежат к определенному типу данных (поисковые роботы еще несовершенны в трактовке смысла контента и расстановке приоритетов).

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

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

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

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

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

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

Всего видов микроразметки больше, но мы рассмотрим 3 самые распространенные:

  1. Open Graph — для социальных сетей
  2. Schema.org — для поисковых систем
  3. Микроформаты — для поисковых систем (устаревает)

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

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

Микроразметка сайта — Open Graph

Хочу начать с того, что сказать кто разработал данную микроразметку. А разработал ее Facebook. Сейчас многие, наверное, догадались для чего она предназначена. Догадались?

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

В нынешние дни аккаунты в социальных сетях есть практически у каждого пользователя. Мы постоянно общаемся с друзьями, смотрим видео, обмениваемся информацией внутри социальных сетей: Вконтакте, Facebook, Instagram и т.д. Они очень тесно вошли в нашу жизнь. Но как же это все связано с сайтом и статьями на сайте?

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

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

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

Несколько обязательных тегов:

  • og:title — название объекта.
  • og:type — тип объекта. Если на странице больше одного объекта, необходимо выбрать главный и указать его тип. В разных типах можно указывать различные дополнительные свойства.
  • og:image — URL изображения.
  • og:url — канонический URL, который будет добавляться в Facebook.

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

  • og:audio — ссылка на аудиофайл, который относится к объекту описания.
  • og:description — короткое описание.
  • og:locale — язык и страна, указывается в формате язык_страна. Значение по умолчанию — en_US.
  • og:locale:alternate — альтернативные языки, на которых доступно описание объекта.
  • og:site_name — название сайта.
  • og:video — ссылка на видео, которое относится к объекту описания.

Микроразметка — Schema.org

 Schema.org нужен в первую очередь для формирования расширенного сниппета и повышения релевантности страницы.

Данная семантическая разметка была создана для поисковых систем. Объявили о ней в 2010 году. Если Вы поняли для чего необходима микроразметка Open Graph, тогда с легкостью поймете для чего же нужно и данная микроразметка.

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

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

  • itemscope — описывает каждый блок отдельно, позволяет описать информацию на уровне сущности;
  • itemtype — указывает тип сущности;
  • itemprop — позволяет указать дополнительные свойства. Например, сущность — театральное событие. В таком случае можно указать название, дату спектакля, место проведения:

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

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

Вот основной список форматов, который поддерживает данная микроразметка:

  • Адреса и организации
  • Видео
  • Вопросы и ответы
  • Другие творческие работы
  • Отзывы об автомобилях
  • Отзывы об организациях
  • Программы
  • Рефераты
  • Рецепты
  • Словарные статьи
  • Тест-драйвы
  • Товары и цены
  • Картинки
  • Фильмы

Если Вам мало данных форматов, то вот полный список с официального источника — Полный перечень форматов Schema.org.

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

Что такое Dublin Core?

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

Пример:

Микроформаты

Хотя я рекомендую Вам сосредоточиться лишь на первых двух типах микроразметки, все же данный вид микроразметки необходимо хотя бы «знать в лицо». Потому что его Вы могли встретить в шаблонах для CMS (WordPress, Joomla и т.д.), которыми Вы пользуетесь.

Несколько слов о том, где же применяется данная микроразметка. А применяется она все там же где и Schema.org: разметка данных для поисковых систем.

Словарь данной микроразметки хоть и есть, но много незаконченной информации в черновиках.

Но где Вы могли видеть данную микроразметку? А хотя бы в исходном коде комментариев в шаблоне WordPress. Там могло Вам встретиться вот такое слово «hCard». Оно отвечает за формат данных с контактной информацией.

Если говорить о форматах, которые там присутствуют и поддерживаются поисковыми системами, то их довольно немного:

  • hCard — контактная информация
  • hRecipe — кулинарные рецепты
  • hReview — отзывы
  • hProduct — товары

Пока что Вам нет необходимости знать что внутри данных форматов до мелочей. Все это Вы узнаете из последующих статей. Но данную микроразметку мы не будем смотреть, так как она устаревает и все внимание сместилось на Schema.org.

Инструмент Structured Data Testing Tool от Google помогает проверить правильность оформления микроразметки.

Вот ссылки на два сервиса проверки валидации микроразметки Schema.org:

А здесь примеры микроразметки

Выводы

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

Затем нужно распределить общие блоки микроразметки. Например, микроразметка «хлебных крошек» будет повторяться от страницы к странице, меняться будет только уровень вложенности. А вот контакты организации, скорее всего, будут размечаться только на странице «Контакты» или «О нас».

Третий шаг — непосредственно разметка информации на странице. По сути, к существующим данным добавляются атрибуты, которые указывают на тип информации на странице.

Словари микроразметки (первые четыре самые популярные):

Про Александр

Здравствуйте, меня зовут Александр Мороз. Профессионально занимаюсь созданием сайтов . Выражаюсь на диалектах PHP, SQL, JavaScript, HTML, CSS, XML, jQuery. Иногда и матом в особо сложных случаях :)

Проверьте также

Как с помощью CSS прижать footer к низу окна браузера

Задача прижать footer к низу окна браузера – это одна из самых часто встречаемых задач …

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *