Как сделать микроразметку Shema на сайте

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

Что такое микроразметка и зачем она нужна

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

Пример микроразметки. Сущность «AggregateRating» указывает на наличие рейтинга у компании

Стандарт семантической разметки данных называется Schema.org. Он появился более в 2011 году с подачи поисковиков Google, Yahoo и Microsoft. Все современные поисковики ее поддерживают, включая «Яндекс».

Одно из преимущество микроразметки — расширенный сниппет. Она делает карточку сайта более заметной, что в теории может повысить количество кликов. Правда, не факт, что поисковик выдаст сниппет, но робот в любом случае считает его данные. Подробнее — в статье «Как сделать расширенные сниппеты в выдаче „Яндекса“ и Google».

Карточки, которые получили расширенный сниппет в выдаче Google из-за наличия разметки

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

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

• Для вопросов и ответов поиск выделяет лучшие ответы.

• Изображения и видео с разметкой лучше предоставляются в поиске.

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

Читайте также: Поведенческие факторы: накрутить или улучшить сайт

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

Schema. org — не единственный стандарт микроразметки. Кроме него, существует другие:

• Microformats. Открытый стандарт, который появился в 2007 году. Изначально был простым, но сейчас с ним взаимодействовать не так эффективно, как с Schema.org.

• The Open Graph protocol. Разметка для соцсетей, чтобы правильно считывать данные из шапок статей во время репоста в ленту.

• «Дублинское ядро». Разметка для электронных библиотек и документов.

• FOAF. Используется для нетворкинга в интернете и поиске связей между людьми.

Далее будем только Schema.org, как наиболее популярный. У него четыре вида синтаксиса (микроданные, RDF, микроформаты, JSON-LD), но нас интересуют только два:

• Микроданные. Работает на HTML. Принцип строится на создании «контейнеров» и помещении в них данных.

• JSON-LD. Работает на JavaScript. Принцип написания — давать команды словарю. Содержит меньше строчек кода, рекомендован Google и виден только поисковым роботам.

Важно: Schema.org — это словарь, а, например, JSON-LD — это ситаксис. Синтаксис — это набор тегов и правил для обращения к словарю. У каждого синтаксиса он свой.

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

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

Микроразметка создается тегами с помощью дополнительных атрибутов. Чтобы использовать микроразметку знать код не обязательно. В помощь — маркеры, сервисы и плагины.

Маркеры данных от Google

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

Плюсы:

• Можно загрузить ссылку на сайт и разметить теги прямо на ней.

• Простая визуализация и интуитивно понятный интерфейс.

• Код можно выгрузить в микроданных или JSON-LD.

Минусы:

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

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

Плагины для CMS

Если ваш сайт работает на WordPress, «Битриксе» или «Тильде», то для вас уже подготовлены удобные плагины или инструкции:

• All In One Schema Rich Snippets — бесплатный плагин для WordPress, размечает Schema в семантике микроданных (microdata).

• Schema — плагин для WordPress, размечает в JSON-LD. Есть бесплатная версия с ограниченными функциями.

• Микроразметка Schema.org — плагин для ресурсов, созданых на «1С-Битрикс».

• Инструкция — для сайтов на Tilda.

Читайте также: Самые популярные CMS в Рунете

Ручной способ

Готовая микроразметка в шапку страницы внутри тегов <head> </head>.

Полный список всех атрибутов и сущностей есть на сайте Schema.org. В JSON-LD для сущностей используют команды @contex, @type, а свойства указывается через кавычки.

Каркас для микроразметки JSON-LD

Набирать код в JSON-LD вручную не обязательно, есть генераторы:

• Schema Markup Generator. Бесплатный конструктор, набор сущностей ограничен.

• Schema App. Платный конструктор, поддерживает все сущности.

Конструктор микроразметки в JSON-LD

В микроданных (microdata) сущности указывают через команду itemscope, а itemtype и itemprop помогают определить тип и значение.

Каркас для микроданных (microdata) в Schema

Если в случае JSON-LD прописывать вручную код не обязательно, то для микроданных (microdata) нормальных конструкторов и сервисов нет — вам придется писать код самостоятельно, либо обратиться к верстальщику. Найти специалиста поможет сервис Workspace — сделайте техническое задание, бесплатно разместите его в разделе «Задачи» и выбирайте исполнителей по откликам.

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

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

Используйте валидаторы:

• Schema Markup Validator. Рекомендованный сервис от Google для проверки кода или сайта с микроданными (microdata) или JSON-LD. Показывает структурность данных.

• Валидатор микроразметки. Сервис от «Яндекса» для проверки кода или сайта с микроданными (microdata). Умеет показывать структуру списком.

• Онлайн валидатор JSON. Простой сервис для быстрой проверки кода на JSON-LD.

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

Проверка микроразметки с помощью валидатора

Примеры микроразметки

Разберем основные типы сущностей и код.

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

Микроразметка указывает на адрес и контактную информацию организации. Посмотреть полный список можно на стра разметку для комнаты в отеле на странице Hotel и в подробном гайде Markup for Hotels.

Пример в микроданных (microdata) Schema.org. Можно использовать общий тип «Organization», либо указать точную сферу деятельности. Используем, например, отель. Обратите внимание на атрибут address и его вариации — это может быть Locality (город), Region (область), Country (страна). Также можно добавить координаты с помощью атрибута «geo».

Микроразметка в микроданных (microdata) Schema.org для организаций

Микроразметка в JSON-LD для организаций

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

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

Пример в микроданных (microdata) Schema.org. Полезные атрибуты:

• aggregateRating — указывает рейтинг товара

• offers — указывает на продажу товара

• priceCurrency и price — показывает тип валюты и стоимость

• availability — говорит о наличии товара.

  Например, In Stock (в наличии), Out Of Stock (нет в наличии). Есть еще другие варианты: Online Only, Pre-order, Sold out и т. д.

Разметка в микроданных (microdata) Schema.org для товара

Разметка в JSON-LD для товара

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

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

Пример в микроданных (microdata) Schema.org. Атрибуты prepTime, cookTime и totalTime покажут время на готовку — данные ставятся в формате AM и PT. Описание можно сделать через recipeInstructions или HowToStep.

Микроразметка для рецепта в микроданных (microdata)

Микроразметка для рецепта в JSON-LD

Микроразметка для статей и публикаций на сайт

Атрибуты указывают на название статьи, автора статьи, дату публикации. Подробнее об этой разметке и полный список атрибутов смотрите в разделе Article.

Пример в микроданных (microdata) Schema.org. Наиболее часто используют Article, как универсальный тип данных. Кроме него существует:

Пример разметки статей в микроданных Schema.org

Пример разметки статей в JSON-LD

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

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

Выдача «хлебных крошек» с микроразметкой и без нее

Посмотреть атрибуты можно на странице BreadcrumbList, а в нашей статье «Все о „хлебных крошках“» рассказываем, как их делать.

Пример в микроданных (microdata) Schema.org.

Указываем тип «BreadcrumbList» и далее через ListItem ставим позицию, название и ссылку на подраздел сайта.

Микроразметка (microdata) хлебных крошек в Schema.org

Микроразметка хлебных крошек в JSON-LD

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

Наличие отзывов и их содержание часто напрямую влияет на решение о покупке. Исследование AliExpress показало, что каждая пятая покупка в интернете была совершенно именно из-за отзывов. Микроразметка поможет поисковым роботам найти рейтинги, дату публикации и авторов отзывов. Полный список атрибутов — в разделе Review на сайте schema.org.

Пример в микроданных (microdata) Schema.org. На примере ниже размечен автор, дата публикации и «тело» комментария. Обратите внимание на атрибут reviewRating (Rating): он позволяет выставить оценку, указов диапазон и общее колличество отзывов.

Микрораазметка (microdata) отзыва в Schema.org

Микроразметка отзыва в JSON-LD

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

Посмотреть все атрибуты можно в разделе FAQPage. Также существует QAPage, где ответы или отзывы опубликованы от лица пользователей. Также обратите внимание на HowTo — ее атрибуты позволяют разметить шаги в инструкции.

Пример в микроданных (microdata) Schema.org. Количество ответов может быть любым, но вряд-ли стоит добавлять более десяти. За формирование вопросов и ответов отвечает связка mainEntity + acceptedAnswer.

FAQ-микроразметка может выводиться как расширенный сниппет в Google

Микроразметка вопросов и ответов в Schema.org

Разметка FAQ в JSON-LD

Микроразметка для мероприятия

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

Разметка показывает дату, место и цену мероприятия, выводится первой в сниппете

Пример в микроданных (microdata) Schema.org. Уникальная черта микроразметки для событий — указание даты начала и конца мероприятия. В остальном используются атрибута Place и Offers, которые мы приводили в примерах для организаций и товаров. Полный список атрибутов — в Event.

Микроразметка (microdata) для сайта мероприятия

Микроразметка для сайта мероприятия в JSON-LD

Микроразметка для изображений

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

Пример в микроданных (microdata) Schema.org. За разметку картинок отвечает ImageObject. Он позволяет быстрее выводить их в поиске, а еще добавлять спецификацию фотографий по выдержке, формату, дате, локации и т.д.

Микроразметка (microdata) картинок в Schema.org

Микроразметка изображений в JSON-LD

Микроразметка для видео

За разметку видеороликов отвечает VideoObject. В Google микроразметка может дать расширенный сниппет, если указать ключевые моменты ролика через атрибуты Clip или SeekToAction.

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

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

Пример в микроданных (microdata) Schema.org.

Микрразметка видео в Schema.org

Микроразметка видео в JSON-LD

Главное

Основные тезисы материала:

1. Микроразметка позволяет поисковым роботам эффективней проверять страницы и создавать расширенные сниппеты.

2. Schema.org — это словарь, который содержит описание всех сущностей в микроразметке.

3. Существует несколько видов синтаксиса Schema.org, самые популярные — микроданные (microdata) и JSON-LD.

4. Google и «Яндекс» поддерживают любой синтаксис Schema.org, но для Google лучше размечать через JSON-LD, а для «Яндекс» — через микроданные (microdata).

5. Используйте сервисы и плагины для автоматического создания кода в JSON-LD.

6. Для создания кода в микроданных (microdata) используйте ручной метод или ищете специалистов через сервис Workspace.

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

Workspace.LIVE — мы в Телеграме

Новости в мире диджитал, ответы экспертов на злободневные темы, опросы, статьи и многое другое. Подписывайтесь: https://t. me/workspace

Как повысить CTR и переходы на сайт? Микроразметка Schema.org

Как повысить CTR и переходы на сайт? Микроразметка Schema.org | Блог о маркетинге

Только полезные кейсы и новости в нашем телеграм-канале!

Подписаться

Читайте также:

• Рейтинг SEO-оптимизации 2022 сайтов в нише «Модульные кухни» МинскаSEOНовости

• 6 шагов к первой продаже ваших товаров на OZON из БеларусиМаркетплейсы

• Цены на сайте: 6 психологических уловок для роста конверсионности и продажМаркетинг

• Реклама в приложении Яндекс.Навигатор доступна в Беларуси!Новости

• Основы SEO за 7 минутSEO

Как повысить CTR и переходы на сайт? Микроразметка Schema.

org

Разметка данных повышает конверсию выдачи Google на 25−30%

Результаты внедрения микроразметки

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

Микроразметка — это способ разметки страниц, который позволяет поисковым системам распознавать контент на страницах.

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

Основные виды расширенных результатов поиска:

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

• Часто задаваемые вопросы: размечаются на сайте ответы на вопросы, относящиеся к определенное теме. В поисковой выдаче выглядит так:

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

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

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

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

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

Проверить корректность установленной разметки на сайте можно с помощью валидаторов: Yandex и Google.

Валидатор микроразметки в Яндекс Вебмастер — можно проверить все популярные форматы микроразметки: микроданные (microdata), schema.org, микроформаты, …

Инструмент проверки структурированных данных — Google — позволяет провести проверку структурированных данных на вашем сайте. Укажет допущенные ошибки, если таковые имеются.

Поделиться статьёй:

Нужна консультация

Артём Вирковский Account менеджер

• +375 29 335-23-23
• +375 29 635-23-23
• [email protected]

Валерий Стальмаков Директор

• +375 29 335-23-23
• +375 29 635-23-23
• [email protected]

Мария Гаврилова Account менеджер

• +375 29 335-23-23
• +375 29 635-23-23
• [email protected]

Дарья Папович Account менеджер

• +375 29 335-23-23
• +375 44 707-33-15
• darya@qmedia. by

Максим Землянский Менеджер по развитию бизнеса

• +375 29 335-23-23
• +375 29 635-23-23
• [email protected]

Андрей Жук Account менеджер

• +375 29 335-23-23
• +375 29 635-23-23
• [email protected]

Татьяна Рабешко Менеджер по развитию бизнеса

• +375 29 335-23-23
• +375 29 635-25-15
• [email protected]

* — поля, обязательные для заполнения

Ваше имя

Ваш номер телефона

Предпочитаемый способ связи

ТелефонWhatsAppTelegramViber

• +375 29 335-23-23 моб. A1
• +375 29 635-23-23 моб. A1

Или оставьте свои контакты

Мы свяжемся с вами и проконсультируем

Ваше имя

Ваш номер телефона

Предпочитаемый способ связи

ТелефонWhatsAppTelegramViber

Ваше имя

Ваш email Нужен для отправки вам ответа на вопрос

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

Предпочитаемый способ связи

ТелефонWhatsAppTelegramViber

Текст вопроса

Ваш телефон и email не будут публиковаться на сайте

Проверка Schema.

org:

Зачем нам нужна проверка schema.org

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

Ниже приведены четыре различных категории проверки структурированных данных:

• Проверка домена и диапазона свойств schema.org, они часто имеют ограничения ожидаемых типов. Они могут включать ожидаемые классы, например, schema.org/employee используется с организацией и ожидает человека. Они также могут ожидать примитивные значения (например, текст, число, дату), например, http://schema.org/name ожидает используется с Thing и ожидает текстовое значение. Примеры показаны ниже:
• Проверка функций продукта предназначен для включения функций продукта, таких как расширенные фрагменты кода Google. Google документирует расширенные фрагменты, и каждая из этих функций имеет требования, например. Для расширенного описания продукта требуется schema.org/name
• Общепринятые принципы Schema,org [GASP] — это то, что я называю общепринятыми правилами проверки, которые применяются ко всем данным schema.org. Например, каждый может согласовать ограничения для схемы: Человек (примеры указаны в W3C Shapes Constraint Language Use Cases):
  • Дети должны родиться после родителя
  • Дети не могут содержать циклы (например, дети предка)
  • deathDate должна быть после рожденияDate
• Специфическая для домена проверка модели Schema. org — это ограничения модели данных, которые являются специфическими для вашей отрасли, компании, и если нет единого мнения в GASP, именно здесь вы применяете свои собственные правила для своих данных schema.org

Как они применяются?

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

Чтобы предотвратить это:

Вы получите предупреждения при попытке сохранить свои данные: 

Проверка GASP

Правила проверки GASP — это те правила проверки GASP, которые есть у каждого платного приложения и включены в платное приложение для пользователей. Проверка. Чем больше мы используем структурированные данные schema.org, тем больше правил проверки будет появляться и применяться ко всем клиентам. Мы хотели бы сотрудничать в этом с отраслью, чтобы мы могли действительно открыть исходный код ограничений. Если вы также заинтересованы в сотрудничестве, свяжитесь с Марком.

Проверка домена

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

Была ли эта статья полезной?

Отлично!

Спасибо за отзыв

Извините! Мы не могли быть вам полезны

Спасибо за отзыв

Ваша электронная почта *

Дайте нам знать, как мы можем улучшить эту статью! *

Нужно больше информации

Трудно понять

Неточный/нерелевантный контент

Отсутствует/битая ссылка

Выберите хотя бы одну из причин

Пожалуйста, дайте свои комментарии

Отзыв отправлен

Мы ценим ваши усилия и постараемся исправить статью

0 из 0

Schema.

org запускает свой инструмент проверки разметки схемы

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

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

После негативной реакции со стороны отрасли Google решила перенести инструмент тестирования структурированных данных из собственности Google на Schema.org.

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

Инструмент расширенных результатов. Инструмент расширенных результатов будет находиться на собственном сайте Google, разработанный и поддерживаемый с целью отображения расширенных типов результатов поиска Google. Google сказал: «Чтобы проверить свою разметку для расширенных типов результатов поиска Google, вы можете продолжать использовать тест расширенных результатов».

Инструмент тестирования структурированных данных. Однако Google перенесет инструмент тестирования структурированных данных с собственного домена Google на schema.org. В Google заявили, что «для лучшей поддержки открытых стандартов и опыта разработки мы переориентируем инструмент тестирования структурированных данных и перенесем его на новый домен, обслуживающий сообщество schema. org, к апрелю 2021 года». В Google пояснили, что «основной целью инструмента будет проверка синтаксиса и соответствия разметки стандартам schema.org». Однако в будущем инструмент тестирования структурированных данных больше не будет проверять типы расширенных результатов поиска Google.

Новый валидатор разметки Schema.org. Райан Леверинг из Schema.org сказал, что эта версия «проще, чем ее предшественница SDTT, потому что она предназначена для проверки того, что вы используете JSON-LD, RDFa и микроданные широко понятными способами, и для предупреждения вас, если вы используете Schema. типы и свойства организации в необычных сочетаниях. Он а не  пытается сравнить ваш контент с информационными потребностями конкретных услуг, инструментов или продуктов (эта тема заслуживает отдельного сообщения в блоге). Но это поможет вам понять, выражают ли ваши данные то, что, как вы надеетесь, они выражают, и отразить сущность ваших структурированных данных интуитивно понятным способом, который отражает их основное значение».

Служба validator.schema.org работает на базе общей инфраструктуры Google для работы со структурированными данными и предоставляется проекту Schema.org в качестве инструмента, размещенного в Google. Мы также рады отметить, что доступно множество других валидаторов, ориентированных на schema.org, как коммерческих (например, Яндекса), так и с открытым исходным кодом. Например, инструменты Structured Data Linter, JSON-LD Playground, SDO-Check и Schemarama. Мы надеемся, что новый Schema Markup Validator будет стимулировать сотрудничество между производителями инструментов для улучшения согласованности и удобства разработчиков для всех, кто работает с системами, использующими данные Schema.org.

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