Микроразметка Schema.org: как использовать для SEO-продвижения

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

Случалось ли вам слышать словечки вроде "Schema.org, "микроразметка Schema, "структурированные данные в рабочих разговорах? Вы до сих пор слабо понимаете, о чем говорят ваши сотрудники (особенно веб-разработчики)?

Тогда мы идем к вам! В этой статье мы рассмотрим этот вид микроразметки и объясним, зачем он необходим (и как пережить эти техно-беседы).

Поехали.

Поисковики тяжко трудятся, чтобы понять содержание страницы. Здесь-то и нужна микроразметки Schema.

Райан МакКеллер в своей инфографике «Мои шесть пожеланий для поиска в 2018», на наш взгляд, дал лучшее определение Schema, краткое и по делу:

"Вне зависимости от того, насколько умным нам кажется Гугл, ему все равно сложно понять, о чем написано на странице. Вот зачем нужна Schema. Это разновидность метаданных, которую добавляют на сайт, чтобы она могла рассказать поисковику о том, что есть на странице и как это классифицировать. В декабре 2017-го, в Google даже запустили особый алгоритм, который дает санкции сайтам без микроразметки."

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

"По сути, семантический словарь – просто способность разбить предложение (на любом языке) на его части. Например, человек может понять фразу «моейсобакенужнавода» как «моей собаке нужна вода», а вот компьютер, как правило, не может. Точно так же Schema использует семантический словарь, чтобы "разобрать на части" язык компьютера. Понятно, что язык компьютера – код."

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

Некоторые типы разметки, с которыми вы наверняка знакомы и даже не подозреваете об этом – рейтинг/отзыв, продукт/услуга (показывает цену или время работы) и новости, которые появляются непосредственно в поиске при вводе определенных запросов.

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

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

Микроразметка настолько необходима, что сайт Schema schema.org – результат сотрудничества между Google, Bing и Yahoo! Если три заклятых конкурента собрались вместе, видимо, это ОЧЕНЬ важно.

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

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

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

Единственный недостаток микроразметки – это если ваши конкуренты её используют, а вы до сих пор нет. Согласно исследованию Search Engine Land, после её внедрения показатель CTR может вырасти вплоть до 30%.

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

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

Еще можно спросить, есть ли такие типы Schema, которые работают только для одного конкретного поисковика? Поскольку в создании Schema участвовали все крупные поисковые системы (Google, Bing и Yahoo!), то нет – они все ищут и считывают одну и ту же информацию.

Вот отрывок из FAQ Schema.org на эту тему:

В: Почему Google, Bing, Yandex и Yahoo! сотрудничают вместе? Разве вы не конкуренты?

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

Перечислим 10 самых ходовых типов микроразметки Schema:

1. Организация (Organization)

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

2. Персоналия (Person)

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

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

3. Местная компания (Local Business)

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

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

4. Товар/Предложение (Product & Offer)

Микроразметка используется для продажи определенного товара или услуги, предлагая информацию о продукте, такую как цена и статус, но для разметки «Предложение» также требуются данные о валюте и цене, а для разметки «Продукт» требуется указать только название продукта.

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

5. Хлебные крошки (навигационная цепочка, Breadcrumbs)

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

6. Статья (Article)

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

7. Видео

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

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

8. Мероприятие (Event)

Эта разметка предоставляет дополнительную информацию о запланированных мероприятиях (вебинары, концерты, лекции и т. д.), например дату, место и цену.

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

9. Рецепт (Recipe)

Разметка "Рецепт предназначена для сайтов с рецептами и отображается в виде особого расширенного сниппета.

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

10. Рейтинг/Отзыв (Rating/Review)

Кто не читает отзывы прежде чем что-то купить? Эта микроразметка выводит лучшие результаты прямо на страницу выдачи.

В результате, пользователи сразу получают полезную информацию о продукте, без лишних кликов.

Существует всего три вида синтаксиса Schema: JSON-LD, микроданные и RFDa. Маркетологи должны понимать, что RDFa и микроданные – довольно устаревшие типы микроразметки. Они предполагают внедрение кода прямо в HTML, а этом может принести определенные трудности вроде неправильного синтаксиса HTML и проблем с загрузкой страницы.

JSON-LD – наиболее предпочтительный метод введения структурированных данных на сайт, потому что он легкий для понимания и его несложно внедрить в код ресурса. Еще совсем недавно не все браузеры поддерживали этот формат, так что приходилось использовать другие методы.

RDFa – это форма кода, которую можно добавить в любой документ на основе HTML, XHTML и XML. В сущности, они все действуют примерно одинаково, единственное отличие состоит в том, как они внедрены в ваш сайт.

Атрибуты RDFa включают в себя:

about - для выражения ресурса, описанного метаданными (?)

rel и rev - для выражения отношений с другим ресурсом

class = "lazy" data-src, href и resource - для выражения ресурса-партнера

content - переопределить содержимое элемента при использовании атрибута свойства

datatype - чтобы указать тип данных текста, указанный для использования с атрибутом свойства

typeof - указать тип RDF субъекта или ресурса-партнера.

Реализация микроданных аналогична RDFa, и ее атрибуты включают следующее:

itemscope - создать элемент и указать, что остальная часть элемента содержит информацию о нем

itemtype - для описания элемента и свойств с помощью действующего URL-адреса словаря (например, «https://schema.org»)

ite - чтобы указать, что содержащий тег имеет значение указанного свойства элемента (например, itemprop = ”name”)

itemid - указывать уникальный идентификатор элемента

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

JSON-LD расшифровывается как Javascript Object Notation for Linked Objects (объектная нотация JavaScript для связанных данных). Этот стиль аннотации может реализовывать микроразметку путем вставки непосредственно в тег <head> или <body> веб-документа. В нотации используются атрибуты «@context» и «@type» для определения словаря (schema.org).

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

Сейчас вы наверное подумали: "Отлично, еще один язык программирования, который надо учить (или еще один программист, которому мне придется платить), чтобы внедрить все это на мой сайт".

Отнюдь! Учить ничего не надо. Можно просто воспользоваться нашим гайдом и сгенерировать микроразметку с помощью сервиса от Google:

1. Откройте Мастер разметки структурированных данных от Google (Structure Data Markup Helper)

2. Выберите тип данных, которые вам необходимо разметить.

3. Вставьте URL-адрес страницы или статьи, которую вы хотите разметить.

4. Выделите и выберите тип элементов для разметки.

5. Продолжайте добавлять элементы разметки.

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

6. Нажмите "Создать HTML.

7. Используйте Инструмент проверки структурированных данных (Structured Data Testing Tool), чтобы проверить, как будет выглядеть ваша страница с микроразметкой.

8. Добавьте сгенерированную микроразметку на веб-страницу.

Существует множество других инструментов, которые помогут вам создать Schema-разметку и даже проверить её.

Вот некоторые из них.

Генераторы:

• Google Data Highlighter
• Google Structured Data Markup Helper
• JSON-LD Schema Generator by Merkle

Инструменты проверки:

• Yandex Structured data markup
• Yandex Structured data validator API
• Structured Data Testing Tool
• Google Search Console Rich Cards
• Google Rich Results Tester
• Bing Webmaster Tools Markup Validator

Для фанатов WordPress, есть плагины:

• Yoast SEO Local
• Yoast SEO