Home / SEO / Что такое микроразметка и какие типы микроразметки поддерживают Яндекс и Google

Что такое микроразметка и какие типы микроразметки поддерживают Яндекс и Google

Приветствую, дорогие читатели и гости блога! Полагаю, вы слышали о таком понятии как микроразметка сайта, если нет, то садитесь поудобнее, и приступайте к изучению этой обширной темы. На данный момент самым популярным форматом микроразметки в Рунете является Schema org.

микроразметка

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

Содержание статьи:

Микроразметка schema org
Микроразметка Яндекс
Микроразметка Google
Пример микроразметки сайта
Плагин для микроразметки WordPress

Микроразметка schema org

Микроразметка сайта это определенный стандарт, который помогает поисковым роботам правильно определять содержимое и структуру web страницы.

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

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

Микроразметка schema org это стандарт, который объявили Google, Bing и Yahoo в 2011 году. Немного позднее и Яндекс принял ее в свои ряды. Вот собственно видео в котором Яндекс наглядно показывает зачем нужна микроразметка.

Стандарт представляет собой определенный набор классов, которые описывают свойства документа. То есть если говорить простым языком, мы сообщаем поисковому роботу: «Эй дружище, вот это у меня название статьи, это изображение, а это комментарии. Не перепутай ничего :)».

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

Микроразметка Яндекс

В настоящее время Яндекс поддерживает микроразметку schema.org и микроформаты.

Микроформат это один из старейших систем микроразметки, но он постепенно уходит в прошлое. Недостатком микроформатов является то, что они создают кучу классов в CSS файле и некоторые из этих классов могут вступать в конфликт со стилями шаблона блога.

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

  • hRecipe – описание кулинарных рецептов;
  • hCard – разметка контактной информации;
  • hReview – разметка отзывов;
  • hProduct – разметка товаров;
Возможно вас заинтересует:  Что такое Alexa Rank?

Микроразметка Google

Гугл в отличии от Яндекс поддерживает все виды микроразметки. Это и плюс, и одновременно большой минус. Дело в том, что большинство шаблонов WordPress, которые находятся в бесплатном доступе взяты с западных источников, и соответственно разработаны по правилам google. Они ведь ориентируются на него, а не на Яндекс. В таких шаблонах уже внедрена микроразметка, например, vCard и Open Graph.

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

Конечно, ребята с Яндекс могли бы настроить своих роботов, чтобы те понимали все основные способы микроразметки как Google, но Яндекс не дурак. Эти ребята любят, когда львиную долю их работы делают web мастера. Отказом понимать устаревшие типы микроразметки, они убивают сразу двух зайцев – заставляют создавать сайты по самым современным стандартам и экономят свои ресурсы.

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

Правильно размеченный сайт значительно выделяется в сниппете поисковой выдачи. К таким выделениям можно отнести:

  • рейтинг чего-либо – статьи, фильма или товара;
  • текстовое выделение рубрики, так называемые «хлебные крошки»;
  • изображение рецепта;
  • медиа;
  • адрес и контактная информация;
  • дата публикации материала;
  • количество сообщений в топике;

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

Вариант 1.

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

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

Вариант 2.

сниппет разметки

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

Вариант 3.

разметка изображения в сниппете

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

Если вы имеете хоть какое-то представление в HTML коде, то предлагаю взглянуть на два варианта отображения контактной информации. Первый вариант без микроразметки, второй с внедренной разметкой Schema.org

Вариант без разметки:

<div>
<span>Офис Васи</span>
Контакты:
<div>
Адрес: Ленина, 26,
143350,
Москва,
</div>
Телефон: +7 495 123–45–67,
Факс: +7 495 234–56–78,
Электронная почта: vasya@yandex.ru
</div>

А вот вариант с внедренной микроразметкой

<div itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>Офис Васи</span>
Контакты:
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
Адрес:
<span itemprop=”streetAddress”>Ленина, 26</span>
<span itemprop=”postalCode”> 143350</span>
<span itemprop=”addressLocality”>Москва</span>,
</div>
Телефон:<span itemprop=”telephone”>+7 495 123–45–67</span>,
Факс:<span itemprop=”faxNumber”>+7 495 234–56–78</span>,
Электронная почта: <span itemprop=”email”>vasya@yandex.ru</span>
</div>

А вот во втором примере поисковый робот так же как и человек, четко понимает, что написанные цифры, это телефон, а рядом стоящие слова это адрес компании.

Возможно вас заинтересует:  Как оптимизировать сайт на Wordpress? Мой чек-лист

Плагин для микроразметки WordPress

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

Итак, плагин называется Schema Creator by Raven. Просто скачиваем и активируем его на своем блоге.

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

внедреение разметки плагином

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

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

Как видите плагин Schema Creator by Raven достаточно прост и не требует каких-то особых настроек. Но все же минус у него есть, это постоянное редактирование новых записей. Если же вы внедрите микроразметку Schema org в шаблон блога, то все будет размечаться автоматически. Соответственно экономится время.

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

31 комментарий

  1. Андрей, до недавнего времени я не обращал внимание на подобные статьи, так как считал, что эта микроразметка не может помочь в развитии и улучшения позиций сайта, но об этом так часто стали писать все блогеры, что я начал чесать свой затылок 🙂
    У меня была установлена стандартная разметка vcard, соответственно в Гугле проблем не было, а в моих глазах Гугл авторитет, вот из-за этого ничего и не делал.
    На одном блоге его автор предложил установить разметку schema за 300 рублей + удалить старую и проверить на ошибки и…всё, всё, всё… Мне так было в облом этим заниматься самостоятельно, что я согласился на эту услугу, посчитав что это не так уж и дорого.
    И вот, установил он мне, удалил старую, исправил все ошибки и заодно подправил некоторые некорректные коды и плагины, одним словом он сделал качественную и честную работу!
    Вот прошёл уже месяц с тех про и что? Пока что никаких изменений в позициях я не вижу.
    Как ты думаешь, эта микроразметка и правда может повлиять на позиции сайта и его лучшую индексацию? Честно говоря…я не верю!

    Ответить
    • Игорь, у меня микроразметка повлияла очень хорошо в лучшую сторону. Здесь скорее всего дело в качестве микроразметке. Я заказывал за 2 000 р. Ради интереса проверил твой блог в валидаторе микроразметки Яндекс, результат следующий:
      Главная страница размечена неправильно. Нет разметки тайтла, description, анонсов и т. д.
      Во внутренних правильно размечены только изображения и комментарии. Кстати по комментариям, тоже нужно сделать кое какие исправления, в частности UserComments нужно поменять на Comment. Раньше Яша на это не ругался, но с недавних пор стал, я тоже менял у себя. Можешь сам проверить свою разметку в вебмастере.
      Кстати, если я не ошибаюсь, у тебя премиум шаблон от Гудвина. Неужени он верстает темы вордпресс, не учитывая рекомендации отечественной ПС?

      Ответить
      • Опа на! Неожиданно! Значит разметка за 300 рублей неспроста такая дешевая! Ну хорошо, обращусь к тому парню, посмотрим что он скажет по этому поводу.
        На счет шаблона Гудвина…этот шаблон сравнительно старый, минимум год, наверно поэтому тогда еще Гудвин не придавал микроразметке значение.
        Кстати, дайка я обращусь к самому Гудвину. Интересно какое у него мнение будет по этому поводу.
        Огромное тебе спасибо Андрей за наводку и за проверку моей разметки

      • Мне бы тоже было интересно узнать мнение Гудвина по этому поводу 🙂

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

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

    Ответить
    • Согласен. Микроразметка, это лишь один из множества факторов ранжирования, к тому же это косвенный фактор, а не прямой. Поэтому не следует ждать чуда, и что после внедрения разметки сайт будет в ТОПе.

      Ответить
    • Алексей, я полностью с тобой согласен. Мой первый вопрос был не по теме. Я не могу поднять позиции блога, расчитывпя только на микроразметку! Все поавильно. Я ступил!

      Ответить
      • Мой комментарий был адресован не тебе Игорь и не Андрею. Я выразил свое мнение относительно теме статьи. Скорей написал для новичков! А то возложив огромные надежды на эту разметку, новички блоггеры подумают, что общим ведением можно не заниматься.

        Микроразметка сейчас очень важна, я сделал ее у себя на блоге (записи), и всем советую, но нельзя все на нее вешать.

      • Спасибо, Алексей, тебе еще раз за код разметки изображений!

      • Алексей, как делал разметку для комментов? Я так-то все сделал, а комменты проблематично.

  3. Не за что Андрей, потому что я дал этот код на моем блоге, типа выпустил его в свободное плавание. Теперь каждый, кто захочет сделать микроразметку на WordPress, может прийти ко мне на блог, в поиске по сайту, написать «Микрозаметка» или «schema», перейти на статью и разметить свои посты по моей методике с рабочими кодами.

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

    Ответить
  4. Андрей, привет. Честно микроразметкой на блогах не занималась. На это времени уйдёт очень много…Хочу найти фрилансера, который займётся этой работой. Но, оставлю этот вопрос до осени. Статья интересная, надо ведь знать, что требовать и как проверять результат микроразметки.

    Ответить
    • Привет, Оль. Правильно, делаешь. Если не уверена, лучше заказать эту работу. Хороший верстальщик за пару часов сделает все на высшем уровне. Я заказывал у Руслана Белого.

      Ответить
  5. victorpusaka:

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

    Ответить
  6. Вот это здорово. Нет, реально. Мне статья кажется весьма полезной. А брошу-ка я её себе в закладки. Спасибо автору за труд!

    Ответить
  7. Вот это да, а я вот и не думал себе делать, но сейчас пора вдуматься. Итак спасибо огромное за подобную статью, за то, что поднял такой важный вопрос и конечно заставил меня задуматься и взяться за свой блог. Жаль, что нет второй статьи, придется искать в сети и делать!

    Ответить
  8. Очень интересная статья! Тоже сейчас пытаюсь в свой сайт встроить разметку, поэтому для меня статья оказалась очень полезной! Отдельная благодарность за совет по плагину для WordPress. Это то, что мне сейчас нужно!

    Ответить
  9. почему-то все статьи о микроразметке идут без использования микроразметки на конкретной странице. Весьма странно

    Ответить
    • Сапожник без сапог 🙂 Просто я недавно изменил шаблон шаблон. На старом шаблоне была микроразметка, на этом еще не успел сделать. Сейчас, например делаю клиенту разметку а на себя времени нет 🙂

      Ответить
  10. Fktrctq:

    Не получается разметку сделать для меню На странице меню выводится так

    ‘Навигация по сайту’,’container’ => ‘nav’,’container_class’ => ‘menu’,’items_wrap’ => ‘меню%3$s’,’walker’ => $walker ) ); ?>

    подскажите куда вставить itemscope itemprop=»http://schema.org/SiteNavigationElement»

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

    Добавила новый вариант разметки изображений, но ни в Гугле, ни в Яндексе они не появились в сниппетах

    Ответить
    • Я если честно давно не следил за правилами микроразметки. Если так и дальше каждые пол года ПС будут что-то менять, то замучаешься переделывать микроразметку.

      Ответить

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

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