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

alexxlab

Содержание

Schema.org — Вебмастер. Справка

Schema.org — это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.

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

Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

  1. Зачем нужна микроразметка
  2. Основные принципы разметки
  3. Как начать использовать schema.org
  4. Инструменты внедрения микроразметки
  5. Как Яндекс использует размеченные данные

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

Сравните сниппеты в поисковой выдаче для страницы сайта, участвующего в партнерской программе Яндекс Словарей – неразмеченного и размеченного семантической версткой.

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

Познакомиться с описанием стандарта можно на официальном сайте в разделе документация.

Также существует неофициальный и пока неполный перевод стандарта на русский язык на сайте: http://ruschema.org.

Любая разметка Schema.org производится в два шага:

  1. Оборачивание описания определенного типа в контейнер с указанием схемы разметки:

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

  2. Разметка отдельных свойств с указанием на конкретное свойство схемы:

     <span itemprop="streetAddress">Льва Толстого, 16</span>
<div>
  <span>Яндекс</span>
  Контакты:
  <div>
    Адрес: Льва Толстого, 16,
    119021,
    Москва,
  </div>
  Телефон: +7 495 739–70–00, 
  Факс: +7 495 739–70–70,
  Электронная почта: pr@yandex-team. ru
</div>
<div itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">Яндекс</span>
  Контакты:
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    Адрес:
    <span itemprop="streetAddress">Льва Толстого, 16</span>
    <span itemprop="postalCode"> 119021</span>
    <span itemprop="addressLocality">Москва</span>,
  </div>
  Телефон:<span itemprop="telephone">+7 495 739–70–00</span>,
  Факс:<span itemprop="faxNumber">+7 495 739–70–70</span>,
  Электронная почта: <span itemprop="email">[email protected]</span>
</div>

  • Введение в Schema.org (перевод на русский).

  • Статья на официальном сайте (на английском языке).

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

  • Для популярных CMS могут быть разработаны плагины для внедрения микроразметки. Проверить, есть ли плагин для вашего сайта, можно в CMS или в описании платформы, на которой разработан сайт.

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

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

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

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

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

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

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

  • Разметка данных об организации и ее адресе помогает Бизнесу и Поиску формировать специальные сниппеты для страниц с такой разметкой.

  • Разметка информации об изображениях помогает улучшить представление изображений на сервисе Яндекс Картинки.

  • Разметка информации о видеороликах помогает улучшить представление видеоматериалов.

Примечание.

Данные, размеченные по стандарту семантической разметки Schema.org, становятся общедоступными и могут быть извлечены и использованы любыми сервисами.

Чтобы ваш вопрос быстрее попал к нужному специалисту, уточните тему:

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

Робот Яндекса сможет проиндексировать информацию с сайта и без разметки, на показ страниц в поиске это не повлияет. Чтобы задать желаемое описание страницы в результатах поиска, используйте метатег description.

Подробное описание возможных ошибок см. в разделе Валидатор микроразметки.

Не удалось исправить ошибку


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

Зачем на самом деле используют микроразметку. Обзор от Яндекса / Хабр

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

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

В этой статье мы разберем примеры конкретных проектов, реализованных с помощью семантической разметки.

Поисковые системы стремятся к улучшению выдачи: разрабатывают колдунщики, запускают партнерские программы, собирают «базы знаний». Большая часть этих задач решается с помощью разметки. Сайты могут получить красивый сниппет, передать данные для Яндекс.Островов, а «базы знаний», которые есть почти у всех поисковых систем (Google Knowledge Graph, Bing Satori, Яндекс Entity Search), получают свежие данные.

Facebook был заинтересован в развитии индустрии приложений, поэтому дал разработчикам возможность продвигать свои проекты в социальных сетях и связываться с другими приложениями. Так — тоже с помощью разметки — Open Graph публикует записи приложений в социальных сетях, а Applinks позволяет приложениям легко ссылаться друг на друга. Позже публиковать свои записи стало возможно и в Google+.

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

  • Улучшение выдачи в поисковиках: сниппеты в Яндексе, Google, Bing и Yahoo!
  • Пополнение Баз знаний: Яндекс Entity Search, Google Knowledge Graph, Bing Satori.
  • Другие варианты использования: приложения, глубокие ссылки и почта.

Улучшение выдачи в поисковиках: сниппеты в Яндексе, Google, Bing и Yahoo!

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

  • Получение данных с помощью алгоритмов.
  • Получение данных от вебмастеров.

У обоих способов есть плюсы и минусы:

  • Разрабатывать алгоритмы интересно, но довольно затратно.
  • Запрашивать данные у вебмастеров проще, но они могут предоставлять как реальные данные, так и недостоверные. К тому же полнота предоставления таких данных вряд ли будет стопроцентной.

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

В 2008 году, когда разметка уже начала распространяться и ряд сайтов был готов передавать структурированные данные, была запущена платформа Yahoo! SearchMonkey, а через год стартовала и первая партнерская программа Яндекса. Стало понятно, что множество вебмастеров заинтересованы в честном продвижении своего сайта, делая лучше его вид на странице выдачи.

Yahoo! SearchMonkey

С мая 2008 года, когда Yahoo! SearchMonkey запустился, разработчики могли передавать семантические данные и улучшать результаты поиска своего сайта. Это была первая в мире партнерская программа для сайтов с семантической разметкой.

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

Например, добавив разметку на профили пользователей, Facebook передавал свои данные для Searchmonkey. В результатах поиска отображались данные о профиле, и можно было добавить пользователя в друзья или отправить сообщение. Также в сниппеты можно было добавлять видео, документы, флэш-игры.

SearchMonkey была признана одним из 10-ти лучших продуктов Семантического Веба 2008 года, а в октябре 2010 года в результате сделки с Microsoft была закрыта вместе с некоторыми другими сервисами Yahoo!. В блоге компании можно почитать посты о развитии SearchMonkey.

Примеры расширенных сниппетов Яндекса, Google и Bing

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

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

В Яндексе, Bing и Google красивые и структурированные сниппеты строятся на основе Микроформатов, Open Graph, Schema.org и своих расширений.
У каждой поисковой системы есть свой ряд партнерских программ. Практически везде есть программы для отзывов, рецептов, адресов и организаций.

Аккорды в Яндексе:

Музыка в Google:

Отзывы в Bing:

Подробная информация есть в документации: Яндекс, Google, Bing.

Яндекс.Острова

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

3 июля мы объявили о запуске нового дизайна.

А также рассказали о нескольких новых типах островов, формирующихся на основе Schema.org. Острова со статьей, карточкой объекта и каталогом доступны на beta.yandex.ru.

Базы знаний

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

В Яндексе так работает Entity Search, в Google — Knowledge Graph, в поисковике от Microsoft — Bing Satori. Везде работа строится по похожему принципу:

  • ответ на запрос пополняется карточкой объекта и рекомендациями;
  • данные берутся из открытых источников, таких как Freebase и Wikipedia, а также из накопленных баз знаний.

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

На конференции I/O Google в 2013 году были показаны примеры, где в область Knowledge Graph попадает информация, размеченная Schema. org.

Bign Satori, к сожалению, не работает в русскоязычном поиске. Зато есть примеры из англоязычного с интересными особенностями: в карточку объекта могут быть добавлены ссылки на лекции в TED или возможность прослушивания аудиозаписей в графе об известных личностях.

Яндекс Entity Search уже работает в Турции, а в России его можно увидеть по запросам, связанным с футбольной тематикой:

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

Другие варианты использования: приложения и глубокие ссылки

Создатели приложений для социальных сетей стремятся к тому, чтобы пользователи проводили в них больше времени, рассказывали об этом друзьям и всячески пиарили. Естественно, пользователям это не очень интересно: если они и хотят рассказывать, то о том, что они в этих приложениях делали и чего добились. К такому выводу пришел Facebook и разработал свой стандарт разметки Open Graph, с помощью которого приложения могут активно участвовать в социальных активностях пользователя. Чуть позже похожие вещи начали развивать в Google+.

В Facebook и Google+ с помощью разметки приложения могут публиковать действия пользователей на их страницах социальных сетей. Facebook называет это «пользовательскими историями», в которых можно указывать действующее лицо (пользователя), объект, действие с этим объектом и название своего приложения, с помощью которого все это действие было произведено. Используются для этого стандарты Open Graph и Schema.org.

Open Graph также могут использовать приложения с играми.

Подробная информация и примеры использования есть в документации Facebook и Google+. Также с помощью Open Graph можно контролировать превью ссылок на свой сайт — об этом мы писали в первой статье.

Глубокие ссылки

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

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

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

Такое есть в Google и Bing.

Используя на своем сайте разметку Schema.org, в Bing, например, можно связать отдельные страницы с определенными приложениями Windows. Это помогает добавлять в результаты поиска ссылки сразу на приложения. Также можно добавить разметку так, чтобы по ссылкам с сайта пользователь сразу переходил на нужные разделы в приложениях на Windows Phone.

Существует способ для межплатформенного решения связи приложений с помощью нескольких тегов от Facebook — Applinks. С помощью Applinks можно связывать приложения между собой, а с недавнего времени — ссылаться на определенные части приложения.

Разметка в почте

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

Gmail Actions позволяет добавлять кнопки для действий пользователей на основе Schema.org. Используется разметка Action — стандарт, в разработке которого также принимал участие Яндекс.

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

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

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

Аналогичная возможность есть в Microsoft: авиакомпании могут передавать данные для сервиса Cortana (аналог Siri). Для этого необходимо добавить разметку Schema.org в исходящие письма с информацией о полетах.

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

Пополнение баз вертикальных сервисов

C помощью микроразметки пополняются не только «базы знаний» поисковых систем, но и другие сервисы. Например, в Яндексе есть партнерская программа для видео. Можно передавать сервису Яндекс.Видео детальную информацию о материалах с помощью разметки Schema.org или Open Graph. Так, анализируя данные, Яндекс.Видео не только пополняет свою базу видеоматериалов, но и может более точно отвечать на запросы по разным параметрам — по актёрам и героям, жанру, году выпуска, или языку оригинала.

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

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

Микроразметка для разных типов сайтов – Блог iSEO

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

Что такое микроразметка

Существует два основных вида микроразметки, которые используют поисковые системы Яндекс и Google: Sсhema.org и Open Graph.

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

Словарь Open Graph создали в Facebook для того, чтобы сделать публикуемые с сайтов ссылки расширенными, иными словами, чтобы сайты могли красиво отображаться в социальной сети. Сегодня эту микроразметку используют все популярные социальные сети: ВКонтакте, Google+, Twitter, LinkedIn, Pinterest и др.

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

Микроразметка для разных типов сайтов

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

  • товары и цены;
  • адреса и организации;
  • отзывы об организациях;
  • видео;
  • картинки;
  • вопросы и ответы;
  • программы;
  • рефераты;
  • рецепты;
  • словарные статьи;
  • тест-драйвы;
  • фильмы.

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

Интернет-магазин

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

Товарные страницы

Для разметки товарных страниц используются схемы Product и Offer или AggregateOffer в Schema.org/Product. Таким образом информация ваших продуктовых страниц может быть представлена в виде структурированных сниппетов с описанием товара и ценой в выдаче Яндекса.

Получить такой сниппет несложно, достаточно указать в коде поля name, offers, price, pricecurrency и т.д.:


<div itemscope itemtype="http://schema.org/Product">
    <span itemprop="name">Кровать Мелисса с мягкой спинкой</span>
    <span itemprop="brand">Компания диваны</span>
    <img itemprop="image" src="https://www.iseo.ru/bitrix/templates/iseo/images/melissa.png">
    <span itemprop="description">Кровать Мелисса с мягкой спинкой и гарантией производителя</span>
    <div itemprop="offers" itemscope itemtype="http://schema. org/Offer">
        <meta itemprop="priceCurrency" content="RUB">
        <span itemprop="price">6793</span>
    </div>
</div>
Отзывы

Если на страницах товаров есть отзывы, их также можно разметить при помощи свойства AggregateRating в Product. В результате в выдаче Google в сниппете появится рейтинг и отзывы:

В коде сайта необходимо указать следующие атрибуты:


<html>
    <body>
        <div itemscope itemtype="http://schema.org/Product">
            <meta itemprop="name" content="название страницы или товара">
            <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                <meta itemprop="price" content="0.00">
            </span>
            <p itemprop="description">Описание</p>
            <div itemprop="aggregateRating" itemscope itemtype="http://schema. org/AggregateRating">
                <meta itemprop="ratingValue" content="4.63"><!-- Количество отображаемых звезд -->
                <meta itemprop="ratingCount" content="9"><!-- Количество голосов -->
            </div>
        </div>
    </body>
</html>
Контакты

Контакты размечаются при помощи Organization от Schema.org. Эта разметка позволяет компаниям попасть в справочник Яндекса, а также отражаться при поиске на Яндекс.Картах.

Пример разметки контактов в коде:


<div itemscope="" itemtype="http://schema.org/Organization">
    <div itemprop="name" itemscope="" itemtype="http://schema.org/PostalAddress">
        ООО «Айсео»
    </div>
    <div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
        Адрес: <span itemprop="postalCode"> 127473</span>,
        <span itemprop="addressLocality">Москва</span>,
        <span itemprop="streetAddress">Краснопролетарская ул. , 16 стр. 2</span>
    </div>
    Телефон: <span itemprop="telephone">+7 (495) 221-68-19</span><br>
    Электронная почта: <span itemprop="email"><a href="mailto:[email protected]">[email protected]</a></span>
    <div>
        <img alt="Логотип iSEO" src="https://www.iseo.ru/path-to-logo/logo.png" itemprop="logo">
    </div>
</div>
Картинки

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

Один из способов попасть в поиск по картинкам Google и Яндекс — применить на сайте микроразметку schema.org/ImageObject. Достаточно будет указать ссылку на изображение, описание, название картинки, подпись, размеры изображения:


<div itemscope itemtype="http://schema.org/ImageObject">
    <h3 itemprop="name">i-comference 2016</h3>
    <img src="https://www. iseo.ru/put_do_fotografii.jpg" itemprop="contentUrl" />
    <span itemprop="description">Конференция i-CoM 2016: социальные и мобильные
    коммуникации, автоматизацию маркетинга обсудят в марте.</span>
</div>

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

Чтобы эта информация отображалась корректно и не искажала исходный материал, представляя в анонсе несвязный текст или изображение, мало связанное с темой ссылки, был разработан дополнительный стандарт разметки страниц — Open Graph. По сути, он представляет собой набор тегов, которые указывают на то, как должно выглядеть отображение анонса веб-страницы в соц. сети. Для этого необходимо указать заголовок, картинку и описание:


<meta property="og:site_name" content="iSEO.ru">
<meta property="og:type" content="article"/>
<meta property="og:title" content="Здесь пишем заголовок статьи">
<meta property="og:url" content="https://www. iseo.ru/path-to-page/">
<meta property="og:image" content="https://www.iseo.ru/path-to-picture.png">

Информационные порталы и СМИ

Микроразметка для СМИ — крайне важный элемент оптимизации. Новостные и информационные ресурсы обходят специальные быстророботы, а семантическая разметка позволяет ускорить индексацию и ранжирование новостных сюжетов.

Какой контент содержат подобные ресурсы? Обычно это тексты и различный мультимединый контент. Поэтому чаще всего контент СМИ в микроразметке Schema.org/Article размечается следующими атрибутами:

  • itemscope itemtype=»http://schema.org/WPHeader» — указывает на общий контент;
  • itemscope itemtype=»http://schema.org/Article» — указывает на тело статьи;
  • itemprop=»name» — обозначает заголовок;
  • itemprop=»author» — авторство;
  • itemprop=»datePublished» (Обязательно время в формате «Y-m-d») — дата публикации;
  • itemprop=»articleBody» — текст статьи;
  • itemprop=»articleSection» — рубрика;
  • itemprop=»image» — если есть изображение.

Так как для такого вида контента важно расшаривание в соц. сетях его также необходимо размечать при помощи Open Graph.

Видеохостинг

Для сайтов с большим количеством видеоконтента, например, видеохостингов, необходима разметка роликов при помощи типа VideoObject от Schema.org или расширения Open Graph. Благодаря такой разметке на страницах поисковой выдачи доступна следующая информация о видеоролике: заставка, заголовок, текстовое описание, продолжительность, авторские права, возможность предварительного просмотра и прочее.

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

Минимальное описание видео выглядит вот так:


<div itemscope itemtype="http://schema.org/VideoObject"><!--Указаниетипа объекта-->
    <a itemprop="url" href="http://mysite.com/view/306/"><!--Ссылка на видеоролик-->
    <h2 itemprop="name">Schema. org for Videos</h2></a><!--Название видео-->
    <p itemprop="description">The schema.org markup is our recommended method for providing Google
    with the metadata needed to index your videos. Using it requires only a few non-visible changes
    to your video web page. You can find the full schema.org spec here:
    http://www.schema.org/VideoObject</p><!--Описание видео-->
    <meta itemprop="duration" content="PT6M58S"><!--Продолжительность видео в формате ISO 8601-->
    <meta itemprop="isFamilyFriendly" content="true"><!--Допустим ли просмотр видео-ролика детьми-->
    <p>Дата загрузки: <span itemprop="uploadDate">2013-06-05</span></p><!--Дата загрузки
    видео-ролика на сайт в формате ISO 8601-->
    <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"><!--Описание
    изображения редпросмотра-->
        <img itemprop="contentUrl" src="http://mysite. com/images/preview/img1.jpg">
        <meta itemprop="width" content="250">
        <meta itemprop="height" content="120">
    </span>
</div>

Не стоит забывать, что пользователи не всегда ищут фильмы по названию, в строку поиска они могут вводить имя режиссера или актеров. Для того чтобы ваш сайт показывался в выдаче по данным запросам, необходимо использовать разметку Schema.org/Movie, которая позволит получить структурированный сниппет в Яндексе:

Для этого необходимо указать подробные данные о фильме: название, актеров, жанр, описание и т.д.

Коммерческий сайт

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

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

Для этого данные станицы необходимо размечать с помощью атрибутов Question и Answer от Schema.org:


<div itemscope itemtype="http://schema.org/Question">
    <h2 itemprop="name">Просто любопытно!!! Сколько пьёт слон????</h2>
    <div itemprop="acceptedAnswer" itemscope itemtype="http://schema.org/Answer">
        <meta itemprop="upvoteCount" content="3" />
        <div itemprop="text">Зависимости от температуры воздуха они пьют
        сто–триста литров воды в день.</div>
    </div>
    <div itemprop="suggestedAnswer" itemscope itemtype="http://schema.org/Answer">
        <meta itemprop="upvoteCount" content="1" />
        <div itemprop="text">Слон, который болеет туберкулезом,
        может выпить шестьсот литров воды в день.</div>
    </div>
</div>

Проверить корректность семантической разметки на страницах сайта можно при помощи Валидатора микроразметки от Яндекса или Google. В данный момент они поддерживают все популярные форматы микроразметки, в том числе Schema.org и OpenGraph.

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

Микроразметка сайта – что это такое

Оглавление

  1. Типы микроразметки
  2. Польза микроразметки
  3. org/ListItem»> Schema.org
  4. Микроразметка и ранжирование
  5. Валидатор

Микроразметка – это стандарт, предназначенный для оптимизации семантики. С 2011 года он поддерживается поисковыми системами Google, Yahoo, Bing и «Яндекс». Назначение этого стандарта – помочь роботам точнее идентифицировать и структурировать данные на веб-страницах. Чтобы сделать микроразметку для сайта, нужно добавить в HTML-код специальные теги, внутри которых должны находиться полезные сведения. Семантическая разметка не требует формирования каких-либо отдельных файлов, так как теги размещаются в коде страницы.

micro1.jpg

micro1.jpg

Типы микроразметки

Микроданные. Этот метод разметки предназначен для описания специальных данных. С его помощью определяется информация, содержащая отзывы, дату и время события, сведения об отдельном человеке и др. Для такой микроразметки используются теги <div>, <span> и простые атрибуты. Таким способом элементам и свойствам дают описательные наименования.

Микроформаты. Такой тип разметки подразумевает использование атрибута class тегов <div> и <span>. Они представляют собой сущности и служат для описания типа данных, содержащихся на странице. Например, для описания какого-либо мероприятия у сущности будут следующие свойства: дата, время и место проведения.

RDFa. Этот метод разметки имеет расширенные возможности. Он позволяет работать с сущностями, свойствами и элементами.

«Яндекс» и Google рекомендуют применять для семантической разметки метод микроданных Schema. org, сочетающий в себе большие возможности и удобство использования.

Польза микроразметки

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

micro3.jpg

micro3.jpg

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

Schema.org

Schema.org – это стандарт, использующий микроданные. Он представляет собой набор словарей, применяющихся для описания сущностей и объектов. В настоящее время он содержит более 550 классов, но их количество постоянно увеличивается. Доработка стандарта не прекращается, в результате чего появляются новые свойства и уточняются уже имеющиеся.

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

micro4.jpg

micro4.jpg

Микроразметка и ранжирование

В «Яндексе». Поисковая система «Яндекс» учитывает наличие микроразметки при ранжировании, так как она упрощает поиск нужной информации. Это повышает метрику «Счастье пользователя», поэтому такой сайт отображается в выдаче выше. Многие сведения из микроразметки «Яндекс» использует для формирования сниппетов. При этом учитываются:

  • данные о товарах и их стоимости;
  • сведения о программах;
  • информация об организациях и отзывы о них;
  • описания фильмов;
  • рецепты;
  • описания творческих работ и рефератов;
  • разметка вопросов и ответов;
  • информация о графических изображениях и видеороликах.

В Google. При ранжировании веб-ресурсов Google микроразметку не учитывает.

Валидатор

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

micro5.jpg

micro5.jpg

Таким образом, использование микроразметки на сайте позволяет сделать веб-ресурс структурированным и более привлекательным для пользователей и поисковиков. Семантическая разметка нужна и для коммерческих, и для некоммерческих интернет-ресурсов. Микроразметка Schema.org – это наиболее популярный формат, который рекомендуется «Яндексом». Обязательно нужно размечать контактные данные организаций, описание и цены товаров в интернет-магазинах.

Яндекс — информация о компании — Семантическая разметка

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

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

Представьте, к примеру, сайт поликлиники с возможностью записи на приём к врачу через интернет. Среди всех страниц сайта поисковый робот без труда найдёт нужную — ту, где выполняется запись, — но дальше возникнут трудности. Человек легко догадается, что «Иванов», «Петров» и «Сидоров» — это фамилии врачей, «окулист», «невролог» и «терапевт» — их специализации, а «9:00», «9:30» и «10:00» — возможное время начала приёма. Компьютер же самостоятельно такие выводы сделать не может.

А если бы машина могла «читать» страницы так же, как это делает человек, она бы могла помочь в решении гораздо более сложных задач. Скажем, не просто «Записаться к врачу в поликлинику №2», а «Записаться к окулисту, о котором хорошо отзываются, в поликлинику не дальше чем в пяти километрах от моей работы, на 12-13 сентября, на утро, но не позже 11:00».

Впрочем, объяснить компьютеру, о чем идёт речь на веб-странице, вполне возможно. Для этого нужно дать ему подсказку.Такой подсказкой служит семантическая разметка или микроразметка. По сути, микроразметка — это отдельный язык с собственными словарём и синтаксисом, задача которого — помочь машинам (в частности, поисковым роботам) понять концепции, используемые людьми.

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

Чтобы понять, как работает микроразметка, рассмотрим простую фразу: «У Петра есть сын Иван». Несмотря на простоту человек может сделать из неё множество выводов: Пётр — отец (а также родитель) Ивана, отчество Ивана — Петрович, Пётр и Иван — мужчины и родственники, Пётр старше Ивана. Все эти факты очевидны, поскольку нам их подсказывает жизненный опыт. У машины такого опыта нет, поэтому она может воспринимать фразу только в её текущей формулировке

Это — та же самая фраза, но с микроразметкой. Теперь компьютер понимает, что Иван и Пётр — это имена людей, между которыми существует родственная связь (Иван — ребёнок, Пётр — родитель), и ему не составит труда отвечать на вопросы вида «Кто родитель Ивана?». Кроме того, если добавить в разметку уникальные идентификаторы (например, ссылки на страницы в соцсетях), машина сможет отличать конкретных Ивана и Петра от их тёзок.

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

Единого стандарта микроразметки пока нет. Существуют разные синтаксисы и разные словари. Например, социальные сети собирают данные о сайтах с помощью словаря Open Graph, разработанного в Facebook, а поисковики, включая Яндекс, чаще ориентируются на словарь Schema.org. Подробнее о том, как устроены словари и синтаксисы, можно прочитать в техноблоге Яндекса на «Хабрахабре».

В том или ином виде микроразметку используют около 30% веб-страниц, известных Яндексу. Отсутствие микроразметки не влияет ни на способность страницы попадать в результаты поиска, ни на её позицию в результатах поисковой выдачи. Однако в ряде случаев разметка способна значительно упростить жизнь — как сайтам, так и пользователям.

Сделать наглядный сниппет

Одно из главных достоинств микроразметки состоит в том, что она даёт поисковику возможность строить красивые «сниппеты» — короткие описания сайтов. Например, вы играете на гитаре и ищете в Яндексе [аккорды группа крови]. Если вебмастер сайта, публикующего аккорды, добавил к себе на ресурс семантическую разметку, то вы сможете просмотреть текст песни с аккордами прямо на странице с результатами поиска.

Узнать подробности

Партнёры Яндекс.Видео используют семантическую разметку для того, чтобы сообщить сервису подробности о своих видеозаписях: например, кто играет в том или ином фильме, когда он был снят, каков его жанр и для какой аудитории он предназначен. С помощью этой информации сервис может точней отвечать на запросы пользователей, которые ищут, например [кино с Джеки Чаном], [мультики для самых маленьких] или [комедии шестидесятых].

Аналогичным способом пополняются базы и некоторых других сервисов Яндекса – например, Справочника.

0"}}»>Построить Веб 3.0

В 2001 году Тим Бернерс-Ли, автор концепции Всемирной паутины, предложил идею «семантического веба». Это своего рода надстройка над «обычным» вебом, цель которой — с помощью семантической разметки объяснить машинам, о чём идёт речь на любой странице в интернете. Обладая таким знанием, машины смогут решать куда более сложные задачи, чем сейчас, и лучше понимать людей. Правда, удастся ли воплотить эту идею в жизнь, пока никто не знает.

Микроразметка Shema.org, OpenGraph, Microdata для Яндекс и Google

  • Что такое микроразметка и зачем она нужна?
    • Зачем сайту микроразметка?
    • Наличие разметки влияет на позиции сайта?
    • Всем ли сайтам это нужно?
  • Какие бывают виды?
    • Schema.org
    • Open Graph
    • Микроформаты
  • Примеры
    • Микроразметка контактов
    • Микроразметка товаров
    • Микроразметка статей
    • Микроразметка «хлебных крошек»
  • Валидатор микроразметки (проверка)
  • Подводим итоги

Что такое микроразметка и зачем она нужна?

Многие слышали о микроразметке, но никогда ее не применяли. Основная причина — непонимание, что это такое и зачем нужно. Сейчас мы все по порядку расскажем.

Семантическая разметка или микроразметка была введена поисковыми системами относительно недавно (начиная с 2011 года). Основная цель — сделать сайт более понятным для поисковой системы. Сразу приведем пример.

Поисковику важно понимать, есть на сайте телефон или его нету. От этого зависит очень многое. Телефон можно найти по маске +7 ххх хх-хх-хх и подобным. В этом сложности нет. Но как отличить телефон от факса? Если сам сайт не «сообщит», какой номер к чему относится, то сделать это невозможно.

Такая же сложность есть и с текстом. Как отличить кулинарный рецепт от статьи на тему приготовления пищи?

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

Приведем самый простой пример:

Предположим, у нас есть отрывок из верстки страницы с контактами:


<div>
  <span>DH Agency</span>
  Контакты:
  <div>
    Санкт-Петербург, ул.  Верности 6
   
  </div>
  Телефон: +7 000 00–00–00, 
  Факс: +7 000 00–00–00, 
  Электронная почта: [email protected]
</div>

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


<div itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">DH Agency</span>
  Контакты:
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    Адрес:
<span itemprop="addressLocality">Санкт-Петербург</span>
    <span itemprop="streetAddress">ул. Верности 6</span>
  </div>
  Телефон:<span itemprop="telephone">+7 000 00–00–00/span>,
  Факс:<span itemprop="faxNumber">+7 000 00–00–00</span>,
  Электронная почта: <span itemprop="email">[email protected]</span>
</div>

Довольно просто и интуитивно понятно, не так ли? Нужно знать только синтаксис. Вся разметка делается в коде сайта, никаких дополнительных файлов создавать не придется.

Сразу ответим на самые популярные вопросы.

Зачем сайту микроразметка?

Если поисковая система понимает, какой материал находится на сайте, то она постарается сделать сниппеты максимально привлекательными. Расположить цену, условия, ответы/вопросы, отзывы и т.д.

К примеру, Яндекс может написать цену на товар рядом с Вашим сайтом.

Кроме этого, микроразметка помогает точнее разобраться в коммерческих факторах — телефонах, адресах, ценах и подобных.

Наличие разметки влияет на позиции сайта?

Напрямую никакого влияния на позиции и «видимость» сайта нет. Однако, есть косвенные причины:

  1. Микроразметка влияет на сниппеты и делает сайт заметнее в выдаче. Что в итоге приводит к увеличению посещаемости при прочих равных условиях.
  2. Яндекс и Гугл любят качественный и понятные сайты. Микроразметка, это еще одна ступень приведения сайта в «порядок».
Всем ли сайтам это нужно?

Да, всем. Разметка контактов и других основополагающих элементов желательна для любого ресурса. Но не для всех видов товаров и услуг можно передать данные в сниппеты. К примеру, сейчас поддерживаются:

  • Кулинарные рецепты;
  • Вопросы и ответы;
  • Отзывы;
  • Цены на товары;
  • Описания товаров;
  • Некоторые другие категории.

Какие бывают виды?

Существует несколько вариантов (синтаксисов) сообщить роботу, что находится у Вас на сайте. Самый распространенный и используемый — разметка «по правилам» shema.org. Именно ее и рекомендует Яндекс.

Кроме данной разметки существует еще Open Graph (разработан Facebook). Данный вид разметки больше ориентирован на соц. сети и используется ВК, ФБ, Твиттер, Гугл Плюс и другими.

Существует так же еще один формат —  JSON-LD, но он используются только Яндекс Почтой. Изменить информацию в сниппетах при его помощи не получится.

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

Schema.org

Schema.org — это самый популярный формат микроразметки, который понимают все популярные поисковые системы. Формат позволяет описать сотни различных сущностей и рассказать об их свойствах.

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


<div itemscope itemtype="http://schema.org/Organization" >
Тут будут находиться Ваши данные
</div>

(Вас не должно пугать наличие ссылки на сторонний ресурс. Не стоит прописывать тэгов rel=»nofollow» и подобные.)

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


<span itemprop="streetAddress">Россия, Санкт-Петербург, ул. Верности</span>

Подробный синтаксис можно посмотреть на официальном сайте — http://schema.org. (Не официальный перевод на русский язык — http://ruschema.org)

Open Graph

Данный формат разработан социальной сетью Facebook и позволяет создать привью, которое формируется, когда в соц. сетях размещается ссылка на сайт.

Данную разметку используют все популярные социальные сети — ВКонтакте, Фэйсбук, Твиттер, Линкедин. Яндекс при помощи Open Graph передает данные в свой сервис «Видео».

Кроме формирования привью данный формат подходит для разработчиков приложений.
Синтаксис и подробную информацию можно найти на официальном сайте — http://ogp.me

Микроформаты

Это достаточно популярный способ семантической разметки для HTML страниц. Он позволяет поисковым роботам понимать смысловые значения контента. Сделан он довольно «необычным» способом. Что бы передать поисковому роботу информацию, элементу присваивается атрибут «class», который имеет значение схожее с именем свойства. К примеру, адрес будет выглядеть таким образом:


<div> Россия, Санкт-Петербург, ул. Верности, 6 </div>

В отличии от других форматов Вам не придется прописывать «лишних» тэгов.

Микроформаты используются множеством сервисов по всему миру, в том числе и Яндексом. Правда, стоит сказать, что на данный момент Яндекс поддерживает не все микроформаты. (актуальный список поддерживаемых форматов можно найти в Интернете)

Подробная информация о синтаксисе доступна на официальном сайте — http://microformats.org/wiki/Main_Page

Какой формат лучше использовать?

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

Следовать данным рекомендация или нет — дело Ваше.

Примеры

Мы приведем примеры только для самой популярной schema.org. Если Вы выберите для своего сайта аналог, то примеры всегда сможете найти в Интернете и на официальных сайтах микроразметок.

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

Размечать контактную информацию следует на всех сайтах без исключения. Это позволит поисковой системе разобраться в коммерческих факторах, а так же структурировать сниппет.
С микроразметкой

Без микроразметки


<div itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">Фабрика плюшевых ежей "С иголочки"</span>
  Контактная информация:
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    Адрес фабрики:
<span itemprop="addressLocality">Москва</span>
    <span itemprop="streetAddress">ул.  Ленина 140</span>
  </div>
  Телефон:<span itemprop="telephone">+7 945 00–00–00/span>,
  Факс:<span itemprop="faxNumber">+7 945 00–00–00</span>,
  Электронная почта: <span itemprop="email">[email protected]</span>
</div>
Пример микроразметки товара:

Эффективнее всего микроразметка проявляет себя при описании товаров. В сниппете появляется цена, преимущества, описание товара и другая важная информация.
С микроразметкой

Без микроразметки


<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Плюшевый еж "Уф Уф"</span>
<span itemprop="brand">Фабрика плюшевых ежей "С иголочки"</span>
<span itemprop="model">Номер модели 964893NM</span>
<img itemprop="image" src="Ссылка на изображение ежа" />
<span itemprop="description">Текстовое описание товара. </span>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="Валюта - рубли, доллары, евро" />
<span itemprop="price">Стоимость товара</span>
<span itemprop="seller">Продавец товара</span>
</div>
</div>
Пример микроразметки статьи:

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

Без микроразметки


<div itemscope itemtype="http://schema.org/BlogPosting">
 
    <link itemprop="mainEntityOfPage" itemscope href="Ссылка" />
 
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <div itemprop="logo" itemscope itemtype="https://schema. org/ImageObject">
            <img alt="Логотип сайта" itemprop="image url" src="Ссылка на логотип сайта"/>
            <meta itemprop="width" content="размер в пикселях">
            <meta itemprop="height" content="размер в пикселях">
        </div>
        <meta itemprop="telephone" content="Телефон">
        <meta itemprop="address" content="Адрес">
        <meta itemprop="name" content="Название">
    </div>
 
    <meta itemprop="datePublished" content="Дата публикации">
 
    <meta itemprop="dateModified" content="Дата последнего редактирования статьи">
 
    <span itemprop="author" itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">Автор статьи</span>
    </span>
 
    <div itemprop="articleBody">
 
        <h2 itemprop="headline">Заголовок Вашей статьи</h2>
 
        <span itemprop="image" itemscope itemtype="https://schema. org/ImageObject">
            <img itemprop="image url" alt="Описание изображения" src="Ссылка на изображение"/>
            <meta itemprop="width" content="размеры в пикселях">
            <meta itemprop="height" content="размеры в пикселях">
        </span>
 
        <p>Тут идет основной текст статьи, который можно разбить на абзацы. Разрешено использование всех html тэгов разметки.</p>
        
    </div>
</div>
Пример микроразметки «хлебных крошек»

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

Без микроразметки



<ul itemscope itemtype="http://schema.org/BreadcrumbList">
   <li itemprop="itemListElement" itemscope itemtype="http://schema. org/ListItem">
<a href="/" title="Основной раздел" itemprop="item">
<span itemprop="name">Основной раздел</span><meta itemprop="position" content="0">
</a>
   </li>
   <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="/uroven-one/" title="Подраздел уровня 1" itemprop="item"><span itemprop="name">Подраздел уровня 1</span><meta itemprop="position" content="1"></a>
   </li>
   <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="/uroven-one/uroven-two/" title="Подраздел уровня 2" itemprop="item"><span itemprop="name">Подраздел уровня 2</span><meta itemprop="position" content="2"></a>
   </li>
</ul>

Валидатор микроразметки

После того, как Вы сделали микроразметку сразу встает вопрос, как ее проверить? Как убедиться, что поисковая система правильно поймет все то, что Вы написали?

Для этих целей Яндекс и Гугл сделали онлайн сервисы по проверке корректности синтаксиса разметки.
Сервис Яндекса доступен в Вебмастере в разделе «Инструменты» -> «Валидатор микроразметки».

(Напомним, что Яндекс Вебмастер доступен по ссылке — https://webmaster.yandex.ru)

Сервис Гугл доступен по ссылке — https://search.google.com/structured-data/testing-tool?hl=ru

Будьте предельно внимательны! Данные сервисы проверяют только синтаксис разметки. Оценить корректность данных они не в состоянии. Проверяйте несколько раз, корректно ли описаны сущности.

Подводим итоги

Микроразметка нужна как для коммерческих, так и для информационных ресурсов. Каким синтаксисом пользоваться зависит от целей и личного желания. Если у Вас одна из популярных CMS, таких как Joomla!, WordPress и MODx, то размечать каждую статью нету надобности. Все можно сделать в шаблоне один раз.

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

Правил обработки разметки — Вебмастер. Help

Üzgünüz, bu belge Türkçe diline henüz çevrilmedi.
Sayfada belgenin varsayılan dili gösterilmektedir: İngilizce .

Для добавления контактной информации воспользуйтесь формой География сайта → Адреса и организации в Яндекс.Вебмастере. Ввод контактной информации через форму аналогичен разметке страниц сайта. Данные, отправленные через форму Яндекс.Вебмастер, добавляются в Яндекс.Бизнес и отображаются в различных сервисах Яндекса.

Яндекс обрабатывает карты по правилам, указанным в спецификации формата.

Классы, предоставляемые форматом hCard, можно комбинировать с другими классами CSS. Например, атрибут class корневого элемента карты может содержать в дополнение к имени класса vcard любой набор имен классов, отличных от hCard:

 
. ..

то же самое относится к элементам, которые являются свойствами карты.

Существуют ограничения на объединение классов hCard. Не допускается отмечать элемент класса vcard с другим классом hCard. Кроме того, не рекомендуется вкладывать свойства. Например, вы не можете поместить элемент класса tel внутри элемента класса adr (эта структура может быть обработана неправильно). Исключение сделано для вложенных свойств, которые явно указаны в стандарте, таких как название страны , регион , населенный пункт , улица-адрес , расширенный адрес , почтовый индекс 9свойства 0015, вложенные в свойство adr ; свойства широты и долготы , вложенные в свойство geo , и так далее.

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

Кроме того, вы можете пометить часть видимого текста элемента как значение свойства. Для этого к этому элементу добавляем вложенный элемент с классом value .

Пример:

 
Справочная: +7 (890) 123-45-67

В этом случае значение свойства тел равно «+ 7 (890) 123-45-67».

Чтобы сделать значение свойства невидимым для посетителей сайта (отображать вместо него другой текст на странице или вообще ничего), используйте вложенный элемент класса класс value-title с атрибутом title . В этом случае значение атрибута title назначается как значение свойства.

Примеры:

 <дел>
  123-45-67
 
 <дел>
    123-45-67

В обоих случаях значением свойства tel является «+7 (890) 123-45-67». Второй вариант позволяет избежать отображения всплывающего окна с «фактическим» значением свойства всякий раз, когда пользователь наводит указатель мыши на номер телефона.

Средства проверки и тестирования разметки структурированных данных | by Ronalds Vilcins

Средства проверки и тестирования разметки структурированных данных | Рональдс Вилчинс | Medium

Улучшите отображение вашей страницы в поисковой выдаче

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

  • Инструмент тестирования структурированных данных Google. Инструмент тестирования структурированных данных (SDTT) предоставляет множество способов разработки, тестирования и изменения структурированной разметки. Вы можете загрузить разметку в инструмент либо напрямую, либо указав URL-адрес.
  • Яндекс Валидатор структурированных данных — Валидатор позволяет проверять все наиболее распространенные микроформаты: микроданные, schema. org, микроформаты, OpenGraph и RDF. Однако не все форматы поддерживают специальные фрагменты или использование аннотированных данных.
  • Средство проверки разметки Bing — попробуйте средство проверки разметки и проверьте разметку, которую вы добавили на свои веб-страницы, включая микроданные HTML, микроформаты, RDFa, Schema.org.
  • JSON-LD Playground — поэкспериментируйте с разметкой JSON-LD, введя код JSON ниже и увидев, что из этого получится, в нижней части страницы. Выберите любой из приведенных ниже примеров, чтобы начать. Игровая площадка использует процессор jsonld.js JSON-LD, который полностью соответствует спецификациям JSON-LD Syntax и API.
  • RDFa Play — Вставьте код HTML+RDFa и просмотрите визуализацию данных. Вы также можете просмотреть необработанные данные, щелкнув вкладку «Необработанные данные».
  • Отладчик Facebook. Вы можете использовать отладчик общего доступа для просмотра информации, которая используется, когда контент вашего веб-сайта публикуется в Facebook, Messenger и других местах. Пакетный инвалидатор позволит вам обновить эту информацию для нескольких URL-адресов одновременно. Разметка Open Graph позволяет вам контролировать то, как содержимое вашего веб-сайта отображается для других.
  • Тестер разметки электронной почты Google — Расширьте возможности своих электронных писем с помощью разметки schema.org.
  • RDF Translator — RDF Translator — это многоформатный инструмент преобразования для структурированной разметки. Он обеспечивает переводы между форматами данных, начиная от RDF/XML и заканчивая RDFa или Microdata. Сервис позволяет выполнять преобразования, инициированные либо URI, либо прямым вводом текста. Кроме того, он поставляется с простым REST API для разработчиков.
  • Структурированный линтер данных. Структурированный линтер данных — это инструмент, помогающий веб-мастерам и веб-разработчикам проверять структурированные данные, представленные на их HTML-страницах. Поисковые системы используют структурированные данные для более точного понимания веб-страниц и представления расширенных результатов поиска. Линтер понимает форматы микроданных, JSON-LD и RDFa в соответствии с их последними спецификациями.
  • Инструмент микроданных — небольшой вставной скрипт jQuery, который вы можете включить на свою страницу и иметь под рукой удобный браузер/валидатор, даже без подключения к Интернету или даже без веб-сервера.
  • Mida — Mida — это библиотека для извлечения/парсера микроданных для Ruby.
  • Помощник по разметке структурированных данных Google — этот инструмент поможет вам добавить разметку структурированных данных на пробную веб-страницу.
  • Генератор микроданных — Генератор Schema.org.
  • Инструменты веб-кода — Лучший генератор веб-кода (HTML, CSS, микроданные, Twitter Cards, Open Graph).
  • Генератор микроданных — простой в использовании генератор микроданных для добавления тегов Schema.org на ваш сайт.
  • JSON LD Site Name Generator — с помощью этого генератора json ld имени сайта вы можете легко сгенерировать фрагмент данных Strucure и добавить его на свой веб-сайт.
  • Генератор схемы JSON-LD для SEO — с помощью этого инструмента вы можете быстро сгенерировать правильный JSON-LD для любой страницы вашего сайта.
  • Букмарклеты RDFa-Lab — сохраните их как закладки, а затем активируйте на соответствующей странице, чтобы активировать их эффект.
  • Визуализатор Schema.org — визуализатор для Schema.org.
  • Инструмент проверки структурированных данных — это расширение Google Chrome использует инструмент проверки структурированных данных Google для проверки разметки структурированных данных и расширенных фрагментов. Инструмент проверки структурированных данных проверяет все форматы метаданных, поддерживаемые инструментом проверки структурированных данных Google, включая микроданные, схемы, RDFa и JSON-LD.

Я пью много чая и создаю красивые сайты. Если вы хотите поработать вместе или просто начать общение 👉 https://www.ronaldsvilcins.com/

Любите подкасты или аудиокниги? Учитесь на ходу с нашим новым приложением.

Попробуйте познание

РЕКОМЕНДАЕТСЯ С МЕЛЬНЯ

ALAN BI

Мой опыт запуска статизификации, мой первый продукт

Kris Moris

Все, что вам нужно знать о Leo-Part 1

999999999 2968

. Sankhla

Создание экземпляров EC2 с предварительно созданными заменителями….

Рене Гош

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

Tom Kaszuba

Стратегии эволюции схемы AVRO на KAFKA

ANSHULTRIVEDI

ROBOTICE AWADATION: Автоматизация

Geraldo Galvã

8888.

Mr. Tac

Часть 3: Привет, приложение PT

0169

Я пью много чая и создаю красивые сайты. If you are looking to work together or just start a conversation 👉 https://www.ronaldsvilcins.com/

Status

Writers

Careers

Privacy

Knowable

Yandex Archives - DATAVERSITY

Advertisement

А. Р. Угадай

Анджела Гесс В новом пресс-релизе сообщается: «Повышение градиента — это форма машинного обучения, которая анализирует широкий спектр входных данных. Он работает путем постепенного обучения более сложных моделей, чтобы максимизировать точность прогнозов. CatBoost был разработан для поддержки широкого спектра форматов данных. Он особенно эффективен для […]

Дженнифер Зайно

Дженнифер Зайно Яндекс выходит за рамки веб-поиска и работает на предприятиях. На этой неделе компания объявила о создании нового предприятия, фабрики данных Яндекса, которая будет применять свои продукты и алгоритмы машинного обучения, на которых основано более 70% ее собственных продуктов и приложений, для решения проблем больших данных в бизнесе. Использование уже существующей клиентской […]

Дженнифер Зайно

Дженнифер Зайно Хотели бы вы принять участие в проекте schema.org? Мы более чем приветствуем ваш вклад в совместную работу Bing, Google, Yahoo и Yandex по созданию общего словаря разметки для веб-страниц. Как отметил Дэн Брикли, защитник разработчиков в Google, во время своей презентации о прогрессе schema.org до […]

А.Р. Угадай

Марк Альбертсон из Examiner недавно написал: «Конечно, это было необычное зрелище. На сцене конференц-центра вместе стояли компьютерные инженеры из четырех крупнейших поисковых провайдеров в мире (Google, Yahoo, Microsoft Bing и Яндекс)».

Дженнифер Зайно

Дженнифер Зайно Последние несколько месяцев были свидетелями украинского кризиса, антиправительственных демонстраций, последовавших за укреплением связей бывшего президента Виктора Януковича с Кремлем, его бегством из страны после восстания против него и аннексией Крыма Россией. . Продолжается напряженность между Украиной, которая планирует новые президентские выборы […]

Дженнифер Зайно

Дженнифер Зайно Связанные данные: структурированные данные в Интернете теперь доступны в мягкой обложке. Книга, написанная Дэвидом Вудом, Маршей Зайдман, Люком Рутом и Майклом Хаузенбласом, а также автором Тимом Бернерсом-Ли, направлена ​​на то, чтобы дать основным разработчикам, не имевшим предыдущего опыта работы со связанными данными, практические методы их интеграции в [. ..] ]

Дженнифер Зайно

, Дженнифер Зайно Интересуетесь, как изменился сайт schema.org за последние пару лет с момента его рождения? Если вы были на конференции The International Semantic Web Conference в Сиднее пару недель назад, вы, возможно, застали сотрудника Google Раманатана В. Гуха — автора schema.org — с программным докладом о […]

.

Дженнифер Зайно

Поисковая система Яндекс заявила сегодня, что она повышает точность таргетинга на рекламную аудиторию и что существует потенциал для увеличения рейтинга кликов по баннерной рекламе на сотни процентов. Чтобы добиться этого, производитель поисковой системы усовершенствовал свою технологию поведенческой аналитики Crypta, основанную на методе машинного обучения MatrixNet и чей самый ранний […]

Дженнифер Зайно

Яндекс, ведущий российский поисковый интернет-сервис, потерял соучредителя и Технического директора Илью Сегаловича. Как сообщает компания, у Сегаловича была диагностирована излечимая форма рака, и он хорошо реагировал на лечение, прежде чем неожиданно скончался от осложнений. DBpedia уже отчиталась об этой новости, как и Freebase. Портфель Яндекса […]

Дженнифер Зайно

Электронная почта становится умнее. Gmail может использовать JSON-LD и schema.org для разметки информации в электронных письмах для поддержки взаимодействия с получателями: действие RSVP для событий, действие проверки для ресторанов, фильмов, продуктов и услуг; действие в один клик для всего, что можно выполнить одним щелчком мыши; действие перехода для более сложных взаимодействий […]

Schema Markup 101: Использование структурированных данных для поисковой оптимизации

Если вы никогда не слышали о микроразметке и не использовали ее, вы оказываете медвежью услугу своему веб-сайту. Как только вы поймете концепцию микроразметки, вы всегда захотите использовать эту мощную технику SEO.

Что такое разметка схемы?

Разметка Schema — это код (семантический словарь), найденный на schema.org и созданный Google, Yandex, Bing и Yahoo в 2011 году совместными усилиями. Разметка Schema используется для более четкого предоставления информации поисковым системам для понимания вашего контента. В свою очередь, это помогает предоставлять пользователям более качественную и точную информацию в расширенных фрагментах, которые отображаются под заголовком страницы, и Google вознаграждает вас за ее использование.

Вот пример пользователя, ищущего «seo minneapolis», где Google вернул фрагмент с разметкой для часто задаваемых вопросов по SEO.

В этом примере разметка говорит Google отображать FAQ по поисковой оптимизации. Для пользователей, которые ищут услуги SEO, список часто задаваемых вопросов — отличный способ получить информацию, необходимую им для принятия обоснованного решения. Список компаний без разметки схемы будет найден ниже в поисковой выдаче.

Типы разметки

На первый взгляд код может показаться сложным; тем не менее, микроданные — отличное место для начинающих. Micordata — это набор тегов, упрощающий работу с HTML-элементами с машиночитаемыми тегами. Для Google информация кристально ясна и легко читается.

Разметка Schema представлена ​​в различных форматах: Micordata, JSON и RDFa.

Вот список различных типов. В настоящее время Google предпочитает JSON.

RDFa обозначает структуру описания ресурсов в атрибутах. Это форма кода, которую можно добавить в любой документ на основе HTML, XHTML и XML.

RDFa

Атрибуты RDFa включают:

about — для указания ресурса, о котором метаданные

rel и rev — для указания связи и обратной связи с другим ресурсом

src, href и resource – для указания партнерского ресурса

content – ​​для переопределения содержимого элемента при использовании атрибута свойства

тип данных – для указания типа данных текста, указанного для использования с атрибутом свойства

typeof – для указания типа RDF субъекта или партнерского ресурса

Микроданные

Реализация микроданных похожа на RDFa, и ее атрибуты включают следующее:

itemscope – для создания элемента и указания, что остальная часть элемента содержит информацию об этом

itemtype – для описания элемента и свойств с допустимым URL-адресом словаря (например, «https://schema. org»)

itemprop – для указания того, что содержащий тег имеет значение указанного элемента property (например, itemprop="name")

itemid – для указания уникального идентификатора элемента

itemref – для ссылки на свойства элемента, которые не содержатся в itemscope. Это предоставляет список идентификаторов элементов с дополнительными свойствами в другом месте документа

JSON-LD

JSON-LD означает нотацию объекта Javascript для связанных объектов. Этот стиль аннотации может реализовать схему путем вставки непосредственно в тег или веб-документа. Нотация использует атрибуты «@context» и «@type» для указания словаря (schema.org).

Почему важна схема?

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

В настоящее время Google поддерживает следующие схемы:

  • Статья
  • Книга
  • Панировочные сухари
  • Карусель
  • Корпоративный контакт
  • Курс
  • Обзор критиков
  • Набор данных
  • Совокупный рейтинг работодателя
  • Событие
  • Проверка фактов
  • Вакансия
  • Прямая трансляция
  • Местный бизнес
  • Логотип
  • Действия со СМИ
  • Род занятий
  • Товар
  • Страница вопросов и ответов
  • Рецепт
  • Фрагмент обзора
  • Окно поиска дополнительных ссылок
  • Социальный профиль
  • Разговорный

Как добавить разметку схемы на свой веб-сайт

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

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

9Примеры использования

Электронная торговля:

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

 Местный бизнес:

 

схема.

Существует два способа добавления структурированных данных: 1) ручное редактирование HTML-файла и 2) использование плагина. Мы объясним, как использовать оба варианта.

Помощник по разметке структурированных данных Google (обработка вручную)

В ручном процессе помогает Помощник по разметке структурированных данных Google. Этот инструмент позволяет визуально помечать страницы и генерировать необходимый HTML-код; однако вам необходимо отредактировать файлы HTML.

Вот пошаговый процесс:

Откройте Помощник по разметке структурированных данных Google

Выберите тип схемы

Введите URL-адрес

Начать тегирование

Вы увидите свою веб-страницу слева и доступные теги схемы справа. Отсюда слева выделите области и назначьте тег.

Предпочтительный формат разметки Google — JSON. Загрузите файл сценария и добавьте его в раздел HEAD.

Добавление структурированных данных (автоматизированный способ)

Ручной процесс не самый простой и предназначен для опытных специалистов по SEO.

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

Использование плагина Yoast SEO

Плагин Yoast SEO предлагает бесплатную версию со встроенной поддержкой следующих схем:

Веб-страница

Организация

Человек

Статья

Изображение

8 Добавление всех плагинов Yoast информация о схеме автоматически.

Перейдите в «Внешний вид поиска» — «Общие» — выберите «Организация»

Добавьте необходимые поля и нажмите «Сохранить изменения», плагин добавит разметку JSON на вашу страницу.

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

Вот список инструментов, помогающих создавать разметку схемы и проверять ее.

Генераторы схем

  • Маркер данных Google
  • Помощник по разметке структурированных данных Google
  • Генератор схем JSON-LD от Merkle

Валидаторы и средства тестирования

  • Яндекс Разметка структурированных данных
  • API валидатора структурированных данных Яндекса
  • Средство тестирования структурированных данных
  • Расширенные карты Google Search Console
  • Тестер расширенных результатов Google
  • Средство проверки разметки инструментов Bing для веб-мастеров

10 типов разметки схемы и расширенных сниппетов (+преимущества)

Следует ли использовать разметку Schema?

Верны ли заявления о том, что это поможет ранжированию вашей поисковой системы?

В этой статье мы рассмотрим основы разметки Schema, а также ее преимущества.

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

К концу этой статьи вы узнаете, может ли разметка Schema помочь SEO вашего сайта.

Вы узнаете:

  • Что такое разметка схемы?
  • Преимущества разметки схемы
  • Расширенные фрагменты
  • Элементы поисковой выдачи Google
  • Как найти разметку схемы

Что такое разметка схемы Google?

Вы новичок в SEO?

Не беспокойтесь, это не так сложно, как вы думаете.

Schema.org, инициатива, запущенная основными поисковыми системами, такими как Google, Bing (Microsoft), Yahoo! и Yandex в июне 2011 года, представляет собой форму структурированных метаданных, помогающих поисковым роботам распознавать контент веб-сайта и классифицировать его должным образом.

Говоря человеческим языком, это тип кода, который сообщает поисковым системам, что такое контент вашего веб-сайта, а не только то, что он ГОВОРИТ.

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

Это часть концепции Semantic Web, предложенной Тимом Бернерсом-Ли в 2001 году — идея о том, что каждый фрагмент контента в сети может быть понят и организован машинами ( в данном случае — поисковыми системами ).

Разметка Schema обширна и разнообразна и содержит сотни различных объектов.

Позволяет точно описать большую часть вашего контента, независимо от вашей ниши или типа бизнеса.

Базовый словарь в настоящее время содержит 779 типов, 1390 свойств, 15 типов данных, 81 перечисление и 437 членов перечисления.

Более 10 миллионов веб-сайтов используют его для обогащения страниц результатов поисковых систем. Хорошей идеей может быть добавление разметки схемы в вашу SEO-стратегию.

Давайте углубимся.

Преимущества разметки схемы

Когда вы просматриваете поисковую выдачу Google, типичный результат содержит заголовок, URL-адрес и описание страницы.

Все, кроме заголовка, URL-адреса и описания, является результатом добавления кода разметки Schema.

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

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

Доверие

Повышают ли преимущества разметки Schema непосредственно ваш рейтинг в Google, все еще обсуждается.

Некоторые эксперты по SEO клянутся, что используют Schema для SEO — она появляется в 33% результатов поиска.

Однако официальное заявление Google заключается в том, что он не повышает ранги напрямую.

Имейте в виду, что преимущества разметки Schema в основном косвенные.

Это помогает вашему рейтингу в поисковой выдаче, потому что Schema придает вашему сайту дополнительный авторитет и полезность.

CTR

Повышение полезности результатов поисковой выдачи увеличивает CTR, что напрямую влияет на рейтинг в поиске.

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

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

Потому что, когда вы выделяетесь, люди переходят на ваш сайт.

Вот в чем дело, верно?

Например, ниже показан фрагмент поисковой выдачи Schema:

Этот результат поиска выделяется и выглядит профессионально.

Можно даже подумать, что Google его спонсирует.

Представление в элементе SERP, таком как диаграмма знаний, окно вопросов и ответов или просто наличие результатов поиска с расширенными фрагментами, создает впечатление авторитета и авторитета.

Потому что Schema практически неизвестна среднему Джо, просматривающему Google, и все же преимущества разметки Schema определяют многое из того, что средний Джо может и увидит в поисковой выдаче.

Расширенные фрагменты

Проще говоря, расширенные фрагменты оживляют обычные результаты поиска.

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

Вы даже можете использовать собственный инструмент тестирования структурированных данных в Google Search Central для проверки разметки структурированных данных и расширенных результатов.

Отзывы:

Одним из наиболее распространенных расширенных фрагментов в Google является фрагмент обзора ( продуктов, рецептов или чего-либо еще, что содержит отзывы пользователей ):

Фрагменты обзора используют атрибут схемы AggregateRating, который может отображаться при любом поиске. результат с оценками пользователей.

Показывает средний рейтинг + общее количество отзывов.

Другие типы отзывов также могут всплывать во фрагменте — посмотрите эту редакционную оценку рецензента:

Это один из самых ценных типов разметки Schema для маркетинга.

Привлекательный и легко узнаваемый.

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

97% покупателей говорят, что просмотр отзывов влияет на их решение о покупке, а 92% с меньшей вероятностью купят товар, если отзывов нет!

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

Информация о продукте:

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

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

Мощный маркетинговый инструмент!

Если вы предлагаете конкурентоспособные цены, этот код разметки Schema особенно полезен.

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

Рецепты:

Рецепты могут иметь расширенные фрагменты, такие как время приготовления, рейтинги, количество калорий и т. д. 

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

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

Легко понять, как этот тип разметки Schema может повысить посещаемость вашего сайта.

Например, если у вас есть ресторан, вы можете предложить бесплатный рецепт через фрагмент рецепта.

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

Музыка:

Музыкальный фрагмент позволяет отображать информацию о песнях и альбомах.

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

Этот код разметки Schema полезен для обеспечения дополнительной ценности для искателя.

Поскольку вы предоставляете им информацию о песне или альбоме, которые они искали, они с большей вероятностью перейдут на ваш веб-сайт.

События:

Фрагмент событий является одним из наиболее эффективных маркетинговых методов Schema по двум причинам.

  1. Фрагмент, связанный с событиями, может отображать:
  • Местоположение ( также отображается в поиске с геотаргетингом )
  • Дата и время
  • Изображения
  • Имена исполнителей
  • Цены
  1. Определение события относительно широкое — вы можете рекламировать:
  • Встречи
  • Концерты
  • Гонки
  • Фестивали

Однако пометка контента как события вводит в заблуждение, и это категорически запрещено.

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

Документация Schema о фрагменте событий дает конкретные указания о том, как реализовать эту разметку Schema.

Элементы поисковой выдачи Google

Элементы поисковой выдачи Google — это еще одна реализация Schema для уникальной структуризации результатов поиска.

Они часто отображаются вверху или справа в поисковой выдаче, и у них есть свои функции.

Самое главное, они ВЫДЕЛЯЮТСЯ, потому что не похожи на обычные результаты поиска.

Вот некоторые из них, с которыми мы все ежедневно взаимодействуем.

Видео-карусель:

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

Карусели обычно размещаются вверху первой страницы.

Он собирает видео со всего Интернета, включая YouTube.

видео на YouTube являются наиболее частым результатом — согласно исследованию Statista, YouTube является вторым по посещаемости веб-сайтом в мире ( с более чем 24 миллиардами просмотров в месяц! ).

Это один из элементов поисковой выдачи, который вы можете напрямую отслеживать с помощью ProRankTracker.

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

Чтобы отслеживать положение вашего видео в карусели, добавьте URL-адрес в ProRankTracker.

Если вы просто хотите отслеживать позицию своего видео в поисковой выдаче YouTube, вы также можете сделать это с помощью ProRankTracker.

Видео-карусели и пакеты с закусками ( мы поговорим о следующих ) — одни из самых ценных позиций в поисковой выдаче.

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

Список местных компаний/набор закусок:

Пакет с закусками — это Святой Грааль местного SEO.

Это мощный эквалайзер.

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

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

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

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

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

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

Отслеживание эффективности списков пакетов с закусками в разных местах очень важно, потому что это помогает вам знать, какие изменения нужно внести.

Вы можете отслеживать эти уникальные позиции напрямую, используя функцию локального и мобильного отслеживания ProRankTracker.

Отслеживание позиций местного бизнеса в нескольких местах позволит получить наиболее точную картину эффективности вашего бизнеса.

Вот пример использования ProRankTracker для отслеживания списка местных предприятий для бизнеса в Квинсе, штат Нью-Йорк.

Мы выбрали 3 ключевых местоположения в районе Квинса, чтобы получить представление о том, как работает этот бизнес:

Вот инструкции:

 

График знаний:

График знаний (KG) довольно разнообразен и показывает подробные сведения и фотографии по широкому кругу поисковых запросов.

Типичное использование KG включает события, компании и людей.

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

Если вы фигурируете на диаграмме знаний, взорвите пузырек, потому что это мощный маркетинговый инструмент.

Однако попасть в КГ непросто.

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

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

В настоящее время основным требованием для появления в KG является правильное структурирование всей информации (, включая , , определяющее ваш логотип, ) и наличие вашего бизнеса в Google Businesses.

Главные новости:

Функция «Главные новости» отображает последние новости по поисковому запросу.

Чтобы ваши статьи попали в Top Stories, контент должен иметь разметку схемы статьи и правильно структурироваться в соответствии с рекомендациями Google (и быть оптимизированным с помощью AMP)

Ящик вопросов и ответов:

Функция вопросов и ответов отображает ответы на часто задаваемые вопросы.

Например, многие поисковые запросы формулируются как вопрос типа « Как удалить пятно от вина с ковра». "

Если ваш контент содержит ответы на распространенные вопросы, подобные этому, он может быть размещен в разделе " Люди также задают вопрос ", что приведет к увеличению объема трафика.

Создавая свой ответ, обязательно дайте зрителю повод перейти на ваш сайт.

В противном случае они могут прочитать ответ из поисковой выдачи и никогда не посетить ваш сайт.

Как найти разметку схемы?

Теперь, когда вы знаете, насколько полезен код разметки Schema, вы захотите внедрить его на свой сайт и использовать ProRankTracker, чтобы оценить, насколько он помогает вашему рейтингу SEO.

Чтобы внедрить код разметки Schema на своем веб-сайте, используйте Schema.org и Руководства по функциям в Google Search Central, чтобы точно узнать, как добавить код на свой веб-сайт.

Например, Google предоставляет инструкции по добавлению кода, который позволяет вашему видео появляться в каруселях видео SERP.

Полезные ресурсы знаний

Основная страница документации Google на структурированных данных

Схема. Validator

Плагины для структурированных данных WordPress

Отслеживание карусели видео Google и списков местных предприятий с помощью ProRankTracker

Заключение

Разметка Schema дает вам огромное преимущество перед веб-сайтами, которые не используют расширенные фрагменты в своем содержании.

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

Это так просто.

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

Это не только повышает ценность для пользователей, но и увеличивает вероятность того, что они перейдут на ваш сайт.

Использование ProRankTracker в сочетании с локальными функциями Google SERP, такими как Snack Pack, — это мощная комбинация, которая поможет вам быть замеченным в списках обычного поиска в вашем регионе.

Он также предоставляет информацию, необходимую для повышения эффективности поиска и победы над конкурентами.

Мы хотели бы услышать, как Schema улучшает ваш рейтинг SEO в комментариях ниже.

Что такое разметка схемы и как ее добавить для повышения SEO

Слышали ли вы слова Schema.org, разметка схемы, структурные данные, используемые в разговоре? Они заставили вас почесать голову, задаваясь вопросом, о чем, черт возьми, говорили ваши товарищи по команде (особенно веб-разработчики)?

Что ж, тебе повезло! Мы рассеиваем туман, чтобы вы точно знали, что это такое и почему они важны (и вы можете извлечь больше пользы из всех этих технических разговоров).

Поехали.

Бесплатная оценка: оценка эффективности веб-сайта

 

Что такое разметка схемы?

Поисковые системы усердно работают, чтобы понять содержание страницы. Вот где в игру вступает разметка Schema .

Райан МакКеллер в своей инфографике «Шесть моих поисковых решений на 2018 год» дал лучшее, на мой взгляд, краткое и узкое определение схемы:

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

Другими словами, разметка Schema , также известная как структурированные данные, является языком поисковых систем, использующим уникальный семантический словарь. TopSpot SEM отлично справляется с разбивкой семантической лексики.

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

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

(Пример поисковой выдачи с различными типами схем)

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

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

Для других CMS, в зависимости от типа языка, либо вручную в шапке страницы, либо встроено в HTML.

Это так важно для поисковых систем, что schema.org, веб-сайт для разметки схемы, на самом деле является результатом сотрудничества между Google, Bing и Yahoo!. Что-то должно быть решающим, если это так объединяет конкурентов!

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

Результаты поиска, к которым применена схема, информируют пользователя быстрее.

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

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

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

Узнав больше о схемах, я стал больше обращать на них внимание. Вот результаты моего поиска осушителя Frigidaire 70 Pint.

Я смог быстро просмотреть все рейтинги осушителя, и если мне повезет с ценой, это обойдется мне дорого. Затем я хотел пойти дальше, чтобы узнать, что люди говорят об осушителе. Тут же было много отзывов!

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

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

По данным Search Engine Land, внедрив схему, вы можете увеличить рейтинг кликов на 30%.

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

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

Какие типы разметки схемы существуют?

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

Вы можете спросить себя, а есть ли какая-то схема, которая работает только в определенных поисковых системах? Поскольку крупные поисковые системы (Google, Bing, Yandex и Yahoo!) работают совместно, как мы уже упоминали, ответ — нет. Все они ищут и читают одну и ту же информацию.

Вот FAQ от Schema.org для дальнейшего объяснения:

В: Почему Google, Bing, Yandex и Yahoo! сотрудничество? Вы не конкуренты?

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

Вот 10 наиболее распространенных микроразметок, которые используются.

1. Разметка схемы организации

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

2. Схема рынка лиц Разметка

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

Google предполагает, что если вы ищете кого-то по имени, вы, вероятно, ищете некоторую основную информацию.

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

3. Разметка Local Business Schema

Разметка Local Business Schema отлично подходит для местных компаний или местного отделения организации. Это помогает потребителям найти местонахождение компании и другую информацию, такую ​​как адрес, часы работы, контактную информацию и т. д. боулинг, медицинский кабинет и т. д.

4. Наценка продукта и предложения

Наценки продукта и предложения используются для продажи определенного товара или услуги.

Оба позволяют доставлять информацию о продукте, такую ​​как цена и статус, но для разметки Offer также требуются свойства цены и валюты цены, а для разметки Product требуется только свойство name.

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

5. Разметка "хлебных крошек"

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

6.

Разметка Schema Article

Разметка Schema Article чаще всего используется для новостей и сообщений в блогах.

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

7. Разметка схемы видео

Разметка схемы видео — это хороший способ помочь Google сканировать и индексировать видео на вашем веб-сайте, поскольку все мы знаем, что поисковым системам это сложно сделать.

Это также помогает вашему видео появляться в поиске видео Google, наряду с YouTube.

8. Разметка схемы события

Разметка схемы события предоставляет дополнительную информацию о запланированных мероприятиях (например, вебинары, концерты, лекции и т. д.), такую ​​как дата, место и цена.

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

9. Разметка схемы рецепта

Разметка схемы рецепта предназначена для отображения страниц веб-сайта с рецептами в виде расширенного фрагмента.

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

10. Разметка схемы рейтинга/обзора

Кто не просматривает отзывы перед покупкой услуги или продукта? Rating Schema Markup генерирует ваши лучшие результаты прямо на страницах поисковой выдачи.

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

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

Типы кодирования схемы

Существует всего три различных типа кодирования разметки схемы: JSON-LD, Microdata, RFDa. SEMRush отлично справляется со своей задачей, чтобы средний маркетолог мог его понять.

Маркетологу важно понимать, что RDFa и микроданные — это старый способ написания схемы.

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

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

RDFa расшифровывается как Resource Descriptive Framework in Attributes. Это форма кода, которую можно добавить в любой документ на основе HTML, XHTML и XML.

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

Атрибуты RDFa включают:

  • около - для указания ресурса метаданные около
  • rel и rev — для указания связи и обратной связи с другим ресурсом
  • src , href и resource — для указания партнерского ресурса
  • content — переопределить содержимое элемента при использовании атрибута свойства
  • тип данных - указать тип данных текста, указанный для использования с атрибутом свойства
  • typeof - для указания типа RDF субъекта или партнерского ресурса

Реализация микроданных аналогична RDFa, и ее атрибуты включают следующее:

  • itemscope — для создания элемента и указания, что остальная часть элемента содержит информацию о нем
  • itemtype — для описания элемента и свойств с допустимым URL-адресом словаря (например, «https://schema. org»)
  • itemprop — чтобы указать, что содержащий тег имеет значение указанного свойства элемента (например, itemprop="name")
  • itemid - для указания уникального идентификатора товара
  • itemref — для ссылки на свойства элемента, которые не содержатся в itemscope. Это предоставляет список идентификаторов элементов с дополнительными свойствами в другом месте документа
    • .

JSON-LD означает нотацию объектов Javascript для связанных объектов. Этот стиль аннотации может реализовать схему путем вставки непосредственно в тег или веб-документа. Нотация использует атрибуты «@context» и «@type» для указания словаря (schema.org).

Ищу более техническое определение каждого (возможно, для ваших разработчиков) В Google есть отличное определение каждого.

Как реализовать разметку Schema на своем сайте?

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

Это не так!

Вам не нужно изучать новые навыки программирования!

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

1. Перейдите к Помощнику по разметке структурных данных Google.

2. Выберите тип данных, которые вы планируете размечать.

3. Вставьте URL-адрес страницы или статьи, которую вы хотите разметить.

4. Выделите и выберите тип элементов для разметки.

5. Продолжайте добавлять элементы разметки.

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

6. Создайте HTML.

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

8. Добавьте сгенерированную разметку схемы на свою веб-страницу. Если вы хотите, вы также можете добавить перед тестированием.

Существует множество других инструментов, которые помогут вам создать разметку схемы и даже проверить ее.

Вот лишь некоторые из них.

Генераторы

  • Маркер данных Google
  • Помощник по разметке структурированных данных Google
  • Генератор схем JSON-LD от Merkle

Валидаторы и средства тестирования

  • Яндекс Разметка структурированных данных
  • API валидатора структурированных данных Яндекса
  • Средство тестирования структурированных данных
  • Расширенные карты Google Search Console
  • Тестер расширенных результатов Google
  • Средство проверки разметки Bing Webmaster Tools

Для любителей WordPress есть пара плагинов.