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

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

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

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

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

к оглавлению ↑

Что такое Schema.org?

Schema.org – это совместная работа Google, Bing, Yahoo и Яндекс. В 2011 году они представили коллекцию схем, которые можно использовать для создания структурированных данных из вашего контента. По сути, Schema.org — это своего рода шаблон для создания структурированных данных, которые легко “читаются” поисковыми системами.

Шаблоны подразделяются на типы, например Book (Книга), Movie (Фильм),  Event (Событие), Product (Продукт) и др. Каждый тип состоит из свойств, которые предоставляют еще более подробную информацию об объекте. Например, тип Movie может иметь свойства «жанр», «актер», «режиссер» или «продолжительность».

Schema.org site

@Schema.org

к оглавлению ↑

Микроразметка Schema.org улучшит мой SEO?

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

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

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

к оглавлению ↑

Что такое структурированные данные и почему это важно для SEO?

Как упоминалось ранее, структурированные данные – это данные, которые были организованы и стандартизированы определенным образом, чтобы облегчить поисковым системам сканирование и индексирование контента. Таким образом, использование микроразметки Schema.org позволяет превратить неструктурированные данные в структурированные, в результате чего ПС начнут лучше понимать содержимое вашего сайта. Рассмотрим на конкретном примере. Допустим, на вашем сайте есть страница об адмирале Ушакове. Пользователь, прочитав заголовок и пару предложений, сразу понимает, кому посвящена страница. А вот поисковики для распознания содержимого веб-страницы используют микроразметку. Именно благодаря ей ПС могут отличить статью о выдающемся флотоводце от фильма «Адмирал Ушаков» или одноименного эсминца и корректно отвечать на соответствующие поисковые запросы.

Итак, структурированные данные выполняют 2 основные функции:

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

Типы сниппетов микроразметки Schema.org

Микроразметка Schema используется для создания расширенных результатов поиска. Думаю с этим все ясно. В настоящее время различают 27 видов расширенных сниппетов, два из которых находятся в бета-версии.

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

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

Давайте быстренько пробежимся по паре-тройке сниппетов.

к оглавлению ↑

Сниппет FAQ

Сниппет FAQ был добавлен сравнительно недавно. FAQ (frequently asked questions) в переводе с английского означает «часто задаваемые вопросы» и представляет собой список вопросов и ответов, связанных с темой. В качестве примера я использовал поисковый запрос “SEO” и нашел этот сниппет часто задаваемых вопросов.

faq snippet сниппет вопросов и ответов schema

Сниппет “FAQ”

к оглавлению ↑

Сниппет HowTo

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

howto snippet schema

Сниппет “HowTo”

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

к оглавлению ↑

Сниппет Товар

Сниппет товара может иметь три разные схемы – AggregateOffer, Offer и Product. Ниже приведен пример сниппета, в котором отображается рейтинг и цена продукта.

product snippet сниппет продукт товар schema

Сниппет “Товар”

к оглавлению ↑

Сниппет Рецепт

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

recipe snippet сниппет рецепт schema

Сниппет “Рецепт”

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

recipe snippet карусель сниппет рецепт schema

Сниппет “Рецепт” в карусели

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

к оглавлению ↑

Сниппет Видео

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

video snippet сниппет видео schema

Сниппет “Видео”

Обратите внимание: такие видеоролики можно смотреть прямо на странице выдачи.

к оглавлению ↑

Форматы внедрения микроразметки Schema.org

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

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

В целом, для добавления этого типа микроразметки на сайт используется три вида синтаксиса. Это microdata, JSON-LD и RDFa. Синтаксис JSON-LD на данный момент не распознается Яндексом. В связи с чем, он не подходит для продвижения веб-ресурсов в Рунете и предпочтение необходимо отдавать microdata или RDFa. А вот у Google с JSON-LD отношения куда более дружеские. Поэтому если вы ориентированы на буржунет, используйте именно этот вид синтаксиса.

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

los pollos hermanos breaking bad schema

@Google


Ниже вы можете увидеть информацию о ресторане, которую мы хотели бы изменить в микроразметке Schema:

Los Pollos Hermanos

4.4 stars – based on 81 reviews

4257 Isleta Blvd SW

Albuquerque, NM 87105

(123) 456-7890

www.lphermanos.com

Hours:

Fri – Sat 07:00 – 00:00

Sun – Thu 07:00 – 22:00

Categories: Fastfood

Price Range: $$

Takes reservation: Yes

к оглавлению ↑

Пример использования формата microdata

Microdata (микроданные) маркирует ваш контент с использованием HTML 5. Несмотря на то, что используются такие базовые теги HTML, как div и span, внедрить разметки при помощи синтаксиса microdata сложнее, поскольку код необходимо прописывать в самом контенте.

При разметке используются атрибуты itemscope, itemtype и itemprop:

  • атрибут itemscope указывает, что HTML-код в блоке описывает определенный объект;
  • itemtype описывает объект и всегда находится рядом с предыдущим атрибутом;
  • itemprop используется для описания свойств объекта. Свойства, присущие конкретному типу объекта описываются на соответствующей странице schema.org.

Вот как это будет выглядеть на нашем примере:

Copy to Clipboard
к оглавлению ↑

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

Этот формат базируется на стандарте XML, однако из-за своей сложности используется реже других. В синтаксисе RDFa (Resourse Description Framework in attributes) в качестве атрибутов используются typeof, property и vocab. В целом, они схожи с атрибутами microdata:

  • вместо itemprop используется property. Он используется для обозначения свойств типа.
  • вместо itemtype используется атрибут typeof.

А вот атрибут vocab используется для указания словаря, который будет использоваться для разметки. В нашем случае, это schema.org. Выглядеть наш код будет так:

Copy to Clipboard
к оглавлению ↑

Пример использования синтаксиса JSON-LD

Данный вид синтаксиса микроразметки Schema является предпочтительным и рекомендуется Google. Причем внедряется он намного проще, нежели другие форматы. Для вставки микроразметки в контент JSON-LD  («JavaScript Object Notation for Linked Data»)  использует JavaScript-тег, а не HTML. Как вы можете видеть на рисунке, в отличие от предыдущих видов синтаксиса, элементы не сгруппированы под определенным атрибутом. В JSON-LD связывание данных происходит при помощи зарезервированных ключей, основным из которых является контекст (@context), указывающий на словарь объектов. Сразу после него идет ключ type, который используется для указания типа сущности. Всего доступно 13 таких ключей. С их описаниями можно ознакомиться на сайте W3.org.

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

Copy to Clipboard
к оглавлению ↑

Инструменты для внедрения микроразметки Schema.org

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

Rich Result Test

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

Rich Result Test

Сервис предоставляется Google абсолютно бесплатно, но все еще находится на стадии бета-тестирования. А значит, еще не все виды расширенных сниппетов им поддерживаются.

к оглавлению ↑

Генератор микроразметки Schema от Merkle

Отличный инструмент, которым могут воспользоваться даже те, кто далек от кодирования (но владеет английским языком). Это действительно полезный сервис для автоматической генерации кода микроразметки Schema. От пользователя требуется только идентифицировать элементы.

Генератор микроразметки Schema от Merkle

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

к оглавлению ↑

Мастер разметки структурированных данных

Вторым сервисом для генерации микроразметки является мастер разметки структурированных данных. Этот инструмент предоставляется Google и также является бесплатным.

мастер разметки структурированных данных google

Пользоваться сервисом достаточно просто. Для начала определяемся с тем, куда необходимо внедрить структурированные данные – на сайт или сообщение электронной почты. После чего выбираем нужный тип данных, и вставляем ссылку или кусочек HTML-кода. Для получения результата остается нажать “Start Tagging”.

На приведенном ниже рисунке я использовал тип данных Job Posting, а в качестве URL – ссылку из Twinword. Единственное, что вам нужно сделать, это нажать на контент, который хотите разметить. Затем необходимо определить тег, к которому принадлежит контент. Как видно из скриншота, что в качестве заголовка я указал «Консультант по маркетингу».

После того, как закончили с микроразметкой, нажмите кнопку «Создать HTML» в правом верхнем углу. Теперь вы можете скачать созданные данные и добавить их на свой сайт.

к оглавлению ↑

Инструмент проверки структурированных данных Google

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

Инструмент проверки структурированных данных Google к оглавлению ↑

Плагины WordPress для внедрения Schema.org на сайт

Пользователям Вордпресс доступно огромное количество плагинов, позволяющих без «танцев с бубном» внедрить микроразметку на сайт. Вы должны попробовать хотя бы часть из них, чтобы найти наиболее подходящий для себя вариант. Так, например, премиум плагин Schema Pro предлагает самый быстрый способ автоматической разметки вашей страницы. Он поддерживает тринадцать различных типов схем. Однако, удовольствие это отнюдь не бесплатное — годовая лицензия обойдется вам в $79. Среди платных плагинов можно отметить WP Review Pro ($77 — вечная лицензия), WP Product Review ($70 в год), SNIP: Rich Snippets by WPBuddy ($66 — вечная лицензия).

all in one schema rich snippets

Не пугайтесь, не все плагины для внедрения разметки стоят денег. Есть среди них и весьма приличные бесплатные варианты. All In One Schema Rich Snippet по праву считается одним из лучших среди них. Плагин поддерживает только восемь типов схем, но он абсолютно бесплатен и прост в использовании. WP SEO Structured Data Schema и Schema & Structured Data for WP & AMP также можно пользоваться, не потратив ни копейки.

к оглавлению ↑

Внедрите микроразметку Schema на свой сайт!

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

Благодаря Schema.org потенциальные клиенты могут непосредственно в Google увидеть, что представляет собой ваш веб-ресурс, какие продукты или услуги вы предоставляете, ознакомиться с ценами, контактными данными и многое другое.

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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (1 оценок, среднее: 5,00 из 5)
Загрузка...