Лого www.SiteHere.ru

Микроразметка сайта — как разобраться и как сделать правильно?

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

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

Если Вы попали на данную статью, то, возможно, пришла пора раз и навсегда разобраться с микроразметкой сайта и понять что и как необходимо сделать. Из данной статьи Вы поймете что в этом нет ничего сложного и каждому по силам сделать это. Я в этом прекрасно убедился, когда наши ученики, зная лишь правильную инструкцию, делают действительно сложные вещи с технической стороны. Поэтому отговорка "Это тяжело сделать технически" здесь не работает 😉 !

Важна ли микроразметка сайта?

Важна ли микроразметка сайта

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

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

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

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

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

А Вы видели вот такие звездочки на поисковой выдаче, как на изображении ниже?

Звездочки в сниппете на поиске

Так вот делаются они также с помощью микроразметки сайта. Но об этом читайте ниже.

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

Поэтому переходим в следующей логической части: виды микроразметки сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но в данной статье я хочу рассказать для чего нужна та или иная микроразметка. Чтобы не было каши в голове. Мы будем рассматривать все постепенно. В следующей статье посвященной семантической микроразметке Вы узнаете как настроить именно данную разметку на своем сайте и сделать привлекательный сниппет в социальной сети.

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

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

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

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

Сниппет для фильма и для книги

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я понял что и где применяется — что дальше делать?

Поняли для чего нужна микроразметка? Замечательно! Но это еще не все, ведь ее необходимо еще внедрить и проверить на валидность ("правильность"). Об этом Вы узнаете из следующих статей, потому что данная статья была бы очень длинной и ее чтение с маленьким скроллом стало бы не очень удобным.

Содержание

Вывод

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

Успехов!

С Уважением, Юрий Немец

Микроразметка сайта — как разобраться и как сделать правильно? 4.07/5 (81.33%) 15 голос(ов)

Понравилась статья - расскажи друзьям! :)

Из чего состоит любой сайт? HTML
+
CSS
+
JS
Технологии не поддаются обучению?
6 комментариев к записи
  • Людмила Санжаровская

    Статья полезная, особенно не очень продвинутым вебмастерам.Но слишком много воды.Уложиться можно было в 2 фразы:Микроразметка полезна.Как ее установить- смотреть там-то.

     
    • Юрий Немец

      Статья для начинающих. Кто не сталкивался с микроразметкой, в двух словах вряд ли поймет о чем речь.

       
  • Антон

    Хорошая статья и правильно, что подробно всё описано и озвучено. Я раньше как то не задумывался насчёт использования микроразметки, но вижу, тема актуальная (буду пробовать), да и у вас на сайте поковырявшись в коде, вижу, что сами используете.

     
    • Юрий Немец

      Спасибо, Антон! Скоро выйдет статья, как сделать микроразметку Schema.org на практике 🙂 .

       
  • Александр

    Здравствуйте! А можете мне дать ссылку на статью как сделать микроразметку?

     
    • Юрий Немец

      Здравствуйте, Александр!

      Ссылка на статью по микроразметке Schema.org: Перейти.

      Ссылка на статью по микроразметке Open Graph: Перейти.

       

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

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