Schema org: Адреса и организации — Вебмастер. Справка

Как использовать микроразметку Schema.org: руководство для чайников

Вы знаете, что такое schema.org, но никак не можете внедрить ее на свой сайт? Вы прочитали кучу статей по теме, но ни одна из них не дала вам четкого руководства к действию? И вроде бы все понятно, но коды все-равно не работают?

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

Что такое Schema.org?

Достаточно подробно о том, что такое микроразметка Schema.org, мы писали в одной из наших прошлых статей. А если коротко, то Schema.org – это словарь семантической разметки данных, поддерживаемый всеми ведущими поисковыми системами. Ее цель – помогать поисковым роботам лучше понимать содержание страницы и, тем самым, улучшать результаты выдачи.

На данный момент Schema.org официально поддерживается такими поисковиками, как Google, Яндекс, Bing и Yahoo! При этом, Google открыто говорит, что данный вид разметки является для него наиболее предпочтительным.

Куда что нужно вписывать?

Ну а теперь давайте разбираться, какие коды и куда нужно вписывать. Обратимся к конкретному примеру. Вот так выглядит микроразметка, описывающая фильм «Аватар»:

Здесь мы видим три атрибута, и их вы должны будете неизменно использовать в каждой своей микроразметке:

  1. itemscope нужен только для того, чтобы показать поисковому боту, что на странице описывается определенный объект.
  2. itemtype всегда идет рядом с itemscope и нужен для того, чтобы показать поисковому боту тип объекта (в данном случае, это Movie). Полный список объектов можно посмотреть по ссылке.
  1. itemprop – описывает свойства выбранного объекта. В данном случае это: название фильма (name), режиссер (director), жанр (genre) и наличие трейлера (trailer). Все доступные свойства перечислены на сайте schema.org в соответствующем разделе:

Примечание. Вышеприведенный скриншот был сделан на сайте ruschema.org – проект перевода schema.org, развивающийся силами добровольцев. На данный момент переведен не весь сайт. Поучаствовать в переводе может любой желающий.

Помимо этих трех атрибутов в коде присутствуют еще и теги. Рассмотрим на другом примере, тип объекта – Person (Человек):

  1. Теги <div> … </div> показывают, где начинается и заканчивается описание объекта.
  2. В теги <span> … </span> заключаются те свойства объекта, которые можно описать словами.
  3. Тег <link> с атрибутом href нужны для перечислений и ссылок на канонические страницы. Ссылки, поставленные таким образом, не видны пользователям.
  4. Теги <time> … </time> с атрибутом datetime используются для указания даты, времени и длительности. Дату и время необходимо указывать в следующих форматах: YYYY-MM-DD (2014-05-26), Тhh:mm (Т10:25) либо Тhh:mm:ss (Т02:40:15). При этом, их можно указывать одновременно:
  1. Теги <a> … </a> используются для указания ссылок, видных для пользователей.
  2. Тег <meta> (на изображении не используется) скрывает информацию от пользователей. Данный тег не рекомендуется использовать слишком часто – Google это не одобряет.

Как это сделать на практике?

Заходим на ruschema.org в раздел «Схемы». Выбираем нужный объект. Допустим, Book (Книга). Смотрим, какие свойства мы хотим указать. И начинаем собирать код.

У вас должно получиться примерно следующее:

Проверить правильность проставления микроразметки можно в специальных сервисах от Google и от Yandex.

Несколько примеров сниппетов и кодов

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

  • Видео

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

<h3>Video: <span itemprop=»name»>Название видео</span></h3>

<meta itemprop=»url» content=»http://example.com» />

<meta itemprop=»isFamilyFriendly» content=»True»>

<meta itemprop=»duration» content=»Длительность – T7M02S» />

<meta itemprop=»thumbnail» content=»URL скриншота» />

<meta itemprop=»contentURL»>»Ссылка на сам видеофайл — http://www.example.com/video123.flv»

<meta itemprop=»uploadDate» content=»2011-07-05T08:00:00″ />

<iframe src=»//www.youtube.com/embed/N-4tzVFsyLU» frameborder=»0″ allowfullscreen></iframe> – HTML-код видео. Берется с видеохостинга:

<span itemprop=»description»>Описание видео</span>

</div>

  • Рецепт

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

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

<span itemprop=»recipeInstructions»>Берем бананы, снимаем с них кожуру. Перемалываем в блендере и добавляем туда муку»

<span itemprop=»author»>Имя автора</span>,

<meta itemprop=»datePublished» content=»2009-05-08″>May 8, 2009

<img itemprop=»image» src=»Картинка_блюда.jpg» />

<span itemprop=»description»>Описание рецепта</span>

<meta itemprop=»cookTime» content=»Время приготовления – PT1H»>1 hour

<span itemprop=»ingredients»>3 банана</span>

<span itemprop=»ingredients»>1 яйцо</span>

<span itemprop=»ingredients»>Стакан сахара</span>

</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=»addressLocality»>Город</span>,

<span itemprop=»addressRegion»>Область</span>.

</div>

<img itemprop=»logo» src=»Ссылка на логотип – http://www.example.com/logo.png» />

Phone: <span itemprop=»telephone»>Номер телефона – 206-555-1234</span>

</div>

Важная информация

Если вы используете авторство Google, и в поиске уже отображается ваша фотография, не используйте микроразметку Schema.org, поскольку авторство после этого может нарушиться.

Пример 1. При описании видеообъекта (videoObject), фотография автора полностью заменяется на скриншот из видео (thumbnail), а информация об авторе перемещается в самый низ сниппета. В некоторых случаях, авторство удаляется полностью.

Пример 2. При описании объекта отзыв (review), происходит то же самое – фото автора исчезает и появляется информация о том, кому принадлежит данный отзыв (обзор).

Какой из сниппетов показывает лучший CTR, к сожалению, неизвестно. Но эта информация важна, и ее нужно было донести.

Адаптация материала Schema-org Guide for Beginners (Everyone Can Understand!) + Schema Cheatsheet и Structured Data: Why you should mark-up for higher CTR.

Schema.org – онлайн-словарь семантической разметки данных в Сети

Наталья Баранова

Контент-директорка «Теплицы социальных технологий».

Ресурс Schema.org – стандарт семантической разметки данных в Интернете. Его создали крупнейшие поисковые системы: компания Google, Yahoo!, Microsoft в 2011 году, вскоре к процессу присоединилась российская компания Яндекс.

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

Именно семантическая разметка, или микроразметка, то есть добавление определенных тегов и атрибутов в HTML-код страницы, поможет роботам поисковых систем в автоматическом режиме распознать содержание страницы или сайта и улучшить результаты выдачи. То есть микроданные (HTML microdata) делают содержание интернет-страниц машиночитаемым.

Еще по теме: Поисковая оптимизация: как читают тексты интернет-пользователи и роботы

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

Изображение с сайта yandex.ru

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

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

В разделе «схемы» собраны доступные схемы разметки и их описание. Есть список наиболее популярных: creativework (творчество), book (книга), organization (организация), person (человек), place (место), localbusiness (местный бизнес). Всего 20 схем, которые используются чаще всего.

Также на сайте в разделе «документация», где структурирована вся информация на сайте. А объясняющий раздел «инструменты» поможет понять, какие языки программирования, плагины или программы помогут вам в работе.

Сервисы в помощь

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

2. Structured Data Testing Tool – сервис от Google позволяет запустить тест на наличие ошибок и проверку структурирования данных. Нужно лишь вставить URL-код или фрагмент кода.

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

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

Schema.org на GitHub.

Схема JSON | Дом JSON Schema

JSON Schema — это словарь, который позволяет вам аннотировать и проверять документов JSON.

Преимущества #

  • Описывает существующие форматы данных.
  • Обеспечивает четкую документацию, удобочитаемую человеком и машиной.
  • Проверяет данные, которые полезны для:
    • Автоматизированное тестирование.
    • Обеспечение качества предоставляемых клиентом данных.

Объявления и запрос обратной связи: процесс спецификации #

  • Типы носителей JSON Schema ( application/schema+json и application/schema-instance+json ) будут опубликованы как IETF RFC, который уже принят рабочей группой HTTP API.
  • Будучи проектом OpenJS Foundation со статусом инкубации, мы продолжаем работать над нашим списком задач управления, чтобы перейти к статусу At-Large или Impact.
  • Основная часть нашей спецификации будет опубликована в рамках нового процесса, который сейчас находится на стадии публичного обсуждения. Всем предлагается оставить отзыв! Наши цели в этом процессе включают в себя:
    • В следующем выпуске предоставьте гарантии стабильности для давно стабильных аспектов схемы JSON.
    • Дайте ясность относительно того, какие другие аспекты близки к стабильной форме, а какие являются более экспериментальными.
    • Опубликуйте наши спецификации так же, как OpenAPI и AsyncAPI, которые также являются частью Linux Foundation (более крупного зонтика, под которым существует OpenJS Foundation).
  • Мы работаем над тем, чтобы найти правильный путь для стандартизации относительного указателя JSON в ближайшем будущем. RFC IETF в настоящее время остается наиболее вероятным путем, хотя некоторые детали все еще прорабатываются.

Что теперь? #

Учитесь, получайте помощь, формируйте сообщество, общайтесь в чате с командой JSON Schema и сообществом!

👋 Начало работы Open JSON Schema Slack💬 Обсуждения сообщества

Регулярные занятия #

Мы еженедельно проводим рабочие часы и два раза в месяц открытые рабочие собрания сообщества.

🧑‍💻 Часы работы 👷 Открытые рабочие собрания сообщества

Часы работы — каждый первый вторник месяца в 15:00 BST и по предварительной записи.

Открытые рабочие собрания сообщества проводятся каждый понедельник в 14:00 по тихоокеанскому времени.

Если какой-либо из них будет отменен или перенесен по какой-либо причине, мы постараемся объявить об этом через канал объявлений Slack и Twitter. Смотрите наш календарь сообщества (и не забудьте проверить часовой пояс).

Нужно больше? #

У нас есть другие учебные ресурсы, включая документацию Understanding JSON Schema.

У нас активное и растущее сообщество. Все желающие могут стать частью нашего сообщества, помочь сформировать его или просто понаблюдать.

Мы хотим, чтобы наше сообщество было приветливым и инклюзивным, поэтому, пожалуйста, ознакомьтесь с нашим Кодексом корпоративной этики JSON Schema. (Это комбинация Contributor Covenant и IETF BCP 54.)

Команда JSON Schema и сообщество готовы помочь!

В любой момент вы можете присоединиться к нашему серверу Slack.

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

Мы отслеживаем тег jsonschema на StackOverflow.

10.06.2022: Выпущен выпуск исправления Draft 2020-12 без функциональных изменений.

Новые идентификаторы документов IETF имеют вид draft-bhutton-*-01 .

01.02.2021: Опубликован проект 2020-12!

Идентификаторы документов IETF имеют форму draft-bhutton-*-00 .

Мы используем даты для метасхем, которые реализации должны использовать для определения поведения, поэтому мы обычно будем ссылаться на 2020-12 (без слова «черновик») на этом веб-сайте.

Подробнее об именах и нумерации см. на странице «Технические характеристики».

Быстрый старт #

Проверяемый или описываемый документ JSON мы называем экземпляр , а документ, содержащий описание, называется схемой .

Самая простая схема — это пустой объект JSON, который ничего не ограничивает, ничего не разрешает и ничего не описывает:

Вы можете применить ограничения к экземпляру, добавив в схему ключевые слова проверки. Например, ключевое слово «тип» может использоваться для ограничения экземпляра объектом, массивом, строкой, числом, логическим значением или нулевым значением:

 { «тип»: «строка» }
 

Схема JSON готова к гипермедиа и идеально подходит для аннотирования существующего HTTP API на основе JSON. Документы схемы JSON идентифицируются с помощью URI, которые можно использовать в заголовках ссылок HTTP и внутри документов схемы JSON, чтобы разрешить рекурсивные определения.

Гиперсхема JSON #

Гипер-схема JSON находится на паузе / в настоящее время не поддерживается с 2021 года.

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

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

Заинтересованы? Отъезд:

  • Понимание схемы JSON
  • Спецификация
  • Учебные ресурсы
  • растущий список программного обеспечения JSON Schema

Мы рекомендуем по возможности обновляться до последней спецификации, то есть до версии 2020-12.

Вопросы? Чувствуете себя полезным? Присоединяйтесь:

  • GitHub
  • Обсуждения GitHub
  • Группы Google
  • Слабый
  • Открытый коллектив

Структурированные данные с Schema.

org | Типы и рекомендации по поисковой оптимизации

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

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

Содержание

Что такое схема и структурированные данные?

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

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

Вот несколько примеров:

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

Итак, что это за код, широко известный как разметка схемы ? Инициатива исходит от совместного сообщества под названием schema. org, которое собирает все теги, которые помогают маркетологам создавать и продвигать схемы для структурированных данных на веб-сайтах , сообщений электронной почты и т. д.

Что такое schema.org в SEO

Хотите знать, как использовать schema.org для SEO? Целью внедрения Schema является предоставление информации (детали сайта/продукта) поисковым системам , чтобы улучшить понимание контента, сделать сниппеты богаче и повысить CTR .

Да, это может показаться очевидным, но мы хотим подчеркнуть, что расширенных сниппета оказывают огромное влияние на CTR (рейтинг кликов), потому что они привлекают внимание людей больше, чем любой другой результат поиска, и это приводит к большему количеству кликов. Помните, что этот параметр определяет успешность сниппета и рассчитывается путем деления того, сколько раз он появлялся в поисковой выдаче, на количество кликов по нему. Чем больше кликов, тем выше CTR.

Расширенные сниппеты повышают CTR до 30%! Особенно, когда речь идет об оценке продуктов или услуг: рейтинги и обзоры являются наиболее влиятельными элементами расширенных описаний. Нужны дополнительные причины для их реализации? Вот хороший вариант:

В прошлом SEO-специалистам приходилось заставлять своих разработчиков писать разметку, а затем загружать ее, что приводило к длительному ожиданию, а иногда и к неправильной реализации, со множеством циклов обратной связи. Сейчас SEO-специалисты могут редактировать теги схемы, используя JSON-LD (один из кодов, принятых schema.org). Его довольно легко использовать, и все, что вам нужно сделать, помимо добавления информации, — это отправить ее разработчикам или добавить ее самостоятельно в HTML или в Диспетчер тегов Google. Мы вернемся к этому позже.

Теперь сразу появляются расширенных фрагмента ? К сожалению нет. Чтобы они появились, нужно некоторое время. Забудьте о внедрении schema.org на плохую страницу, чтобы повысить ее рейтинг. Вам по-прежнему необходимо вкладывать свои усилия в SEO для каждой отдельной страницы, поскольку Google будет оценивать, достаточно ли релевантен текст, соответствует ли то, что обрамлено тегами, содержанию страницы, получает ли она качественные ссылки или нет и т. д.

Большая полезность schema.org — разметка «organization». При этом вы можете помочь Google идентифицировать все данные вашей компании и отобразить их на графике знаний . Вам нужно будет указать логотип, контактные данные, часы работы (если это физический бизнес) и ссылку на ваши каналы в социальных сетях.

Вот пример:

Вы также можете добавить разметку schema.org веб-сайта , чтобы помочь Google генерировать дополнительные ссылки с окном поиска и даже сделать так, чтобы хлебные крошки отображались под заголовком фрагмента. Есть бесконечные возможности!

Как внедрить schema.org

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

  • Вы хотите посетить schema. org, где вы найдете каталог со всеми видами страниц, потребностей, промышленности и др.
  • Выберите отрасль или продукт, которые лучше всего определяют страницы, которые вы хотите продвигать в поисковой выдаче. Есть много информации, которую вы можете выделить, не торопитесь, чтобы выбрать правильные данные. Помните, вам не нужно включать все.
  • Выберите кодировку, соответствующую вашим возможностям, и адаптируйте ее к содержанию вашей страницы. Вы найдете его внизу страницы, скопируйте образец, чтобы начать над ним работать.
  • Добавьте разметку на свою страницу в зависимости от того, какой код вы использовали (см. следующий раздел).
  • Проверьте код с помощью инструмента тестирования структурированных данных , такого как FandangoSEO.
  • И та-да! Ваши страницы начнут выглядеть более привлекательными, чем когда-либо прежде.

Разметку schema можно использовать с 3 различными кодировками: RDFa, Microdata и JSON-LD (этот вам, вероятно, понравится больше всего).

Микроданные и RDFa

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

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

Для микроданных вы начнете с

:

А затем перейдите к другим тегам:

Пираты Карибского моря: На странных берегах (2011)

Для RDFa вы начнете с

:

И так далее…

Пираты Карибского моря: На странных берегах (2011)

Взяв в качестве примера «продукт», с микроданными вы захотите использовать эти теги: à Общий рейтинг основан на наборе отзывов или рейтингов элемента. Это ключевой влиятельный элемент, наряду со следующими двумя: à Рейтинг контента àОбщее количество отзывов URL-адрес изображения товара (не миниатюра, а только одна для каждого продукта) и т.п.

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

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

  • Для категорий (которые отображают список продуктов) вы можете выделить 1 миниатюру как «изображение», «ценовой диапазон», который группирует все отображаемые продукты, и « Платеж принят».
  • Если вы хотите выделить более одного элемента на странице категории или подкатегории, вы можете перечислить их, назначив номера с помощью ITEMREF.
  • Используйте «isRelatedTo», чтобы указать на сопутствующие товары.
  • Не забывайте про отзывы и оценки. Цена также помогает, если она конкурентоспособна.

JSON-LD

Как мы упоминали ранее, JSON-LD чаще всего используется экспертами по поисковой оптимизации, поскольку это самая простая разметка схемы для структурированных данных . Почему? Что ж, в то время как другие должны быть написаны в HTML-файле, обрамляющем слова, этот можно написать и загрузить отдельно, и Google поймет, что код относится ко всей странице. Таким образом, вы избегаете редактирования тегов HTML и потенциальной путаницы.

Вы добавите код в HTML как еще один тег, но нет необходимости трогать существующий код. Говорил тебе, что это было проще. 😉 Google рекомендует добавлять JSON-LD в раздел HTML-документа; но это нормально, если JSON-LD находится в разделе. Просто вставьте его (или спросите у разработчика, если у вас есть такая возможность).

В этом случае код будет выглядеть так: