Полное руководство по работе со структурированными данными. Микроразметка: что нужно знать SEO-специалисту о словарях и синтаксисе Яндекс помощь микроразметка

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

В предыдущей статье - были разъяснены базовые понятия одной из популярных семантических . Этот стандарт семантической разметки поддерживают такие крупнейшие поисковые системы, как Bing, Google, Yahoo! и Яндекс. Как мы помним, помогает структурировано предоставить контент страницы для поискового робота и влияет на сниппет в поисковой выдачи.

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

Ответ на этот вопрос однозначно- Да! Почему?

Валидатор поддерживает следующие виды семантической микроразметки и словари:

По микроразметке Schema.org Яндекс на данный момент поддерживаются следующие схемы:

• товары и цены;
• адреса и организации;
• словарные статьи;
• отзывы об организациях;
• отзывы об автомобилях;
• тест-драйвы;
• картинки;
• видео;
• рецепты;
• описания фильмов;
• аккорды;
• другие творческие работы.

В валидаторе доступно два способа проверки мироразметки:

1. По URL-у документа: способ удобен, если ресурс находится в сети. Необходимо в представленное поле ввести адрес сайта.

2. По фрагменту HTML - способ удобен, если ресурс не имеет адреса в сети (например: находится на локальном сервере вашего компьютера). Необходимо скопировать часть кода со страницы и вставить в соответствующее поле.

Что делать, если ваш уникальный, качественный и полезный контент в упор не видит Google? Поисковым системам можно и нужно помогать — специально для этих целей и существует микроразметка. Благодаря ей поисковые роботы быстрее и четче находят нужную пользователям информацию на страницах сайта.

Но вначале разберемся с главным.

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

Например, на странице «О нас» или «Контакты» компании стоит выделить микроразметкой блок с контактными данными — в таком случае на запрос пользователя «контакты компании N» робот безошибочно покажет нужную страницу и нужные данные.

Другой пример. Допустим, мы хотим, чтобы роботы поняли: эта маленькая картинка сверху — логотип компании.

Для разметки логотипа следует указать:

Получаем фрагмент микроразметки для логотипа:

{ "@context": "http://schema.org", "@type": "Organization", "url": "http://www.example.com", "logo": "http://www.example.com/images/logo.svg?1" }

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

Если сайт большой, SEO-специалист тратит достаточно много времени, определяя, какие типы страниц будут «размечены», какую именно информацию следует выделить. Конечно, для этого следует изучить основы языка микроразметки — словари и синтаксис.

Здравствуйте, уважаемые посетители моего блога!

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

Речь пойдёт о микроразметке сайтов и блогов. Я расскажу, что такое микроразметка, зачем она нужна и как её установить на свой веб-ресурс.

Итак, начну по порядку.

Микроразметка — это разметка веб-страниц с использованием специальных тегов и атрибутов.

Микроразметка нужна для того, чтобы роботы определяли страницы вашего веб-ресурса более детально. Она помогает структурировать имеющиеся данные на блоге и тем самым помогает поисковикам легче понимать и распознавать всю предоставленную вами информацию.

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

В настоящее время есть следующие разновидности микроразметки: микроформаты, RDFa и микроданные:

Ну а теперь вкратце о каждом виде разметки.

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

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

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

Микроданные

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

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

При разметке html-страниц применяются тоже, как и в микроформатах, HTML-теги и . С помощью этих элементов и свойств важным данным, на которые мы хотим сделать акцент, присваиваются определенные краткие описания.

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

Ребята, я не стал подробно описывать каждый тип микроразметки, так как основные читатели моего веб-ресурса блогеры. И если у вас есть блог, вам будет достаточно создать на нем один вид микроразметки. Какой? Читайте дальше и все узнаете.

В настоящее время специалисты таких поисковых систем как и советуют каждому вебмастеру внедрить один из типов микроразметки — микроданные, а именно Schema.org.

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

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

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

Он в основном содержит в себе описание данной страницы, фото, контактные данные, цену товара и его рейтинг и т.д.

Плюсы микроразметки

Из всего, что я сказал ранее, вы уже можете выделить для себя важные преимущества, которые дает микроразметка:

• лучше выглядит сниппет в результатах поисковой выдачи;

• повышение количества кликов пользователей по ссылке вашей статьи;

• увеличение релевантности страниц блога;

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

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

Видеоролики в сниппете (изображение видео):

Мероприятия в сниппете (дата и название мероприятия, место проведения):

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

Подробную информацию о установке и дальнейшей настройке микроразметки Вы сможете узнать на официальном сайте гигантов Google и Яндекс. Кроме того, эта информация также представлена на сайте Schema.org.

Микроразметка Schema org — это множество атрибутов, которые применяются для описания наиболее важных данных на веб-странице, которые поисковый робот должен в первую очередь увидеть и обработать.

На сегодняшний день Schema является стандартом для микроданных.

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

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

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

Да, применение микроразметки в большей степени способствует повышению заметности веб-ресурса в результатах поисковой выдачи при ранжировании. Об этом свидетельствует главная цель поисковых систем Google и Yandex: выдать пользователю наиболее релевантную запросу информацию, которую они хотят отыскать.

«Микроразметка поможет вашему сайту стать заметнее в результатах поиска Яндекса. Поисковая система Яндекс заинтересована в предоставлении возможности своим пользователям решать проблемы, используя поисковую строку…»

Относительно поисковой системы Google могу отметить следующее. Я не нашел официальной информации о том, как влияет микроразметка на позиции веб-ресурса в результатах выдачи. Ребята, если у вас есть источник, киньте ссылку в комментариях, чтобы я почитал об этом. Буду очень признателен!

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

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

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

Валидатор микроразметки Яндекса:

Валидатор микроразметки Google:

Да, друзья, все, о чем я писал в сегодняшней статье, не пустые слова, а нужная и полезная информация!

Многие блогеры, которые стремятся быстрее раскрутить свои веб-ресурсы, уже встроили микроразметку. Я тоже понимаю всю важность данного действия, поэтому решил установить на свой блог микроразметку Schema.org. Вариантов для установки новой разметки у меня было два.

Первый — это самостоятельно удалить старые микроформаты hcard и hatom, которые были вмонтированы в мой бесплатный шаблон Incredy, а затем установить микроданные Schema.org.

Второй путь — заказать удаление микроформатов и установку микроданных Schema за деньги.

Сначала я выбрал бесплатный вариант и начал с удаления старой кривой микроразметки. Перелопатил много информации в Интернете по этой теме.

Однако все мои усилия не привели к желаемому результату. Старые микроформаты hcard и hatom не хотели покидать мой блог, и постоянно выбрасывали разные «финты»:

Я начал опять рыться в Интернете, как свинья в огороде, надеясь отыскать заветный желудь. И мне повезло. Я попал на блог webreligion.ru, автором которого является Руслан Белый.

Хочу сказать, что я и раньше был на его блоге (читал его статьи и писал к ним комментарии), так как мы с ним были в одной группе участников блогомарафона «Дружба блогеров», который организовал Константин Белан.

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

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

Хочу отметить, что Руслан (автор блога webreligion.ru) отлично разбирается в программировании. Очень быстро и со знанием дела удалил старую микроразметку и встроил новую Schema.org. В валидаторах проверки микроразметки Яндекс и Google ни одной ошибки!

Но всё дело в том, что Руслан уже не занимается данной услугой…Поэтому, если Вам нужна микроразметка, то пишите на почту суперпрограммисту, моему партнёру и просто отличному специалисту — Дмитрию Горунину: [email protected]

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

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

Ну, вот и все. Моя статья подходит к концу. Надеюсь, она вам поможет.

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

Привет, дорогие читатели блога!

Хочу вам рассказать, еще об одном эффективном способе вашего сайта. Речь в сегодняшней статье пойдет о том, что такое микроразметка Shema.org, как ею пользоваться и каким образом она влияет на продвижение сайта.

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

Несколько лет назад, самые крупные компании Яндекс, Google, Yahoo и Bing заявили о внедрении новых технологий в свои поисковые системы. С тех пор семантическая разметка Shema.org помогает роботам наиболее точно обработать, распределить и понять информацию на интернет-ресурсах, чтобы потом выдать эти данные пользователям в поисковой выдаче.

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

Вот один из примеров, который приводит Яндекс:

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

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

Для того чтобы проверить микроразметку в Яндексе вам потребуется зайти в панель Яндекс Вебмастер и перейти по ссылке «Проверить микроразметку», либо «Валидатор микроразметки».

Для того чтоб провести валидацию микроразметки (проверку), нужно ввести в отведенное для этого поле url страницы сайта. Чтобы проверка была доступной, нужно зарегестрироваться в Яндекс Вебмастере.

Google микроразметка проверяется по адресу: google.com/webmasters/tools/richsnippets .

Проверка здесь проходит по тому же принципу, что и в Яндекс.

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

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

Обычно микроразметка WordPress осуществляется путём внедрения специальных атрибутов в начальный HTML-код.

На примере ниже можно увидеть отличие кодов с разметкой и без:

На сайте ruschema.org/docs/gs приведен пока неполный список стандартов Shema на русском языке. В этой статье я приведу примеры только начальных атрибутов для разметки контактов, картинок, комментариев, статьи.

Начнем с файла header.php, который отвечает за обзор информации в шапке сайта.

Чтобы начать разметку, следует вписать в тег шапки сайта соответствующий атрибут schema.org.

Выглядит он так: itemscope itemtype="https://schema.org/WPHeader"

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

Находим тег, отвечающий за вывод шапки сайта. У меня это

После вставки атрибута, он должен выглядеть так:

Затем в файле шапки сайта нужно найти строки, которые выдают описание и название сайта.

Они могут выглядеть так: