Семантическая микроразметка Schema.org: новая эра оптимизации(SEO) сайта под Яндекс и Google

SEO(продвижение и оптимизация)

11

Верите или нет, но это утверждение верно! Микроформаты и микроразметка – это одна из самых основных тенденций продвигаемых поисковыми системами в этом году.

Семантическая микроразметка Schema.orgВ Гугл,  Яндекс и других поисковиках(Bing, Yahoo), микроразметка Schema.org используется все активнее. Давайте рассмотрим ее преимущества плане SEO или другой оптимизации — а также научимся применять ее к собственному сайту.

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

Данная статья, является своего рода дополнением, мы рассмотрим следующие вопросы:

  1. Что делает микроразметку Schema значимой?
  2. Как она влияет на SEO и продвижение сайта?
  3. Как можно внедрить разметку на своем сайте?

Итак, давайте приступим!

Что может микроразметка?

Schema.org – это просто разметка, которая помогает основным поисковым системам (ПС) быть немного умнее, предоставляя им данные в структурированной форме. Это примерно как накормить 5-летнего ребенка овощным рагу, а после спросить, какие в блюде использовались овощи. 😉 То есть, это сложная задача. Но если вы для ребенка разделите каждый овощ, объясните чем он полезен, и начнете давать ему их по-отдельности, то ребенок без труда сможет их распознавать.

Поисковые системы тоже хотят «питаться» структурированной пищей(контентом), где можно без труда распознать все ингредиенты. Schema реализует это за счет распределения элементов по категориям. Давайте для примера возьмем свойство «нечто»:

schema
Кликните, чтобы увеличить.

 

Свойства:

  • additionalType; тип — URL;

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

Это взаимосвязь между чем-то и классом, которому принадлежит Нечто. В синтаксисе RDFa, лучше использовать нативный RDFa синтаксис – атрибут ‘typeof’ – для множества типов. Инструменты Schema.org могут иметь лишь слабое понимание дополнительных типов, особенно тех, что взяты из внешних источников.

  • description; тип — Текст; Краткое описание элемента.
  • image; тип — URL; Изображения элемента.
  • name; тип — Текст; Название элемента.
  • sameAs; тип — URL; Источник информации, например страница новостного бюро.
  • url; собственно адрес страницы.

Данный тип элемента имеет такие свойства как additionalType, description, image, name, sameAs и URL. Эти свойства используются для дальнейшего описания элемента для поисковиков. Они также сообщают ПС, где нужно искать максимально релевантную информацию об этом элементе, ссылаясь на страницу, которая содержит конкретную информацию.

Давайте в пример возьмем свойство image – это URL, который ведет на исходное изображение элемента. Обычный HTML-код для данного изображения выглядит следющим образом:

1
2
<h2>Что такое семантическая микроразметка</h2><img src="/kartinka-123.jpg" />

Теперь обозначим этот участок контента микроразметкой:

1
2
3
4
<div itemscope itemtype="http://schema.org/ImageObject"><h2 itemprop="name">Что такое семантическая микроразметка</h2><img src="/kartinka-123" itemprop="contentURL"/>

В чем же разница?

Обычный HTML-код сообщает поисковой системе, что это просто изображение, и что оно отображает нечто связанное со скоростью загрузки сайтов, и имеет название kartinka-123.jpg.

В то время как Schema-код сообщает поисковой системе, что это сегмент об изображении, а заголовком изображения является «Что такое микроразметка», и что прямой URL до файла изображения kartinka-123.jpg.

Видите разницу? Разница в том, что в первом случае ПС нужно полагаться на собственный семантический интеллект, в то время как во втором случае ей сообщаются все подробности, связанные с тем, ЧТО, ГДЕ и КАК. ПС не очень-то стремятся делать какие-то выводы, основываясь на собственных догадках и семантическом интеллекте. Вместо этого, они собирают точные файлы, и отображают их конечному пользователю.

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

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

Как это повлияет на SEO?

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

Для интернет-магазинов:

  • В Яндекс:

  • В Гугл:

Адреса организаций и регионы:

Как выглядела бы такая разметка в исходном коде:

Мероприятия (Гугл)

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

Рецепты(Яндекс)

Фильмы:

  • В Яндекс

  • В Гугл

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

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

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

Могу ли я внедрить микроразметку на свой сайт?

Существует несколько способов реализации. Сложный подразумевает изучение документации Schema и написание кода вручную в вашем HTML-коде.

Предлагаю вам несколько ресурсов, которые помогут вам начать:

Здесь вы можете изучить разметку Schema и научиться применять ее в коде вашего сайта. Есть еще способ,  заключается в использовании вспомогательного инструмента от Google — Structured Data Markup Helper.

В режиме онлайн вы отмечаете участки контента и присваиваете им значения разметки, после чего Гугл покажет, что вы должны внедрить в код шаблона, чтобы внедрить микроразметку. Все не так сложно, если вы знакомы с вашим HTML-кодом. Вам нужно будет просто выделить структурированный тип данных, ввести URL и начать проставлять тэги. Нажмите на кнопку «Create HTML» в правом верхнем углу, и прокрутите к области с желтыми отметинами.

Скопируйте части кода, выделенные желтым цветом. Это и будет ваша разметка. Затем вставьте ее туда, где она должна быть расположена (как показано в демо исходном коде, которые вы смотрите). Будет проще, если вы просто скачаете HTML-исходник, но если вы используете PHP и другие скрипты в вашей странице, то вам возможно придется установить код вручную.

После того, как вы введете код, перепроверьте, корректно ли поисковик считывает ваши структурированные данные. Сделать это можно при помощи специального инструмента Structured Data Testing Tool, или же Валидатор Яндекса:

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

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

С помощью неё, вы можете вызвать форму генерации разметки, сначала выберите тип разметки, например «Review» (Обзор), затем заполняете поля и получайте готовый код.

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

Аналогичный плагин, тоже справляется со своими задачами.

Напоследок, мнение западного эксперта — Мэтт Каттс:

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

11 комментариев

по хронологии
по рейтингу сначала новые по хронологии
Вера

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

Ярослав

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

Саня

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

Алла

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

Сергей

А какие плагины для Joomla подойдут? то что нашел, вообще непонятно как работает (

А можно ли добавлять вместе несколько разметок (schema.org, open graph)? не будет ли конфликтов в выдаче?

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

Нелегкая задача полностью её внедрить

Микроразметка это полная жуть, но нужная. Сижу, голова как глобус.
Вот почему все на wordpress сидят? Как жумлу победить?

После установки элементов Schema на свой сайт, отображение многих поисковых запросов в поисках улучшился. Некоторые позиции поднялись в топ. Главное - сделать все по уму и уделить этому время. Благодарен автору этой статьи за помощь.

Студент

Я сделал страничку с простой структурой -
article
articleBody
/article
проверил Structured Data Testing Tool и получил "8 Errrors":

author: missing and required
datePublished: missing and required
headline: missing and required
image: missing and required
name: missing and required
publisher: missing and required
dateModified: missing and recommended
mainEntityOfPage: missing and recommended

Как-то странно, что шесть элементов "required"! Image-то зачем? А если "recommended", то почему это ошибка? И как наличие ошибок повлияет на обработку страницы?
Можете прокомментировать?

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно