В последнее время в мире seo применение микроразметки (семантической разметки) для различных целей становится всё более и более популярным. Хотя микроразметка начала использоваться ещё несколько лет назад, сейчас мы наблюдаем её активное развитие как в Яндексе, так и в Google. Тому подтверждение последние публикации в блоге Яндекс для веб-мастеров: «Микроразметка для крупных сайтов» и «Товарные сниппеты для интернет-магазина» .

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

Цель семантической разметки

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

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

(Данные за 2014 год)

Рассмотрим основные виды семантической разметки:

1. Open Graf
2. Data Vocabulary
3. Schema.org
4. UTF символы

1. Open Graf

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

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

По использованию Schema org.

4. UTF символы

UTF символы (★ ☒) не являются микроразметкой как таковыми, но в целом с точки зрения seo имеют одинаковую цель, что и семантическая разметка - повысить CTR ссылки на поиске. Поэтому стоит рассмотреть это в данной пубикации.

Логика простая: используем короткие description (желательно не более 160 символов) и добавляем в них любые UTF символы, которые улучшат привлекательность ссылки. На сегодняшний день существуют более 100 различных символов.

По моим исследованиям, Google в 85% случаев обрабатывает данные символы. Яндекс же делает это очень редко, но если удается получить такой привлекательный сниппет, то CTR начинает сильно расти, особенно для 1 страницы выдачи. Это огромный бонус на фоне конкурентов.

Например, для запроса - “светодиодные люстры” все сайты из ТОП-3 в Google используют UTF символы:

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

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

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

Я прочитал про стандарт Schema.org. Как настроить его на своем сайте?

Ознакомьтесь с разделами нашей помощи и воспользуйтесь инструментами для работы с разметкой. Если стандартные способы внедрения вам не подходят (например, из-за сложной вёрстки), напишите в клуб Поиска . Скорее всего, вам понадобится помощь программиста.

Schema.org описывает много разных типов данных, все ли они поддерживаются Яндексом?

Нет, на данный момент мы поддерживаем не все типы данных Schema.org. Полный список обрабатываемых типов приведен в разделе Какие данные можно передать .

Я настроил у себя на сайте Schema.org. Как убедиться, что все заработало?

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

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

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

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

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

корректно размечены;

проиндексированы;

промодерированы.

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

Что лучше использовать - микроформаты или Schema.org? Как робот будет обрабатывать сайт, если я использую и то, и другое?

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

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

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

Практическая польза от Schema.org и особенности работы

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

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

Также следует обращать внимание на иерархию типов, чтобы донести до пользователя самую важную информацию о сайте. Посмотреть их вы можете на официальном сайте в разделе http://schema.org/docs/schemas.html (требуется знание английского языка). Выбор методики разметки зависит в первую очередь от тематики сайта и, конечно же, пожеланий самого вебмастера. К примеру, если у вас информационный ресурс со множеством самых разных тем, можно выбрать разметку Article. Статьи, размещенные на личном блоге, размечают при помощи BlogPosting, а материалы технической направленности – TechArticle, и т.д. Внутри любой из этих схем может быть любое количество других схем, вам лишь нужно соблюдать правильную иерархию.

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

Для тех, кто хочет при помощи Schema.org повысить конверсию и популярность сайта, также существуют свои рекомендации. Например, если на странице есть множество interactionCount (разнообразные репосты, лайки, твиты и многое другое), а также комментариев, поисковый робот автоматически обозначает такой сайт как более приоритетный и значимый по сравнению с другими (у того же Яндекса существует что-то вроде «шкалы счастья»). Конечно, это серьезно сказывается на посещаемости ресурса, так что пренебрегать такой возможностью не стоит. Например, вы можете разметить каждый комментарий схемой (обозначение UserComments) внутри единой схемы уже размещенной на ресурсе статьи (TechArticle). Метод очень распространенный и, что немаловажно, действительно работающий. Если комментариев и других признаков пользовательской активности на веб-ресурсе много, поисковик будет отображать его как полезный и важный.

Работать с Schema.org смогут и те вебмастера, которые привыкли пользоваться системами микроформатов, микроданных и RDF. Абсолютно все, что можно было сделать с этими форматами, можно сделать и в Schema.org.

Принципы разметки и конструкции кода

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

). Это – первый шаг. Второй заключается в разметке отдельных свойств схемы (например, ) , которые помогают поисковику понять содержание информации и правильно отобразить ее в сниппете сайта. Узнать о системе разметки подробнее можно на официальном сайте Schema.org. Если вы хотите сразу же приступить к изучению разметки, то всю информацию можно узнать тут: http://schema.org/docs/full.html.

Инструменты для работы

У популярных поисковиков есть свои инструменты для работы с семантической разметкой. Например, тот же Яндекс предлагает собственный валидатор разметки (находится в сервисе Вебмастер). Кроме того, существуют и специальные плагины, предназначенные для использования с системами управления веб-ресурсом. Они призваны облегчить рутинные действия вебмастера и автоматизировать многие процессы, так что не лишним будет с ними ознакомиться. Отдельного внимания заслуживает такой сервис, как http://schema-creator.org/, который помогает намного быстрее внедрить разметку в код сайта.

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

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

В сегодняшней статье речь пойдет о довольно избитой теме, обсуждаемой на многих форумах, блогах и прочих сайтах с давних времен. Как показывает наша практика, более 50% владельцев сайтов не понимают, что такое семантическая разметка данных и для чего она нужна. Используют её либо с ошибками, либо просто чтоб было. О видах семантической разметки вы можете прочитать .

Что такое семантическая разметка?

Подходящего определения на просторах Интернета мне найти не удалось, поэтому я его решил составить его из 4 наиболее подходящих определений.

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

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

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

Виды разметки данных

Data Vocabulary - стандарт разметки данных, которая разрабатывала компания Google до июня 2011 года.

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

Dublin Core, или Дублинское ядро - стандарт, разработанный в 1995 году. Семантика Дублинского ядра была создана международной междисциплинарной группой профессионалов библиотечного и музейного дела, компьютерных наук. Представляет собой набор из метатегов, 15 основных и 3-х дополнительных свойств.

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

FOAF, или Friend of a Friend - «друг друга» - стандарт, созданный Либби Миллером и Дэном Брикли в 2000 году. Используется в основном для домашних страниц и социальных сетей. Решает задачу построения связей между людьми и объединению их.

Microformats, или же микроформаты - стандарт, созданный в 2005 году сообществом заинтересованных энтузиастов из WC3.

Данный стандарт был очень популярным до появления Schema.org и на многих сайтах используется до сих пор. На момент написания статьи Яндекс поддерживает следующие Microformats: hCard - формат разметки контактов (адресов, телефонов и т.д.); hRecipe - формат описания кулинарных рецептов; hReview - формат разметки отзывов.

Вроде со стандартом определились, с синтаксисом тоже.

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

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

Более подробно разберем три наиболее встречаемых примера:

Разметка карточки товаров schema.org

Товарные карточки - размечаем по сущности Product. Реализация данного вида поможет получить нам следующий сниппет в Яндексе:

Не путать с товарным сниппетом в выдаче Яндекса, полученным при использовании.yml файла из Яндекс.Маркета или сервиса «Товары и цены» вебмастера Яндекса.

Каким образом получить данный сниппет?

У кого есть подобная проблема на кулинарных сайтах, возможно, у вас такая же причина. Каждый раз убеждаюсь, что справка - наше всё.)) Также хочется отметить качество саппорта Яндекса, выразить благодарность за оперативные ответы - переписка происходила практически в реальном времени.

Теперь перейдем к реализации разметки кулинарных сайтов.

В Гугле наш красивый сниппет:

Мы разместим скриншот снипетта в Яндексе, когда информация обновится (ориентировочно через две недели).

UPD от 05.06.2017: Как и обещали, добавляем скрин из Яндекса:

Полезные ресурсы о schema.org

1. Валидаторы микроразметки:
   • Валидатор от Яндекса https://webmaster.yandex.ru/tools/microtest/
   • Валидатор от Google https://search.google.com/structured-data/testing-tool/
2. Поддерживаемые стандарты и форматы Яндекса: https://yandex.ru/support/webmaster/site-content/data-transmit.xml
3. Ускорить появление размеченной информации в Google вам поможет инструмент « ».
4. Посмотреть, как выглядит определенная страница в выдаче, вам поможет оператор site:адрес проверяемой страницы. Работает как в Google, так и в Яндексе.
5. Также от компании Гугл есть прекрасный инструмент «Мастер разметки структурированных данных» - https://www.google.com/webmasters/markup-helper/?hl=ru
6. Для стандарта Open Graph от компании Facebook:

Семантическая разметка Shema.org для SEO

Семантическая разметка Shema.org

Использование семантической разметки Shema.org — одна из последних тенденций в SEO. Семантическая разметка является одним из самых новых, мощных, и при этом точно наименее используемых методов поисковой оптимизации. После того, как вы поймете концепцию и способы семантической разметки, вы можете значительно улучшить позиции своего сайта в результатах выдачи поисковых систем (SERPs).

Моя цель в этой статье, показать вам, что начать использовать семантическую разметку Shema.org для вашего сайта достаточно просто.

Что из себя представляет семантическая разметка

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

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


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

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

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

Schema.org объясняет это следующим образом :
Большинство веб-мастеров знакомы с HTML-тегами на своих страницах. Как правило, HTML-теги сообщают браузеру, как отображать информацию, содержащуюся в теге. Например, Аватар сообщает браузеру, чтобы отобразить текстовую строку «Аватар» в формате заголовка 1. Тем не менее, HTML тег не дает никакой информации о том, что означает, что текстовая строка — «Аватар» может относиться к чрезвычайно успешному 3D фильм, или он может относиться к картинке у профиля на форуме, и это делает ваш текст более трудным для понимания поисковыми системами и отображения его для пользователей в поисковой выдаче.

Вот эту проблему и решает семантическая разметка Шема.орг

Семантическая разметка и ее уникальный словарь в формате микроданных

Shema.org – сайт, созданный совместной командой из Google, Bing и Yahoo. Нечасто конкуренты собираются вместе, чтобы помогать друг другу, но Schema.org — именно такого рода межотраслевое сотрудничество. Итог этого сотрудничества — согласованный набор кода, который объясняет основным поисковым системам, что делать с данными на вашем сайте.


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

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

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

Схема разметки помогает вашему сайту быть выше в поисковой выдаче для всех видов типов контента. Существует разметка семантических данных для:
Статей
Местных предприятий
Ресторанов
Телесериалов и рейтингов
Отзывах о книгах
Фильмах
Применение программного обеспечения
Мероприятий
Продуктов
для сотен других тематик и типов информации — от магазинов игрушек до медицинских графиков.

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

Как использовать схемы разметки на своем сайте

Теперь, давайте поговорим о том, как использовать семантическую разметку на вашем сайте .
Внимательно смотрите на ваш сайт и выполняйте следующие действия.
1. Заходим Google’s Structured Data Markup Helper.


2. Выбираем тип данных, которые вы планируете разметить на своем сайте (или уже разместили)
Есть несколько вариантов в списке. Перечень не является исчерпывающим. Для образца мы будем использовать тип «Статьи» , так как это один из наиболее распространенных типов контента.

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

4. Затем нажимаем кнопку «Начать разметку (Start Tagging)»


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


5. Выделяем и выбериаем тип элементов, которые необходимо разметить.
Так как это статья, нужно выделить название статьи, чтобы добавить разметку «Name» разметку. После выделения названия я выбираю «Name» в панели инструментов.


Когда я выбираю «Name», инструмент добавляет его в «Элементы данных» Data Items в правой панели

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

7. Создаем HTML.
После того, как вы закончите, нажмите кнопку «Создать HTML»


На следующей странице вы увидите HTML вашей страницы с соответствующими микроданными, вставленными в местах, которые вы выбрали.

8. Добавляем схемы разметки на вашу страницу.

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

Есть Простая альтернатива — загрузить автоматически сгенерированный HTML-файл и копировать / вставить его в CMS или исходный код.


При нажатии кнопки «Готово» вы увидите «Следующие шаги»


9. С помощью Structured Data Testing Tool вы увидите как ваша страница будет выглядеть с дополнительной разметки.


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

Найдите схемы, которые используются чаще всего.
Schema.org предоставляет список наиболее распространенных типов схемы разметки. Вы можете посетить страницу Организация схем Organization of Schemas, чтобы увидеть этот список. Найдите там типы, которые лучше всего подходят для вашего бизнеса.

Найдите любой тип схем, которые вам нужны.
Как я уже говорил ранее, существует множество типов разметки. Чтобы получить полный список, посетите «The Type Hierarchy». Этот список содержит большинство доступных типов разметки.

Чем больше разметки, тем лучше.
Schema.org в инструкции четко объясняет: «чем больше контента вы размечаете, тем лучше». Однако учтите, что там также говорится: «Вы должны размечать только тот контент, который виден людям, которые посещают страницы, а не содержится в скрытых DIV или других скрытых элементах страницы». За такое вас скорее накажут, чем похвалят.

А вы используете семантическую разметку для сайта вашей компании?