Микроразметка schema org: Микроразметка Schema.org, примеры микроразметки

Микроразметка Schema.org Organization (Организации) своими руками

Микроразметка Schema.org/Organization отвечает за структурирование данных о компании в формате Microdata или JSON-LD. С помощью такой разметки можно указать поисковому роботу на контактную информацию и добавить её в сниппет главной страницы (из Яндекс Справочника).

Содержание:

• Основные форматы микроразметки
• Как составить микроразметку Организации
• 1. Ручной способ
• 2. Мастер разметки структурированных данных от Google
• 3. Плагины для микроразметки на CMS
• Проверка микроразметки на ошибки
• Как разместить микроразметку Организации на сайте

Основные форматы микроразметки

Существует два основных формата структурирования данных, с помощью которых составляют микроразметку:

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

Microdata — это способ разметки микроданных, в котором информация размечается непосредственно в тегах сайта с помощью основных атрибутов itemscope, itemtype и itemprop. 

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

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

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

Пример разметки Organization в формате Microdata

<div>

<div itemscope itemtype=»http://schema.org/Organization»>

<span itemprop=»name»>Название организации</span>

Контакты:<div itemprop=»address» itemscope itemtype=»http://schema.org/PostalAddress»>

Адрес:<span itemprop=»streetAddress»>Адрес</span>

<span itemprop=»postalCode»>Почтовый индекс</span>

<span itemprop=»addressLocality»>Город</span>,</div>

Телефон:<span itemprop=»telephone”>Номер телефона</span>,

Электронная почта: <span itemprop=»email»>E-mail</span></div></div> 

 

Пример разметки Organization в формате JSON-LD

<script type=»application/ld+json»>{

«@context»: «https://schema. org/»,

«@type»: «Organization»,

«name»: «Название организации»,

«telephone»: «+7 (999) 999-99-99»,

«email»: «[email protected] «,

«address»: {

«@type»: «PostalAddress»,

«addressLocality»: «Город»,

«streetAddress»: «Адрес»

}}

</script>

 

Внимание! Узнать о дополнительных свойствах разметки Вы можете на официальном сайте Schema.org.

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

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

3. Плагины для микроразметки на CMS

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

Schema — All In One Schema Rich Snippets. Бесплатный плагин, который поддерживает разметку Schema.org в формате Microdata. Поддерживает следующие виды микроразметки: отзывы, события, люди, товары, рецепты, приложения, видео, статьи. 

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

WP SEO Structured Data Schema. Плагин для микроразметки, который использует формат микроданных. Есть платная и бесплатная версии. В бесплатной можно разметить данные об организации и локальном бизнесе, товары, услуги, статьи, видео, отзывы и другие сущности.

Проверка микроразметки на ошибки

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

• Проверка структурированных данных от Google

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

• Валидатор микроразметки от Яндекс

Валидатор от Яндекс работает по схожему принципу, в него также можно вставить URL-адрес страницы или код HTML, но он воспринимает некоторые ошибки по-другому.

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

Готовую микроразметку необходимо добавить в код шапки или подвала сайта. Для этого необходимо выполнить следующие действия:

    1. Перейти на хостинг сайта или подключиться к нему через FTP:

     2. Запустить поиск и найти файл «header.php»:

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

    3. Скачать файл на рабочий стол и открыть его с помощью «Блокнота»:

    4. Вставить готовый код микроразметки адреса организации после тега <head>:

    5. Сохранить файл и загрузить его обратно напрямую через хостинг или FTP:

Поздравляем! Вы добавили микроразметку Организации на сайт.

Спасибо, что дочитали до конца. Переходите к следующей инструкции. 

Как сделать микроразметку 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

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

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

Ведущие поисковые системы, включая Google, Yahoo, Bing и Яндекс, впервые начали сотрудничать для создания Schema. org еще в 2011 году.

Разметка Schema особенно важна в эпоху Hummingbird и RankBrain. То, как поисковая система интерпретирует контекст запроса, определяет качество результатов поиска.

Схема может предоставить контекст неоднозначной веб-странице.

Через Schema.org:

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

Аватар

указывает браузеру отображать текстовую строку «Аватар» в формате заголовка 1. Однако тег HTML не дает никакой информации о том, что означает эта текстовая строка — «Аватар» может относиться к чрезвычайно успешному 3D-фильму или к типу изображения профиля — и это может затруднить поиск. движки для интеллектуального отображения релевантного контента пользователю».

Улучшает ли Schema ваш поисковый рейтинг?

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

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

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

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

Для чего используется схема?

• Предприятия и организации
• События
• Люди
• Товары
• Рецепты
• отзывов
• Видео

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

Добавление схемы на ваши веб-страницы

Использование микроданных

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

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

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

Например, ваш веб-контент посвящен еде? Музыка? Технология?

После того, как вы определились с типом предмета, теперь вы можете определить, как вы можете пометить его.

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

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