Google использование двух типов микроразметки на странице разрешено


Содержание материала:

Микроразметка для разных типов сайтов

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

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

Существует два основных вида микроразметки, которые используют поисковые системы Яндекс и Google: Sсhema.org и Open Graph .

Стандарт семантической разметки данных в сети Schema.org был разработан поисковыми системами Google, Bing и Yahoo! летом 2011 года для того, чтобы вебмастерам не приходилось размечать контент страниц отдельно для каждой поисковой системы. Сегодня его поддерживают все основные поисковые системы, в том числе и Яндекс.

Словарь Open Graph создали в Facebook для того, чтобы сделать публикуемые с сайтов ссылки расширенными, иными словами, чтобы сайты могли красиво отображаться в социальной сети. Сегодня эту микроразметку используют все популярные социальные сети: ВКонтакте, Google+, Twitter, LinkedIn, Pinterest и др.

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

Микроразметка для разных типов сайтов

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

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

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

Интернет-магазин

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

Товарные страницы

Для разметки товарных страниц используются схемы Product и Offer или AggregateOffer в Schema.org/Product . Таким образом информация ваших продуктовых страниц может быть представлена в виде структурированных сниппетов с описанием товара и ценой в выдаче Яндекса.

Получить такой сниппет несложно, достаточно указать в коде поля name, offers, price, pricecurrency и т.д.:

Кровать Мелисса с мягкой спинкой
Компания диваны

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

Отзывы

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

В коде сайта необходимо указать следующие атрибуты:

Руководство по структурированным данным Google

Микроразметка. Способы создания и ее схемы

Само понятие Микроразметка появилось 2011-м году вследствие договора между крупнейшими интернет-корпорациями мира. Такие гиганты, как Google, Yandex, Microsoft и Yahoo, решили создать единый стандарт для семантической разметки. После этого появился словарь тегов Schema.org, который позволял создать страницу так, что любая поисковая система одинаково считывала информацию с любой страницы. Подобная унификация дала новый толчок развитию интернета и позволила владельцам быстрее совершенствовать собственные ресурсы.

Микроразметка позволяет использовать единую семантику для продвижения собственного сайта. В данное время микроразметка имеет три вида:

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

Использование словаря Schema.org

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

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

  • С помощью itemscope можно разбить всю информацию на страницы для более удобного отображения.
  • Itemtype используется вместе с первым атрибутом и анализирует заданный тип сущности, используя при этом иерархию типов Schema.
  • Itemtrop отображает более детальную информацию о сущности. Если это фильм, то это название, режиссер, год выпуска, актеры и т.д.

Общая информация о словаре Schema и микроразметка

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

Влияние микроразметки на продвижение ресурса. Выдача запроса в поисковой системе. Сниппеты

Правильно настроенная микроразметка значительно улучшает «привлекательность» ресурса для поисковых систем. Средний показатель трафика может повыситься на 30%. Она создает ботам подробную карту ресурса, которая помогает им правильно обработать информацию. В результате этого сайт при нужном поисковом запросе находится значительно выше, чем без использования микроразметки. Для владельца любого интернет-ресурса использование такой возможности должно стоять в приоритете.

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

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

Сниппеты для Гугл

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

Код сниппета для Гугл

Отображение сниппета для Гугл

Сниппеты для Yandex

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

Отображение сниппета для Yandex

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

Микроразметка и ее полезные схемы

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

Offer Schema

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

WebPage Schema

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

AggregateRating Schema

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

Product Schema

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

Review Schema

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

SearchAction Schema

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

MobileApplication Schema

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

Микроразметка. Валидация и проверка

За разметкой на базе словаря Schema нужно постоянно следить для обнаружения проблем и ошибок. Чтобы проверить микроразметку, необходима ее валидация. Существует несколько разных инструментов для валидации:

  • Валидатор микроразметки
  • Structured Data Linker
  • Structured Data Testing Tool

Итоги

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

Влияние HTML5 и микроразметки Schema на SEO

Влияние HTML5 и микроразметки Schema на SEO

Вещи, давно ставшие стандартами в индустрии SEO на Западе, да и в России (в высокобюджетном сегменте SEO), с трудом доходят до массового потребления в России.
Несмотря на то, что технологии HTML5 8 лет, а самый популярный на сегодняшний день формат микроразметки Schema запущен в 2011 году, на просторах Российского интернета встретить эти форматы не так просто, а тем более, когда они используются совместно.
Нельзя сказать, что эти технологии сверх сложные для вебмастеров (хотя назвать их простыми тоже нельзя), просто зачастую до реализации их на сайте не доходят руки оптимизаторов, а зря. Причин тому множество, начиная с лени и заканчивая, к сожалению, некомпетентностью.
Так или иначе, внедрение разметки HTML5 и микроразметки (в общем, семантической разметки) в уже действующие сайты – одно из необходимых действий в рамках технической оптимизации сайта.

Содержание:

  1. Зачем вообще сайту нужна разметка
    • HTML5 или макро разметка
      • и
      • Микроразметка Schema и другие форматы
        • Разметка контактных данных
        • Разметка хлебных крошек
        • Разметка карточки с товаром
    • Влияние HTML5 и микроразметки на ранжирование сайтов и определение релевантности документов
      • Плюсы использования HTML5
      • Плюсы использования микроразметки
      • Что там с факторами ранжирования?
        • Яндекс
        • Google
    • Выводы
    • Полезные ссылки

Зачем вообще сайту нужна разметка

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

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

В общем, это 5-я и на сегодняшний день последняя версия языка разметки html. В целом html5 представляет собой больше, чем набор тегов — это совокупность технологий и способов разметки контента на сайте. Технологии html5 мы в этой статье рассматривать не будем, рассмотрим лишь некоторые специальные теги, которые лежат в основе семантической разметки.

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

Пример разметки header Пример разметки footer

Однако тег header используется не только для разметки шапка сайта. Его можно использовать и для других целей. К примеру у секции или статьи может быть свой header.

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

Пример разметки nav в header

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

Пример разметки nav в header (Мобильная версия)

Пагинация — это тоже своего рода навигация и допустимо размечать ее тегом nav.

Пример разметки nav для пагинации

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

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

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

Пример разметки section для части страницы сайта

Обычно section содержит заголовок и контент, относящийся к этому заголовку. При этом, в section можно использовать заголовки h1 и это не приведет к каким-либо негативным последствиям со стороны поисковых систем (но все равно страшно, когда на странице 60 заголовков h1). Пожалуй, можно использовать заголовки и другого уровня, спецификация на этот счет не имеет четких рекомендаций.
Sectiom может содержать произвольное количество вложенных семантических тегов — Artilce, Aside, Section, потому что сами секции могут быть довольно большого размера (но, конечно, не больше main). Не будем на эту тему подробно, потому что это повод написать отдельную статью, видимо как создать ТЗ на верстку и интеграцию html5 и микроразметки.

Дословно переводя — это статья. Но используется этот элемент не столько для разметки статей, сколько для разметки групп статей, новостей, комментариев, в общем-то любых записей на сайте. Для таких элементов не нужно использовать тег nav.
Сами статьи также можно размечать элементом article, но только в том случае, если в нем будут другие вложенные элементы — article, aside или section.

Пример разметки article для части страницы сайта

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

Пример разметки aside для части страницы сайта

Микроразметка Schema и другие форматы

Микроразметка не напрасно названа так. По сути эта разметка представляет собой семантическую разметку небольшого объема данных. К примеру, на странице можно разметить контактные данные (в header), хлебные крошки, страницы с карточками товаров и много чем еще.
Такая разметка сообщает поисковой машине о том, какие конкретно данные есть на странице.

Пример микроразметки. Что можно разметить на странице

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

Разметка контактных данных

Для разметки контактных данных рекомендуется использовать схему Organization.
Используя эту схему можно разметить:

  • Телефоны
  • Адрес
  • Социальные сети
  • Логотип
  • E-mail
  • Полное наименование
  • Социальные сети организации

Это далеко не все. Все можно посмотреть здесь https://schema.org/Organization.
Такая разметка позволяет поисковой машине точно определить тип сканируемого контента и использовать эту информацию при формировании результатов поиска.
Однако, разметка организации как правило используется в сниппетах по брендовым запросам (Но не всегда и не только там).

Выдача яндекса по брендовому запросу

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

Разметка хлебных крошек

Это простая схема, наверное самая простая из всех. Не случайно она используется практически во всех шаблонах и готовых решениях для создания сайтов.
Больше об этой схеме можно узнать здесь https://schema.org/BreadcrumbList.

Яндекс взял хлебные крошки из микроразметки

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

Разметка карточки с товаром

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

Это все-таки разметка страницы, которая используется в потоке документа. И чтобы сделать все валидно, нужно правильно использовать вложения схем и свойств и при этом сохранить разметку html и верстку. Безусловно, микроразметку лучше всего внедрять на этапе верстки сайта, но так делаем только мы, и, возможно кто-то еще.
Создать ТЗ на внедрение микроразметки по всему сайту и валидно внедрить ее — это лишние 5-6 часов работы. Обычно заказчик сайта и не знает о такой опции, а исполнители не особенно любят совершать «лишние движения».
Поэтому внедрение микроразметки происходит в уже давно созданный html. И часто приходится часть документа переверстывать. Но это того стоит.

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


  • Цены
  • Рейтинг (желтые такие звезочки)
  • Отзывы
  • Данные из других типов разметки

Сниппет в Google из микроразметки

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

Влияние HTML5 и микроразметки на ранжирование сайтов и определение релевантности документов

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

Плюсы использования HTML5

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

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

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

Отменный поток документа

При грамотном подходе к разметке с HTML5 поток документа станет идеальным. Помните, как это было раньше? Когда заголовки h2 h3 h4 попадали в ту часть документа, где не должно их быть. Если правильно пользоваться html5 можно забыть как об иерархии заголовков (речь конечно не о текстовой контентной части) на странице, так и использовании заголовков во второстепенном контенте, таком как формы, фильтры, сайдбары и проч. Все это оборачивается в aside и поиск понимает, что это не важно для релевантности основного контента.

Выделение основного контента

Возможность сделать разметку контента более понятной

К примеру у той же статьи, если ее разметить article может быть свой header, где есть мета данные — дата, автор, название мало ли что еще, свой footer, где может быть количество просмотров, кнопки поделиться, комментарии, и проч. Спецификация это допускает.
Есть огромное количество плюсов технологии HTML5 вне контекста семантической разметки, которые влияют на скорость загрузки, поведение пользователей, Usability.
На наш взгляд самое главное для улучшения результатов сайта в поиске в html5 — это возможность разбить документ на отдельные смысловые, семантические секции. И есть интуитивное ощущение, что поисковые машины их понимают и интерпретируют.
Кроме этого, подумайте вот о чем. Появился новый стандарт в HTML разметке (причем довольно давно), почему бы не использовать именно его при создании технических заданий на верстку?

Плюсы использования микроразметки

Наши наблюдения за выдачей показывают, что ближе к первому месту находятся ссылки на сайты с расширенными сниппетами. Это говорит о том, что поисковики любят микроразметку.
В пользу этого факта говорит и то, что в панелях вебмастеров большое внимание уделяется микроразметке, ее тестированию, примерам внедрения и т.д. Это в большей мере относится к Google, практически вся SearchConsole кричит о структурированных данных. Гуглу, видимо, структурированный данные очень для чего-то нужны. Вероятно нужны они будут и яндексу (если они намерены развивать поисковые технологии, а не лепить выдачу из своих сервисов и рекламы).
Микроразметка важна не только для формирования сниппета, а еще, по нашему мнению, для улучшения индекса страницы. Используя микроразметку мы обогащаем именно индекс поисковой системы (грубо — базу данных, в которой храниться информация о странице). Использование структурированных данных позволяют заполнить больше полей индекса и использовать их для вычисления релевантности документа.
Правильное использование структурированных данных на своих сайтах влияет в целом на качество поиска.

Что там с факторами ранжирования?

Яндекс

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

Почему?
Потому что большая часть SEO специалистов работает в низкобюджетном сегменте.
Если бюджет на создание сайта 60 000 рублей, а на SEO 25 000 / мес, то откуда взяться продуманным техническим заданиям?

В общем, HTML5 для SEO в России пока не прижился начиная с Яндекса.
Относительно микроразметки как фактора ранжирования от Яндекса четких сигналов также не поступало, однако в панели вебмастера есть инструменты работы с микроразметкой. Кроме того, некоторое время Яндекс довольно активно работал со структурными данными, на эту тему есть даже несколько хороших постов Яндекса на хабре (Если твердо решили разобраться с микроразметкой — почитайте, там всего 5 постов).
По микроразметке точно можно сказать, что на SEO под Яндекс она влияет.

Google

В общем из-за океана также не было четких сигналов о полезности HTML5. Джон Мюллер однажды высказался на эту тему в Twitter, дословно.

«Не думаю, что мы обращаем внимание на все это. Вообще-то, когда речь заходит об HTML, веб-мастера очень часто творят чудеса изобретательности. Но главное при этом все делать правильно. Если HTML5 используется верно, то в плане SEO никаких проблем быть не должно».

В этой цитате я бы выделил один важный момент. Профессионалы, да и вообще воспитанные люди никогда не утверждают чего-либо, если они в этом не уверены. Начало ответа «Не думаю, что мы обращаем внимание на все это» означает то, что Джон не знает точно, использует ли Google HTML5 разметку в качестве сигнала релевантности, либо при формировании индекса, либо еще на каком-либо этапе работы google с документом.
Западное сообщество SEO специалистов настроено противоположно Российскому, там большинство уверено в необходимости HTML5 как технической части SEO оптимизации.
Джон Мюллер отрицает и структурные данные как фактор ранжирования, на эту тему он высказывался несколько раз.
Однако те, кто видит SearchConsole чаще, чем раз в неделю знают, что google очень настаивает на внедрении микроразметки. Практически все высказывания Мюллера в этой области сводятся к тому что сама по себе микроразметка ничего не решает, важна совокупность всех факторов.

Полное руководство по работе со структурированными данными

26.05.2020 Время прочтения: 30 минут

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

С чего все началось?

Единая схема форматов семантической разметки сайтов, которую мы сейчас все знаем и применяем, появилась в 2011 году при поддержке таких гигантов, как «Google», «Yahoo!» и «Microsoft» (позже присоединился четвертый игрок – «Яндекс»). До этого разметка данных существовала в разных форматах и не было единой структуры. К примеру, у «Yahoo!» был сервис под названием «SearchMonkey», который уже в 2008 г. позволял размечать данные на странице и формировать уникальные сниппеты в поисковой выдаче своего поисковика.

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

Что такое структурированные данные?

Структурированные данные – это информация, которая представлена в единой и корректной форме с соблюдением определенного комплекса правил.

На сегодняшний день в SEO есть два распространенных типа структурированных данных это:

  • Свойства, которые указываются непосредственно в HTML или с помощью инструментов Google и описывают такую информацию, как цена, адрес, телефон, email и т.д.
  • Описывают тип контента на странице. Например, разметка страниц в виде статей, товарных карточек, событий, видео и т.д.

У структурированных данных есть также второе общепринятое название «Микроразметка».

Разметка данных осуществляеться непосредственно в самом HTML-коде страницы по описанным правилам в словаре schema.org. Также этот процесс может происходить опосредованно, с помощью «Google Маркера» или сервиса «Товары и цены» от Яндекса через панели веб-мастеров.

Зачем нужны структурированные данные на сайте?

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

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

Изображение 1. Сниппет в поисковой выдаче Яндекса интернет-магазина ТВОЕ по запросу «купить белую мужскую футболку». В данном случае размечена цена в формате «от руб.».

Расширенное описание делает ваш сайт заметным и отличает от других участников поиска, что вследствие улучшает CTR. Это вторая причина для внедрения семантической разметки. Как правило, у страниц со структурированными данными показатель кликабельности выше на 30%, чем у тех страниц, где микроразметки нет вовсе. Однако не стоит забывать, что все зависит от ниши, в которой продвигается тот или иной сайт. Если абсолютно все ваши конкуренты используют микроразметку, то отсутствие её на вашем сайте будет очевидным минусом. А если в вашей нише большинство конкурентов не используют этот инструмент, то внедрение структурированных данных на сайте пойдет только на пользу.

Изображение 2. Выдача в Google по запросу «купить айфон 7». Лишь у 2 из 10 сайтов размечены страницы (первый сайт не влез на скриншот, но там был Яндекс.Маркет).

Что нужно размечать?

Чаще всего с помощью микроразметки schema.org размечается следующие типы информации на сайте:

В зависимости от типа страниц размечается такая информация, как:

  • Цена;
  • Производитель;
  • Автор статьи;
  • Описание;
  • Дата публикации;
  • Адрес;
  • Телефон;
  • Список;
  • Жанр фильма;
  • Музыкальный альбом;
  • Рейтинг и т.д.

Какие есть виды словарей микроразметок?

В настоящее время лидером в описании структурированных данных по праву считается schema.org, однако это далеко не единственный словарь микроразметки. Существуют еще такие методы разметки, как:

Расписывать принципы работы с каждым словарем мы не будем, разберем подробнее лишь три из них: Json-ld, Opne Graph и schema.org.

Schema.org

Начнем с популярного словаря по микроразметке schema.org. Результат коллаборации Google, Yahoo!, Microsoft и Яндекса активно развивается и регулярно обновляется и по сей день. На момент создания статьи в словаре имеются описания для 589 типов документов, 860 свойств объектов и 114 специфичных значений. Полный список всех свойств перечислен в виде разветвленной иерархии на этой странице.

Основной высший тип сущности в словаре schema.org — Thing, который, в свою очередь, делится на несколько других подтипов. Некоторые из них:

  • CreativeWork – общий набор правил для описания творческой деятельности: статьи, книги, фильмы, фотографии, программное обеспечение, и т.д.;
  • Event – набор правил для событий, которые произошли или произойдут в определенный период времени: встречи, концерты, выставки и т.д.;
  • Intangible — сервисный класс, который включает в себя несколько нематериальных вещей, таких как размеры, рейтинги, описания рабочих вакансий, услуг и т.д.;
  • Organization – набор правил для разметки организаций, полный список разных видов бизнеса перечислен на странице localBusiness. Также можно посмотреть этот список в справке Яндекса https://yandex.ru/support/webmaster/supported-schemas/address-organization.html;
  • Person – сущность используется для описания живых, умерших, вымышленных личностей или персонажей;
  • Place – набор правил для чего-то, что имеет фиксированное физическое положение (здание, парк, памятник и т.д.);
  • Product – это все, что создается для продажи. Например, пара обуви, билет или автомобиль.

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

У большинства тегов в словаре есть варианты применения в виде примерного куска HTML-кода или JSON-LD скрипта. Ниже мы рассмотрим примеры разметок страницы со статьей (article), товаром (product) и организацией (organization).

Шаблон микроразметки статьи с помощью schema.org

Чаще всего размечаются такие микроданные как URL, datePublished, dateModified, headline, image, author, publisher и др. Рассмотрим на конкретном примере:

Подобной схемы придерживаются большинство размеченных статей. Стоит обратить внимание, что в данном примере часть тегов указываются в разделе (мета-описание и ссылка на автора в g+), а остальная часть прописывается в теле HTML-документа. Некоторые теги использовать не обязательно, к примеру, статья отлично будет себя чувствовать и без разметки тегами articleBody или publisher, но тогда вряд ли пройдет проверку на валидность в инструментах Яндекса или Google.

Изображение 3. Пример страницы в выдаче с микроразметкой статьи в Google. Рядом со статьей отображается дата публикации.

Изображение 4. Пример страницы в выдаче по тому же запросу, что и на изображении 3, только в Яндексе. Дата отображается справа, сверху указывается дата публикации или создания, а ниже дата изменения.

Шаблон микроразметки товарной карточки с помощью schema.org

Следующий вид микроразметки, который мы рассмотрим, будет product или, другими словами, семантическая разметка товарной карточки.

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

Изображение 5. Пример из выдачи Google с указанием цены в формате «ОТ» и «ДО».

Шаблон микроразметки организации с помощью schema.org

Последний шаблон, который мы рассмотрим, – это разметка организации (organization). Обычно эту разметку применяют для структурирования информации на странице контактов.

У schema.org весьма объемный словарь. Из-за этого во время работы с ним могут возникать трудности, но далеко не все теги в разметке обязательны и от большинства можно отказаться. В приведенных примерах я указал самые основные теги, которые могут использоваться во время работы с разметкой schema.org, однако их может быть намного больше.

У Google есть специальный инструмент для разметки страниц по словарю schema.org. С его помощью создавать разметку страниц намного проще.

Изображение 6. Пример из Яндекса. Дополнительная информация об организации отображается под описанием страницы и может быть внедрена как вручную, с помощью разметки, так и с помощью сервиса Яндекс.Справочник.

Плюсы и минусы микроразметки schema.org

  • Большой словарь, который постоянно обновляется;
  • Поддерживается всеми популярными поисковыми системами;
  • Код не скрыт скриптами и целиком находится в контенте страницы;
  • Улучшает отображение сниппетов в поисковой выдаче;
  • Можно найти разметку практически для каждого сайта;
  • Существуют плагины для автоматизации формирования микроразметки;
  • Активно развивается и дополняется.
  • Большое количество схем микроразметки может отпугнуть неподготовленного пользователя;
  • Нужны начальные знания верстки и изменения кода страниц;
  • Усложняет HTML-код, что замедляет разработку сайта;
  • Вся официальная справочная документация на английском языке;
  • Не для всех свойств есть примеры использования на официальном сайте.

Инструменты для работы с микроразметкой schema.org

В работе с микроразметкой schema.org пригодятся такие сервисы, как:

  • Инструмент для проверки структурированных данных от Google;
  • Помощник по микроразметке страниц по словарю schema.org от Google. По итогу получаем HTML-код страницы с уже внедренной микроразметкой;
  • Проверка семантической разметки от Яндекса;

  • Официальный сайт разметки;
  • Неофициальный перевод сайта schema.org на русский язык;
  • «All In One Schema.org Rich Snippets», «Wprichsnippets.com», «Schema App Structured Data» — плагины для WordPress, которые формируют семантическую разметку schema.org автоматически;
  • Notepad++ — или любой другой текстовый редактор.
  • Open Graph

    Данный протокол разработал «Facebook» для улучшения отображения сниппетов ссылок с внешних сайтов в социальных сетях. Это, наверное, один из самых простых и небольших словарей микроразметки. Начать внедрение разметки можно с четырех основных свойств:

    • og:title — заголовок страницы.
    • og:type — тип объекта, например, «music.album»(альбом). В зависимости от типа поддерживаются и другие свойства. Все возможные характеристики тега type перечислены на официальном сайте.
    • og:image — URL изображения.
    • og:url — канонический URL объекта.

    Все теги разметки «Open Graph» прописываются в контейнере .

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

    • og:audio – URL на аудиофайл, если при открытии страницы воспроизводится музыка.
    • og:determiner — слово, которое появляется перед названием этого объекта в предложении. Тип enum (a, an, the, «», auto). Если выбрано auto, потребитель данных должен выбирать между «a» или «an». По умолчанию — » » (пусто). Тег наиболее актуален для англоязычного сегмента в связи с использованием различных артиклей вида «a», «the», «an» и т.д.
    • og:description – описание страницы, разрешенное количество символов от 160 до 295 знаков.
    • og:locale – язык и страна. Формат отображения language_TERRITORY, по умолчанию стоит en_US. Для русскоязычного сегмента прописывается тег ru_RU.
    • og:locale:alternate – альтернативный язык или страна.
    • og:site_name – название сайта.
    • og:v >Ниже представлен пример HTML-кода со всеми возможными свойствами, на практике часть из указанных тегов не указывается и хватает стандартных четырех свойств:

    Изображение 7. Вид ссылки на Facebook с микроразметкой Open Graph.

    Плюсы и минусы микроразметки Open Graph

    • Легкий в освоении словарь;
    • Улучшает отображение ссылок во всех популярных социальных сетях;
    • Поддерживается многими социальными сетями;
    • Разметка совместима с приложениями и играми на платформе социальных сетей;
    • Есть справочная документация на русском языке;
    • Существуют плагины для автоматизации оформления данной разметки;
    • Поддерживается поисковыми системами.
    • Ограниченный функционал;
    • Работает только в социальных сетях.

    Инструменты для работы со словарем Open Graph

    Для работы с микроразметкой «Open Graph» рекомендуются следующие сервисы:

    • Официальный сайт Open Graph на русском языке с примерами разметок;
    • Отладчик перепостов от Facebook показывает, какие данные указаны в Open Graph формате на web-странице;
    • Плагин Open Graph для WordPress;
    • Плагин Open Graph для Joomla;
    • Notepad++- или любой другой текстовый редактор.

    JSON-LD

    Последний вид разметки и структурирования данных, который мы рассмотрим, – JSON-LD. Расшифровывается это страшное название как «JavaScript Object Notation Linked Data». За разработку формата ответственен «Консорциум Всемирной Паутины» или, другими словами, «W3C». Данный формат выполняет все ту же функцию, что и schema.org, но немного другим способом: он структурирует данные помощью JavaScript, что в несколько раз облегчает работу.

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

    Для наглядности сравним разметку schema.org и JSON-LD:

    Шаблон разметки статьи с помощью JSON-LD

    Пример разметки с помощью JSON-LD я взял на основе микроразметки статьи в schema.org из этого же материала выше. Использованы все те же свойства.

    Возникает закономерный вопрос: что же лучше schema.org или JSON-LD? Тут нельзя дать однозначный ответ. Работать с микроразметкой в формате JSON-LD проще и приятнее, чем все с тем же словарем schema.org в HTML-формате, но и у него есть свои минусы. Например, поисковик Google советуют использовать эту технологию для разметки своих страниц. А вот с Яндексом есть проблемы: данный вид разметки пока не отображается в результатах поиска из-за скриптов, хотя страницы с разметкой JSON-LD и проходят проверку на валидность.

    Поисковая система Яндекс не показывает в поисковой выдаче информацию, размеченную с помощью мета-языка JSON-LD.

    Изображение 8. Письмо из техподдержки Яндекса по поводу планов насчет JSON-LD. За скриншот спасибо пользователю Oleh Holovkin.

    В данном случае нужно правильно расставить приоритеты. Если нужны расширенные сниппеты в Яндексе и Google, то используем старую добрую разметку schema.org; если мы ориентируемся на Запад и наша основная поисковая система только Google, то разметку JSON-LD нужно брать и внедрять без промедлений.

    Плюсы и минусы микроразметки JSON-LD

    • Формат несколько проще по сравнению с schema.org;
    • Рекомендуется Google;
    • Для движка WordPress есть качественные плагины для работы;
    • Благодаря JavaScript разметка «невидима» для рядового пользователя в отличие от HTML;
    • Скрипт помещается только в контейнер без внедрения дополнительных строчек кода в тело сайта;
    • Проходит валидацию в официальных инструментах проверки Яндекса и Google.
    • Микроразметка основана на JavaScript и не во всех поисковых системах отображается в поисковой выдаче (в том числе и Яндексе);
    • Помимо знаний HTML нужны также знания JavaScript;

    Инструменты для работы с микроразметкой JSON-LD

    Набор инструментов для работы с микроразметкой JSON-LD:

    • Инструмент для проверки структурированных данных от Google;
    • Проверка семантической разметки от Яндекса;
    • Плагин для WordPress, который поддерживает все типы микроразметки;
    • Еще один плагин для WordPress, который может указать автора статьи и издательство, подойдет для периодичных изданий и блогов;
    • Модуль JSON-LD для движка Drupal;
    • Документация по JSON-LD для платформы GIT;
    • Официальная документация JSON+LD от W3C;
    • Notepad++ — или любой другой текстовый редактор. #Google

    Микроразметка для сайта интернет-магазина: как настроить разметку Schema.org для товаров и категорий

    В статье:

    Зачем нужна микроразметка для интернет-магазина

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

    Товары с разметкой и без разметки в выдаче Яндекса

    Товары без разметки и с разметкой в выдаче Google

    Микроразметка влияет на поведенческие факторы

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


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

    Товары с разметкой в мобильной выдаче Google

    Микроразметка влияет на восприятие поисковиками

    Структурная разметка помогает поисковикам идентифицировать контент. Само по себе ее наличие — не фактор ранжирования, но правильная разметка подсказывает, по каким запросам ранжировать ссылки. К примеру, для стоматологии можно установить не только разметку Schema.org «Organization», но и спецаильную » Dentist», так поисковик поймет, что нужно ранжировать организацию по стоматологическим запросам.

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

    Как настроить микроразметку товаров

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

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

    Используйте для микроразметки Schema.org. Для формирования сниппета товара Яндекс советует заполнять две схемы: Product и Offer для одного предложения или Product и AggregateOffer для списка предложений. Google тоже поддерживает Product, Offer и «AggregateOffer. Google предупреждает, что нельзя размечать товары, которые предназначены только для взрослых.

    Google рекомендует использовать код JSON-LD, микроданные или RDFa. В Яндексе данные, размеченные JSON-LD, использует Яндекс.Почта, в результатах поиска они не отображаются.

    Настраиваем разметку для товаров

    Для товара достаточно заполнить поля name, description, price и priceCurrency. Если есть отзывы, добавьте поле AggregateRating, чтобы вывести их в сниппет.

    Пример заполнения микроразметки:

    Название и описание товара указывают как свойство разметки Product. «Price» — статическая цена, относится к свойству Offer.

    «lowPrice» относится к AggregateOffer, ее указывают как «от N руб» в случае, если цена динамическая.

    Валюту указывают в графу «PriceCurrency», для обозначения используют коды валют в соответствии с ISO 4217.

    Свойство «availability» показывает, что товар в наличии. Если указано, что его в наличии нет, цена в сниппете не отображается.

    Отзывы и рейтинг в микроразметке товара

    В разметке можно указать подробности, вывести в сниппет рейтинг и отзывы пользователей. Автором отзыва может быть только реальный человек или команда — «Антон Иванов», «Обозреватели CNET».

    Пример подробной настройки микроразметки для товара:

    Информация о товаре появится в Google Картинках, если разметка отвечает требованиям:

    • Пользователи видят нужные сведения в обозревателе изображений с расширенными функциями. Для этого добавьте свойства «name», «image», «price» и «priceCurrency».
    • Пользователи видят нужные сведения в разделе «Сопутствующие товары». Для этого укажите свойства «name», «image», «price», «priceCurrency» и «availability».

    «Хлебные крошки»

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

    «Хлебные крошки» в выдаче Google

    Для этой цели используют « BreadcrumbList» — разновидность «ItemList».

    Некоторые веб-мастеры не останавливаются на товарах и размечают категории.

    Как настроить микроразметку категорий

    Специальной разметки для категорий нет. В правилах Яндекса и Google указано, что запрещено использовать Product и AggregateOffer для категорий товаров.

    Во многих статьях советуют AggregateOffer как разметку для категории, но не стоит путать категорию и страницу агрегатора.

    Страница агрегатора в выдаче Google

    Страница агрегатора с предложениями

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

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

    Предупреждение от поисковика

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

    Поместить код можно в любом месте внутри «body»:

    «offerCount» — позиции товара, «highPrice» и «lowPrice» высшая и низшая цены соответственно, «priceCurrency» — наименование валюты.

    Как проверить микроразметку на сайте

    Проверить правильность разметки можно с помощью валидатора от Яндекса или инструмента проверки структурированных данных от Google. Данные можно смотреть также в Отчете о статусе расширенных результатов.

    Чтобы боты поисковиков добрались до разметки, не блокируйте им доступ к странице с помощью robots.txt, метатега noindex или других способов.

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

    Не перемудрите с микроразметкой: 5 базовых типов, которые необходимо внедрить в первую очередь

    Время чтения: 4 минуты Нет времени читать? Нет времени?

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

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

    Тип № 1: Open Graph

    Open Graph — это тип микроразметки, который связывает сайт с социальными сетями. Протокол Open Graph определяет, какие данные использует социальная площадка при «расшаривании» контента. Этот протокол поддерживают Facebook, Google+, Twitter, «Вконтакте» и другие популярные социальные сети.

    Протокол Open Graph управляет отображением контента в социальных сетях с помощью следующих тегов:

    • og: title — заголовок поста.
    • og: type — тип поста.
    • og: image — изображение.
    • og: url — ссылка на пост.
    • og: description — анонс или описание поста.

    Вот пример использования тегов Open Graph:

    А вот так выглядит ссылка на страницу при распространении в Facebook:

    Подробную информацию о протоколе Open Graph вы найдете на сайте проекта.

    Тип № 2: хлебные крошки

    Этот тип микроразметки позволяет заменить ссылку на страницу в SERP на хлебные крошки. Это выглядит так:

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

    Вот пример использования этого типа разметки:

    Вот так выглядит сниппет сайта Yelp в выдаче Google:

    Подробнее об отображении навигационной цепочки на странице выдачи читайте здесь.

    Тип № 3: отзывы/продукты

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

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

    Ознакомьтесь с информацией о товарах в расширенных описаниях страниц.

    Тип № 4: Google Authorship

    Этот тип разметки позволяет связать публикации с вашим профилем в Google+. В результате в сниппете отображается ссылка на профиль и ваше фото. Это повышает CTR ссылок на ваш сайт и выдаче и дает вам ряд других преимуществ.

    В статье о краже контента вы найдете практические данные о привязке публикаций к аккаунту в Google+. А официальные данные о Google Authorship читайте в рекомендациях для веб-мастеров.

    Тип № 5: разметка для видео

    Этот тип разметки сообщает поисковым системам важную информацию о публикуемом видеоконтенте. Использование разметки обеспечивает отображение превью ролика в SERP.

    Так выглядит код разметки:

    А так выглядит сниппет с превью видео:

    В руководстве для чайников по использованию Schema.org вы найдете подробное описание по разметке видео.

    В чем заключается основной смысл использования семантической микроразметки

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

    Google подтвердил, что микроразметка является фактором ранжирования

    Представитель Google Гэри Илш подтвердил, что наличие микроразметки на сайте является фактором ранжирования. Это стало известно в ходе мероприятия Pubcon.

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

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

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

    Микроразметка – это стандарт, предназначенный для оптимизации семантики. С 2011 года он поддерживается поисковыми системами Google, Yahoo, Bing и «Яндекс». Назначение этого стандарта – помочь роботам точнее идентифицировать и структурировать данные на веб-страницах. Чтобы сделать микроразметку для сайта, нужно добавить в HTML-код специальные теги, внутри которых должны находиться полезные сведения. Семантическая разметка не требует формирования каких-либо отдельных файлов, так как теги размещаются в коде страницы.

    Типы микроразметки

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

    Микроформаты. Такой тип разметки подразумевает использование атрибута class тегов

    RDFa. Этот метод разметки имеет расширенные возможности. Он позволяет работать с сущностями, свойствами и элементами.

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

    Польза микроразметки

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

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

    Schema.org

    Schema.org – это стандарт, использующий микроданные. Он представляет собой набор словарей, применяющихся для описания сущностей и объектов. В настоящее время он содержит более 550 классов, но их количество постоянно увеличивается. Доработка стандарта не прекращается, в результате чего появляются новые свойства и уточняются уже имеющиеся.

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

    Микроразметка и ранжирование

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

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

    В Google. При ранжировании веб-ресурсов Google микроразметку не учитывает.

    Валидатор

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

    SEO под вопросы пользователей — разбираемся, как попасть в блоки ответов Q&A, DAQ, SAQ и LAQ

    Речь пойдёт о фразах, сформулированных в виде вопросов типа «как / что / когда, …?». Их доля огромна. Что касается Google, то в 2020 году пользователи задавали 3,5 миллиарда вопросов в день. По данным MOZ — около 8% от всех обращений к Google.

    Цифры намекают, что пользователям нужны ответы, а нам — SEO-стратегия, которая поможет увеличить поисковый трафик. Недавно мы писали о том, как меняется выдача, а сегодня поговорим о типах сниппетов в Google, аналогов в Яндексе и как прыгнуть выше ТОПа.

    Сначала давайте посмотрим на базовые принципы работы алгоритма, отвечающего за формирование SERP для ответа на запрос-вопрос (далее просто «вопрос»).

    Взаимосвязь вопроса и семантического поиска

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

    Что такое семантический поиск?

    Если говорить просто — поиск по смыслу, то есть методика, которая помогает определять значения слов и выявлять потребность пользователя.

    В основе лежат следующие факторы:

    Понимание естественного языка.

    Контекст потока запросов.

    Таким образом, Google понимает естественный язык пользователей, «извлекает» объект из вопроса и формирует результаты с расширенным ответом-сниппетом на верхушке SERP.

    Роль алгоритма «Колибри»

    Апдейт алгоритма в 2013 году изменил подход к ключевым фразам. Google стал не просто быстрее, но и умнее. От простого соответствия ключевикам, поисковая система перешла к формированию выдачи на основе разбивки запроса на отдельные объекты и определение сущностей. При желании можно ознакомиться с патентом Google 1999 года, который посвящён семантическому поиску.

    В Яндексе за семантический поиск и понимание естественного языка ответственны алгоритмы «Палех» и «Королёв». Основаны они на искусственных нейронных сетях.

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

    Что такое Q&A?

    Верно, это про вопросы и ответы. Всякий раз, когда мы задаём вопрос, Google пытается дать на него конкретный ответ:

    Ответ формируется в избранном сниппете (featured snippet) или в графе знаний Google.

    Яндекс работает аналогично, но обратите внимание на подсвеченные слова в сниппете. Если Google выделил нужный нам ответ, то Яндекс обозначил слова из запроса:

    На какие вопросы умеют отвечать поисковые системы?

    Тенденция такова, что поисковые системы стараются ответить на ваш вопрос прямо на странице результатов. В ход идёт всё — семантический и голосовой поиск, искусственный интеллект, разметка Schema.org и прочие помощники. Переходить по синим ссылкам нужно всё реже. Но правильное использование структурированных данных поможет попасть в избранные сниппеты по разным типам вопросов. Их несколько.

    1. Вопросы с прямым ответом (Direct Answer Questions – DAQ)

    Это запросы со словами типа «какой», «где», «сколько» и так далее. Посмотрите на пример вопроса и обратите внимание на подсвеченное слово в сниппете:

    Это как раз про понимание контекста. Наше намерение очевидно — прямой вопрос — и Google с легкостью на него отвечает. Порой даже информативнее, чем ожидаешь:

    У Яндекса своё мнение на этот счёт 🙂

    На вопрос «кто отец медицины» отвечает поисковики отвечают — Гиппократ, а на вежливое «который час» показывают точное время. Но вы и сами это знаете, хотя чаще всего мы выступаем в роли пользователей, а задача — помочь проектам попасть в прямые ответы. И ниже будет несколько дельных советов для каждого типа вопросов.

    2. Короткие ответы на вопросы (Short Answer Questions — SAQ)

    Характерны для вопросов типа «почему?». Например:

    То есть получаем короткое, но полноценное объяснение.

    3. Подробные ответы на вопросы (Long Answer Questions – LAQ)


    Чаще всего встречаются для ключевых фраз, начинающихся с «как». Получаем подробные пошаговые инструкции, рецепты и прочее:

    Как найти подходящие вопросы?

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

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

    Поднимаемся в поиске по прямым вопросам (DAQ)

    Для попадания страницы в избранный сниппет по прямым вопросам, нужно проработать следующие моменты:

    Обозначьте сам вопрос, как можно раньше. Например, в заголовке h1.

    Ответ должен быть в самом начале странице — в первом абзаце статьи. Например, целевой запрос «Как расшифровывается НАТО?». Ответ может быть таким: «Аббревиатура NATO расшифровывается как North Atlantic Treaty Organization».

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

    Повышайте доверие к своему сайту. Только оригинальный контент, достоверная и по возможности проверенная информация, никаких «чёрных» SEO-тактик.

    Делайте лучше, чем у конкурентов. Расширьте тему или наоборот углубляйтесь в детали. Анализируйте ТОП конкурентов в Google на количество знаков, вхождений и число внутренних ссылок.

    В ТОП выдачи по вопросам с короткими ответами (SAQ)

    Вот важные факторы для целевой страницы:

    Используйте формат Q&A, то есть вопрос-ответ. Можно сразу несколько, например:

    Язык должен быть лёгким для восприятия и понимания даже учеником средней школы. Это показатель 5.0-5.9, если использовать формулу «удобочитаемости» Дэйла-Чейла или 65-70 по индексу Flesch-Kincaid.

    Советы для попадания в ответы по длинным вопросам (LAQ)

    Стараемся учитывать следующие нюансы:

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

    Вероятно, на все подобные вопросы в будущем Google будет предлагать только видеозаписи, но пока работают и качественные пошаговые руководства.

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

    Помните про списки и используйте этот формат. Нумерованные, чётко структурированные тексты нравятся и Google и пользователям.

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

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

    Заголовок h1 и title должны содержать прямое вхождение пользовательского вопроса.

    Добавляем структурированные данные (особенно важно)

    Разметка даёт Google важную информацию о вашем контенте, которая может подтягиваться в сниппеты и даже поиск по картинкам.

    Видео

    Подробные примеры и советы по разметке видеозаписей описаны в руководстве для разработчиков от Google. Не забывайте указывать данные о продолжительности ролика, дате публикации и URL для видеозаписи.

    Проверять корректность разметки можно с помощью валидатора Google. И не ленитесь заморачиваться, это действительно даёт результаты.

    Товары

    Правила оформления структурированных данных также есть в справочных материалах. Цена, описание, URL – всё должно быть размечено. Тогда даже с помощью картинок вы получаете преимущество:

    Рецепты

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

    Голосовые запросы (пока в бета-режиме)

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

    Q&A страницы

    Страницы, которые спроектированы в виде вопросов-ответов тоже требуют микроразметки с помощью Schema.org. За подробными справками снова идём в Google.

    Обратите внимание, у Schema.org есть разные типы разметки под страницы с ответами:

    HowTo (руководства типа «как сделать»).

    FAQ (часто задаваемые вопросы).

    Проверить, поддерживает ли ваша страница расширенные сниппеты в SERP можно с помощью инструмента Google.

    Каких вопросов можно смело избегать?

    На некоторые высокочастотные запросы, Google даёт ответы из своего графа знаний (Knowledge Graph). Никаких ссылок на страницы, никакой конкуренции и никакого смысла корпеть над SEO для подобных общих вопросов.

    В Яндексе похожая история:

    Как отследить эффективность?

    В Google Search Console есть возможность анализировать количество показов и кликов по расширенным сниппетам сайта в поисковой выдаче. Для просмотра отчёта, нужно перейти на вкладку Эффективность > Вид в поиске > Расширенный результат (Rich results).

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

    Властелин колец: Возвращение короля

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

    В данной статье мы поговорим о том:

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

    какие бывают виды микроразметки;

    чем полезна микроразметка;

    как описывать данные с помощью Schema.org;

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

    что такое расширенные сниппеты для Google и Yandex и как их использовать;

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

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

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

    Словарь микроданных Schema.org появился в 2011 году, когда Google, Microsoft и Yahoo! (позже к ним присоединился и российский Yandex) решили унифицировать схемы семантической разметки. Schema.org — единый словарь тегов, который может использоваться вебмастерами для разметки страниц так, чтобы поисковые системы Google, Yandex, Bing и Yahoo! могли “читать” информацию на них.

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

    Микроданные. Используется с HTML и Schema.org для описания специальных данных. Например, если это фильм, то мы можем специально прописать его название, жанр, режиссера, актеров, рейтинг и т.п.

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

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

    Отметим, что в данной статье мы сделаем акцент на микроданных и словаря Schema.org.

    Описываем данные с помощью Schema.org

    Теперь, когда Вы примерно представляете, что такое микроразметка, начнем углубляться в детали. Для начала поговорим о том, как описать данные с помощью Schema.org. Почему мы выбрали Schema.org и микроданные? Дело в том, что это наиболее популярный, надежный и эффективный способ микроразметки. Он не так сложен как RDFa и, к тому же, рекомендован Google.

    Микроформаты и Schema.org

    Schema.org — это словарь тегов для разметки микроданных в HTML5, в котором также присутствуют различные сущности, атрибуты и их свойства. На данном этапе, поговорим о тех основных атрибутах: itemscope, itemtype и itemprop.

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

    Itemtype. Этот атрибут работает в паре с itemscope и определяет тип выделенной сущности с помощью иерархии типов в Schema.org.

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

    Теперь рассмотрим вышеописанное на конкретном примере. Предположим, что Вы хотите внедрить микроразметку на странице уже упомянутого нами фильма “Властелин колец: Возвращение короля”. Скорее всего, часть HTML-кода без микроразметки выглядит примерно так:

    Выделим блок, который посвящен фильму, с помощью itemscope.

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

    Далее добавляем тег itemtype. Так мы сообщим поисковым ботам, какая именно информация находится в выделенном блоке. В нашем случае мы используем схему Movie.

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

    Обратите внимание, что тегами с атрибутом itemprop в большинстве случаев надо оборачивать конкретный текст. В примере выше мы добавили дополнительную пару тегов , чтобы поисковые роботы не рассматривали слово “режиссер” в качестве самого режиссера.

    Что еще нужно знать о микроданных и Schema.org?

    в Schema.org есть много схем с заданными свойствами (о самых популярных из них мы поговорим ниже). Их количество постепенно увеличивается.

    основных свойств четыре (в реальности их гораздо больше — см. свойства Thing): name, description, URL и image. Дочерние сущности и схемы всегда получают свойства “родителей”.

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

    при разметке надо всегда использовать ожидаемый тип и текст, обращайте внимание на вложенные сущности, дочерние и родительские типы. Например, у Вас есть цепочка Thing — Place — TouristAttraction. Задавая схему TouristAttraction, будьте готовы использовать свойства, принятые в данной цепочке. Если этого не делать, то поисковые системы просто не смогут “понять”, что Вы им хотели сказать.

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

    Польза микроразметки и поисковая выдача. Расширенные спиппеты

    Микроразметка помогает поисковым системам не только лучше отображать, но и лучше понимать, размещенную на странице информацию. Именно микроразметка дает поисковым роботам подробную “карту” того, как следует обработать и проиндексировать информацию. Именно микроразметка, в конечном счете, позволяет значительно улучшить релевантность страницы как для поисковых систем, так и для пользователей. Следовательно, улучшается и поисковая выдача. Считается, что микроразметка может увеличить поступление трафика на сайт примерно на 30%. Согласитесь, что такая поисковая оптимизация — хорошее решение!

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

    Сайт в выдаче без микроразметки

    Сайт в выдаче с микроразметкой

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

    Расширенный сниппет для Google

    Google позволяет помешать небольшое описание веб-страницы (сниппет) в выдаче. Чем детальнее и информативнее сниппет, тем легче пользователю понять, насколько содержание веб-сайта релевантно его запросу. Добиться информативности сниппета можно с помощью микроразметки микроданными со Schema.org. Например, если речь идет о веб-сайте ресторана, то с помощью микроразметки можно не только указать его название, но и добавить цены, рейтинг, время работы, адрес, фотографии блюд и т.п. В общем, расширенный сниппет просто не может повредить.

    Создать расширенный сниппет для Google можно:

    выбрав формат разметки (в нашем случае это микроданные);

    разметив содержание (см. примеры ниже);

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

    Пример кода расширенного сниппета для Google

    Пример расширенного сниппета для Google в выдаче

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

    Расширенный сниппет для Yandex

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

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

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

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

    Популярные схемы микроразметки

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

    Итак, какие же схемы микроразметки являются самыми популярными и могут помочь SEO? Если верить данным, предоставленным компанией SimilarTech, то получается, что самыми популярными в мире являются схемы:

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

    Offer Schema

    На русский язык “offer” переводится “предложение”. Фактически, суть Offer Schema состоит в предложении чего-то. Например, сайт предлагает купить такую-то книгу или фильм, арендовать квартиру, посмотреть сериал онлайн, отремонтировать машину и т.п. Одно из таких предложений Вы можете увидеть на расширенном сниппете ниже.

    Offer Schema является дочерней сущностью Intangible, которая, в свою очередь, закреплена за самой общей сущностью Thing.

    WebPage Schema

    WebPage Schema, как можно догадаться, является схемой микроразметки для отдельной веб-страницы. В Schema.org предполагается, что эта схема может “захватывать” некоторые присущие странице свойства (например, breadcrumb — хлебные крошки). Даже если свойство не выделено в блоке микроразметки с помощью itemscope, но находится на странице, то поисковые боты все равно “поймут”, что оно относится к блоку. Отметим, однако, что лучше задавать свойства отдельно.

    WebPage Schema является дочерней сущностью CreativeWork, которая, в свою очередь, закреплена за самой общей сущностью Thing.

    AggregateRating Schema

    AggregateRating Schema — это средний рейтинг сайта или веб-страницы, который вычисляется на основе различных оценок и отзывов, оставленных клиентами и пользователями. Отображается в виде звездочек; рядом указывается количество отзывов, на основе которых вычислен рейтинг. Из этого следует, что AggregateRating Schema всегда используется в паре с Review Schema. Смотри расширенный сниппет ниже.

    AggregateRating Schema является дочерней сущностью Rating.

    Product Schema

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

    Product Schema является дочерней сущностью Thing.

    Review Schema

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

    Review Schema является дочерней сущностью CreativeWork, которая, в свою очередь, закреплена за самой общей сущностью Thing.

    Rating Schema

    Rating Schema позволяет отобразить рейтинг сайта или веб-страницы в цифровом выражении. Например, рейтинг такого-то ресторана — 3,5 звезды, а такого-то магазина — 4 звезды. В отличие от AggregateRating, Rating вычисляется только на основе оценок и без учета отзывов.

    Rating Schema является дочерней сущностью Intangible, которая, в свою очередь, закреплена за самой общей сущностью Thing. Rating — родительская схема для AggregateRating Schema.

    SearchAction Schema

    SearchAction Schema позволяет совершить поиск по ресурсу прямо из выдачи. Топовые сайты в США делают акцент именно на этой схеме (по данным SimilarTech). Смотри расширенный сниппет ниже.

    SearchAction Schema является дочерней сущностью Action, которая, в свою очередь, закреплена за самой общей сущностью Thing. SearchAction — родительская схема для FindAction Schema.

    MobileApplication Schema

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

    Mobile Application Schema является дочерней сущностью SoftwareApplication, которая, в свою очередь, является дочерней сущность CreativeWork, а та закреплена за Thing.

    WebSite Schema

    WebSite Schema — схема для отображения набора связанных веб-страниц или других элементов, которые размещены на едином веб-домене и имеют один URL.

    WebSite Schema является дочерней сущностью CreativeWork, которая, в свою очередь, закреплена за самой общей сущностью Thing.

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

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

    Structured Data Testing Tool. Этот инструмент от Google прост в использовании и позволяет довольно быстро проверить разметку как на целом сайте, так и в части HTML-кода.

    Валидатор микроразметки. Этот инструмент от Yandex работает так же, как и вышеописанный Structured Data Testing Tool: введите URL сайта или часть HTML-кода, нажмите кнопку “Проверить” и наслаждайтесь.

    Structured Data Linter. Этот инструмент в целом похож на два вышеописанных. Единственным отличием является возможность загружать файл с HTML-кодом сайта для анализа.

    Надеемся, что эти инструменты принесут Вам пользу.

    Вывод

    Итак, что можно сказать напоследок? Микроразметка уже здесь, ей активно пользуются все больше и больше вебмастеров и SEO специалистов для более грамотной и эффективной поисковой оптимизации. Микроразметка хороша для всех: пользователь получает доступ к более релевантной и структурированной информации; поисковые боты лучше “читают” и индексируют сайт; вебмастер и SEO специалист получают удовольствие от возросшего трафика и большего количества правильных посетителей.

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

    С чего начать? Если Вы читаете данную статью, то, думаем, очевидно, что начать надо с 9 схем микроразметки, которые были описаны выше. Если у Вас нет времени на все 9, то остановитесь хотя бы на самых нужных для Вашего бизнеса. Например, если Вы держите Интернет-магазин, то логичнее будет начать с Offer, Product, Review, Rating и SearchAction. Если Вы владеете корпоративным сайтом, то начните с WebSite и WebPage. В общем, решать Вам.

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

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

    Топ-пост этого месяца:  Указание и манипулирование элементов DOM во Vue и возможности ref
    Добавить комментарий