Что такое микроразметка
Преимущества
Примеры
Принципы работы
Словарь — язык разметки, набор классов и их свойств, с помощью которых определяется содержимое страницы. К примеру, словарь определяет, каким термином будет обозначаться название — «name», «title» или «n». Синтаксис — то, как будет применяться язык, способ использования словаря. Синтаксис определяет, какими тегами и как будут указываться сущности и их свойства в коде.
Однако в практическом применении интересны лишь самые популярные форматы: Schema.org, Open Graph, JSON-LD и микроформаты.
Schema.org
Любая разметка Schema.org проводится в два этапа:
<div itemscope itemtype="http://schema.org/Organization" >
...
</div>
<span itemprop="streetAddress">Нижегородская,6</span>
<div>
<span>Uplab</span>
Контакты:
<div>
Адрес: Нижегородская, 6 стр.2,
428018,
Чебоксары,
</div>
Телефон: +7 499 955–50–30
Электронная почта: info@uplab.ru
</div>
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Uplab</span>
Контакты:
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
Адрес:
<span itemprop="streetAddress">Адрес: Нижегородская, 6 стр.2</span>
<span itemprop="postalCode"> 428018</span>
<span itemprop="addressLocality">Чебоксары</span>,
</div>
Телефон:<span itemprop="telephone">+7 499 955–50–30 </span>,
Электронная почта: <span itemprop="email">info@uplab.ru</span>
</div>
Open Graph
<head>
<meta property="og:title" content="Файлы / Обновленный русификатор для Far Cry 4 / PlayGround.ru" />
</head>
JSON-LD
В этом формате данные представляются в наборе ключ-значение. JSON-LD предусматривает зарезервированные ключи, с помощью которых можно определить контекст описания или связать объекты. Для примера: «@context» определяет словарь объектов, а «@type» — тип сущности. Полный список зарезервированных ключей можно узнать в официальной документации JSON-LD.
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationId": "RXJ34P"
}
</script>
Микроформаты
К примеру, можно указать, что строка — это адрес организации:
<div class="adr"> Чебоксары, ул. Нижегородская, 6, стр.2 </div>
Существует множество видов микроформатов, каждый из которых решает свою задачу. Вот самые известные:
Микроразметка в «Яндекс»

Используется для создания специальных сниппетов на страницах поисковой выдачи «Яндекса» — особенно актуально для интернет-магазинов. Чтобы робот распознал такой тип данных, размечайте соответствующие страницы по схемам Product и Offer, или AggregateOffer.
Инструкция по разметке в «Яндекс. Помощь».

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

Помогает формировать специальные сниппеты для сайтов с рецептами. В разметке есть обязательные поля:
- name — (текст) название рецепта или блюда.
- ingredients — (текст) ингредиент рецепта и его объем, количество (может быть несколько).
И рекомендуемые:
- recipeInstructions — (текст) инструкция по приготовлению.
- recipeCategory — (текст) тип блюда: например, горячее блюдо, закуска, салат, десерт.
- recipeYield — (текст) количество порций.
- totalTime — (Duration) время приготовления, указывается в формате ISO 8601, например, PT30M —30 минут.
- image — (URL) URL изображение процесса приготовления, их может быть несколько.
- author — (текст, Person/name, Organization/name) автор рецепта.
- recipeCuisine — (текст) национальная кухня, к которой относится блюдо.
- nutrition — (NutritionInformation) энергетическая или пищевая ценность блюда, то есть содержание калорий, белков, жиров, углеводов, витаминов и т.д.

Используется поиском для формирования специальных сниппетов для сайтов с описанием фильмов. В разметке можно указать следующие свойства фильма: рейтинг, жанр, дату выхода, год съемок, режиссера, актеров, краткое описание, продолжительность, оригинальный язык фильма, композитора, продюсера, кинокомпанию, награды, возрастное ограничение, подходит ли для семейного просмотра.
Инструкция по разметке в «Яндекс.Помощь».

Используется для передачи информации о творческих работах, которые размещены на вашем сайте. Эти данные могут быть использованы при формировании сниппета. Для разметки данных страницу необходимо разметить по схеме CreativeWork или одному из ее подтипов.
Инструкция по разметке в «Яндекс.Помощь».

Если у вас на сайте есть раздел вопросов и ответов, то при наличии семантической разметки они могут отображаться в выдаче более структурировано. Для этого используются два типа разметки Schema.org — Question и Answer. Одна страница должна содержать один вопрос и ответы на него.
Инструкция по разметке в «Яндекс.Помощь».

Если на вашем сайте доступны рефераты, дипломы и другие учебные материалы, то вы можете добавить специальный тип разметки. Чтобы робот распознал такой тип контента, используется схема CreativeWork.
Инструкция по разметке в «Яндекс.Помощь».

Этот тип разметки используется «Яндексом» на поиске и в «Справочнике». «Яндекс.Справочник» обрабатывает схемы разметки, которые унаследованы от Organization и Place.
Инструкция по разметке в «Яндекс.Помощь».

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

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

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

Благодаря этой схеме, результаты сайта могу попасть в особый список, который называется «Карусель». Как правило, он используется на мобильных устройствах и предназначен для отдельных видов контента.
Инструкция по настройке от Google.

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

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

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

Можно добавить следующую информацию о наборе данных: название, описание, форма, имя автора. Это позволяет пользователям быстрее находить такой контент. К наборам данных относятся:
- Таблицы или CSV-файлы с определенной информацией.
- Систематизированные группы таблиц.
- Файлы в проприетарном формате, содержащие определенные данные.
- Группы файлов, которые в совокупности представляют полезный набор данных.
- Структурированные объекты с данными в другом формате, который можно загрузить в специальный инструмент для обработки.
- Данные, полученные с помощью съемки изображений.
- Файлы, связанные с машинным обучением (параметры для обучения или определение структуры нейронной сети).
- Любые данные, которые можно считать набором.
Инструкция по настройке от Google.

Пригодится тем, кто публикует на сайте рейтинги работодателей, составленные на основе мнений посетителей. Для разметки используется схема EmployerAggregateRating.
Инструкция по настройке от Google.

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

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

Этот тип разметки добавляет значок «Сейчас» на значок видео в результатах поиска. Будет полезным для спортивных мероприятий, церемоний вручения наград, видеороликов авторитетных пользователей, стримов видеоигр.
Инструкция по настройке от Google.

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

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

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

Схема используется для того, чтобы в поиске и «Google Картинках» появлялась подробная информация: стоимость и наличие товаров.
Инструкция по настройке от Google.

Разметка для страницы, на которой после одного вопроса идут ответы пользователей. Для таких страниц можно использовать следующие типы разметки словаря schema.org: QAPage, Question и Answer.
Инструкция по настройке от Google.

Информация о рецептах может появиться в поиске — в блоке «Карусель», AMP, «Google Ассистенте», Google Home и умных дисплеях (новый формат гаджетов по типу умных колонок).
Инструкция по настройке от Google.

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

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

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

При наличии разметки Google сразу покажет информацию о приложении в результатах поиска. На данный момент для этого типа разметки рекомендуется использовать микроданные или XHTML-расширения RDFa.
Инструкция по настройке от Google.

Если в часть страницы или статьи добавить свойство speakable, то такой контент станет доступным для озвучивания устройствами с «Google Ассистентом», в частности умными колонками. Мы уже писали о том, что за голосовым поиском будущее:
- Голосовое управление и поиск. Нужно ли бизнесу думать об этом?
- Как оптимизировать сайт под голосовой поиск
Инструкция по настройке от Google.

Позволяет обозначать на сайте легальный, платный контент, используя метаданные CreativeWork в формате JSON-LD.
Инструкция по настройке от Google.

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

Позволяет Google отображать видео прямо в поисковой выдаче, улучшает его индексацию и поиск пользователями по запросам — видео может быть добавлено в карусели. Есть возможность указывать описания, продолжительность, дату загрузки и т.д.
Инструкция по настройке от Google.
Создание и проверка микроразметки
Мастер разметки структурированных данных
Генераторы
Плагины для CMS
Проверка микроразметки
Оформить и проверить микроразметку совсем не сложно — в этом вам помогут бесплатные инструменты от поисковых систем и онлайн-сервисы.
Комментарии к статье
Комментарии: 0