С 2011 года создателями сайтов и Seo-оптимизаторами для поисковиков Yahoo, Bing, Яндекс и Google, широко применяется микроразметка schema.org.
Сайт со схемами-тегами грамотно и компетентно структурирует запросы пользователей, делая их для поисковиков более понятными, простыми и доступными. Благодаря разметке, система в итоге выдает удобный, разборчивый и правильно выстроенный с точки зрения для юзера результат. Но не все вебмастера используют schema.org, ввиду сложности внедрения необходимых объектов в код HTML-страниц. Для этого необходимы знания специальной атрибутики стандарта, понимание тегов и схем, при помощи которых верно размечаются онлайн-страницы. Но выход есть! Существует альтернатива сложному и замысловатому schema.org. называется он JSON-LD. Эта статья расскажет, чем JSON-LD выгодно отличается от мудреного schema.org.
JSON-LD – это незамысловатый способ передачи данных, которые напрямую связываются между собой (Linked Data LD). Это происходит с помощью иного текстового формата, который называется JSON. Размеченные таким образом страницы сайта позволяют пользователям легко находить необходимую информацию в сети, которая будет грамотно организована.
Если вебмастер использует стандарт JSON-LD, это обеспечивает сайту лучшую представленность в поиске системы. Выдаваемые пользователю привлекающие внимание информационные блоки страниц оказывают прямое влияние на их посещаемость и кликабельность. При помощи JSON-LD можно делать прямую разметку событий с отображением поиска по ресурсу в найденных страницах.
Данный метод позволит оптимизатору сайта поместить необходимые материалы в контекст сайта или его отдельных страниц, где напрямую указываются нужные объекты и их особенности. Иначе говоря, JSON-LD объединяет информацию в сети для удобства ее нахождения в поисковиках. Семантическое ядро можно взять от schema.org, а JSON-LD использовать как способ передачи информации. Применение обеих микроразметок значительно повышает эффективность оптимизации ресурсов.
В 2013 году schema.org рекомендовала использование JSON-LD для разметки. Так она включила JSON-LD в список форматов, позитивно влияющих на распознавание информации в поиске. Через год Google начал широкое использование данного метода выдачи в ранжировании телефонных номеров, дат мероприятий и других цифровых значений. Далее поисковик стал активно применять JSON-LD для анонсов событий, потому как в графу знаний попадает больше информации о мероприятиях.
Сравнительные характеристики микроразметки schema.org и JSON-LD
Мы уже выяснили, что обе микроразметки прекрасно совмещаются друг с другом. Теперь давайте уточним их различия и узнаем удобство применения касательно поисковых систем.
Микроразметка schema.org обозначается в виде HTML-кода и располагается в теле онлайн-страницы. Это выглядит так:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Заголовок</title>
</head>
<body>
<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="name">Заголовок</h1>
</div>
</body>
</html>
JSON-LD располагается в <script> в контейнере <head>. Это будет выглядеть так:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Ваш Заголовок</title>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"name": "Вш Заголовок"
}
</scr
</head>
<body>
<div>
<h1>Ваш заголовок</h1>
</div>
</body>
</html>
Недостатки применения микроразметки JSON-LD
Если владельцу ресурса показалось, что у JSON-LD нет недостатков, то это ошибочное мнение. Они есть. Как уже было сказано выше, данная разметка вставляется в тег, что исключает необходимость дополнительно размечать страницу. Именно по этой причине микроразметка видима исключительно для поисковиков, а по их рекомендациям предпочтительней открытый контент. Говоря простым языком, при помощи JSON-LD обманывают поисковые системы. К примеру, в разметке указывается, что автором книги или другого издания является популярный создатель Иван Иванов. Google будет показывать его в топе, но исключительно по причине престижа составителя. А уже на самом ресурсе указывается истинный автор. Иногда пользователи замечают подлог и становятся не очень довольными фактом обмана. Но, не взирая на подобное надувательство, санкции к использованию JSON-LD не применяются, а известный поисковик Google напрямую рекомендует эту микроразметку.
Использование микроразметки JSON-LD
JSON-LD связывает данные между собой, совмещая ключи с их значениями. Список ключей и их обозначения содержит документация W3C. Основным ключом JSON-LD является @context и он связывает IRI (символы международного значения). Если вы хотите обозначить, что при разметке используется семантика schema.org, то нужно прописывать так:
{
"@context": http://schema.org
Через @context можно проставить любую разметку. Добавьте после @context ключ type, обозначающий сущность, и выбирайте на сайте schema.org требуемые теги и схемы. Например, нужно поместить на страницу сайта компании, производящую продукты питания, информацию о директоре организации или ведущем менеджере. Нужно написать код следующим образом:
{
"@context":
{
"name": "http://schema.org/name", В данном случае ключ name соответствует значению http://schema.org/name
"image": {
"@id": "http://schema.org/image", Эта пара ключ/значение сообщает, что image соответствует http://schema.org/image
"@type": "@id" Это значит, что значение image необходимо рассматривать в качестве идентификатора IRI
},
"homepage": {
"@id": "http://schema.org/url", Ключ homepage соответствует значению http://schema.org/url
"@type": "@id" Значение homepage необходимо рассматривать в качестве идентификатора IRI
}
}
}
Теперь добавляем материалы о самом человеке:
{
"@context":
{
"name": "http://schema.org/name",
"image": {
"@id": "http://schema.org/image",
"@type": "@id"
},
"homepage": {
"@id": "http://schema.org/url",
"@type": "@id"
}
},
"name": "Deontay Wilder",
"homepage": "http:/главная страница",
"image": "http:/главная страница /image"
}
В обязательном порядке перед ключами context и type проставляется знак @ (собачка). Впереди других ключей собачка не прописывается. Характеристики перечисляются через знак запятой (,). Последнее свойство объекта остается без каких-либо знаков и отметок.
Если используется только одна разновидность разметки, в контейнер <head> вставляется шаблон JSON-LD. В противном случае, если применяются не однотипные объекты, каждая страница ресурса размечается по отдельности.
Есть вариант, когда два типа разметки используются единовременно. Существует объект Product, а в него необходимо вставить Offer. Здесь type указывается дважды: по одному для каждого объекта. Как мы помним, тег вставляется в контейнер. Это происходит таким образом:
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"offers": {
"@type": "Offer",
"name": "торговое предложение"
}
}
</script>
Для проверки валидности прописываемых кодов, можно воспользоваться валидаторами систем Яндекс или Google.
Памятка для начинающих вебмастеров по использованию JSON-LD
Многие вебмастера-новички попросту опасаются вмешательства в код страницы, дабы не нарушать цельную структуру сайта. Для начинающих сеошников существуют плагины, где формат JSON-LD можно применить, используя всего лишь несколько кликов. Мы расскажем про автоматические плагины, работающие на CMS WordPress.
- WordPress Social Sharing Optimization и NextGEN Facebook. Предварительно требуется включить продвигаемый сайт в Knowledge Graph. Тогда информация об издателях и авторах будет указываться автоматически.
- Sitelinks Search Box. Используется данный продукт при добавлении микроразметки, активирующей показ инструмента по запросу поисковых систем. Однако это не является гарантией того, что поисковик покажет расширенный информационный блок. Данный плагин применяется к сайтам с популярным известным у народа контентом (например, YouTube, Ок и др).
- Structured Data of JSON-LD. Дополнение позволит использовать все популярные типы разметок одновременно (Person, Article, Website, searchAction,).
В случае расположения ресурса на платформе CMS Drupal, вы также можете применять JSON-LD, но здесь использование данного формата будет происходить на правах эксперимента.
Применение JSON-LD
Мы ранее выяснили, что JSON-LD применяется тогда, когда нет необходимости менять основной HTML-контент. Если вебмастер хочет быстро осуществить разметку страниц ресурса – это JSON-LD. Но здесь требуется указать, что использование данного формата на сегодняшний день достаточно узко. Поисковик выдаст только информацию об авторе и наименовании организации, а также некоторые событийные сведения в сниппете. Но разработчики не стоят на месте, потому можно надеяться, что в скором времени количество отображаемых данных расширится. Однако, несмотря на минимальное
В прошлой статье мы расматривавали микроразметку open graf