JSON-LD и Schema.org: выбираем лучшее для разметки вашего сайта

10 августа 2018
26.4K
5 мин.

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

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

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

С постепенным развитием микроразметки начали появляться новые понятия, такие как словари и синтаксис. Более подробно об этих терминах можно узнать в данной статье. Грубо говоря, словарь – это язык микроразметки, набор определенных свойств, а синтаксис – это способ применения данного языка. Формат Schema.org относится к классу словарей, тогда как JSON-LD является синтаксисом.

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

Если говорить совсем уж корректно, то Schema.org – это сайт, на котором публикуются различные схемы тегов, используемых веб-мастерами для разметки актуальной информации. Этот словарь изначально применяется с синтаксисом Microdata. Такой способ разметки был разработан в 2011 году и признан крупнейшими поисковыми системами мира.

Существует более 100 видов схем. С помощью данного формата можно сделать разметку:

  • организаций;
  • товаров;
  • отзывов;
  • хлебных крошек;
  • видео;
  • фотографий.

Чтобы сделать разметку необходимой информации на странице, нужно помещать атрибуты Schema.org в отображаемый пользователю контент. Вот пример классической разметки данных организации с помощью Microdata:

<div itemscope itemtype="http://schema.org/Organization">
    Компания <span itemprop="name">1PS.RU</span>
    Контакты:
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        Адрес:
        <span itemprop="postalCode">664033</span>,
        <span itemprop="addressLocality">Иркутск</span>,
        <span itemprop="streetAddress">ул. Академическая, 28/6</span>
    </div>
    Телефон: <span itemprop="telephone">+7 (3952) 420-535</span>,
    Электронная почта: <span itemprop="email">admin@1ps.ru</span>
</div>

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

Сразу после установки проверяем нашу разметку в валидаторе разметки Яндекса:

проверка микроразметки Яндекс

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

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

JSON-LD (англ. Linked Data) – способ передачи связанных данных с помощью текстового формата JSON. Компания Google рекомендует использовать именно его.

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

Пример разметки с помощью синтаксиса JSON-LD:

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "url" : "Адрес главной страницы",
    "logo" : "Адрес логотипп компании",
    "address": {
    "@type": "PostalAddress",
    "addressLocality": "Город",
    "postalCode": "Индекс",
    "streetAddress": "Улица, дом"
  },
  "email": "Электронный ящик",
  "name": "Название компании без кавычек",
  "telephone": "Телефон"
}
</script>

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

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

проверка микроразметки Google

Однако у JSON-LD есть существенный минус. Текст из данной разметки не будет виден пользователю, что противоречит рекомендации поисковиков – не использовать скрытый контент. Стоит отметить, что этот формат в 2013 году был рекомендован Schema.org для разметки страниц, а в середине 2014 всемирно известный поисковик Google посоветовал использовать JSON-LD.

Заключение

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

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

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

9
5
5
1
24

Дмитрий Мочалов

Технический SEO-специалист сервиса 1PS.RU

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна

Получить базовый анализ сайта бесплатно

  • Определим цели и задачи
  • Проведем анализ сайта
  • Подготовим план работ и смету

Популярные статьи

8 июля 2020

Лид-магниты на сайте: как начать притягивать клиентов

Читать статью 13.1K 16 мин.
8 апреля 2019

Сим-сим, откройся: что важно знать о ключевых запросах

Читать статью 59.6K 10 мин.
19 января 2021

Новые факторы ранжирования Google: рассказываем, что будет важно в 2021 году

Читать статью 19.7K 10 мин.
18 апреля 2018

Что такое карта релевантности и как составить ее правильно

Читать статью 55K 3 мин.
25 декабря 2024

Эффект от SEO-сопровождения: чего ждать и в какие сроки?

Читать статью 17.8K 7 мин.
22 июня 2020

Турбо-страницы для интернет-магазинов

Читать статью 22.3K 12 мин.
7 июня 2024

Как найти и устранить битые ссылки на сайте

Читать статью 7.8K 8 мин.
6 мая 2020

Идеальное представление, или как Яндекс.Вебмастер радеет за красивый сниппет

Читать статью 16.5K 8 мин.
18 января 2022

25 бизнес-моделей: что такое, зачем нужно и кому пригодится

Читать статью 34.2K 12 мин.
29 декабря 2020

Яндекс YATI: о новом алгоритме ранжирования простыми словами

Читать статью 23K 5 мин.
11 января 2021

SEO-аудит сайта самостоятельно: анализ и проверка оптимизации сайта

Читать статью 102.9K 20 мин.
14 февраля 2024

24 способа увеличить посещаемость сайта

Читать статью 3.9K 7 мин.

Все популярные статьи

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

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

250 000 участников сообщества каждую неделю получают письма от нас

Еженедельные полезные советы по продвижению бизнеса и эксклюзивные предложения абсолютно бесплатно – подайте заявку на вступление!

Услуги, которые могут вас заинтересовать

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

Стоимость:
от 29 500

Любые работы по оптимизации: составление сем. ядра, настройка вебмастеров, теги Title, Description, H1-H6, файлы robots.txt, sitemap и др.

Полный глубокий анализ сайта, аналогов которого нет на рынке. Проверим сайт по более 40 параметрам, ошибки разметим по степени критичности.

Стоимость:
-20% до 30 июняот 16 000 от 20 000

Смотреть все услуги Попробовать бесплатно

Ммм, куки (печеньки)

Cookie – это специальные файлы, которыми питается браузер 🍪 Файлы cookies позволяют «запоминать» посетителей, например, чтобы не переспрашивать у вас каждый раз логин и пароль :)

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

Согласен