Семантическая разметка. Практика применения семантической разметки

01.07.2019

В последнее время в мире 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 ссылки в органическом поиске . Здесь нет углублений в подробности кода, а приведены уже готовые примеры, в том виде, в котором их видит пользователь, и которые действительно работают на практике.

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

Семантическая разметка 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 или других скрытых элементах страницы». За такое вас скорее накажут, чем похвалят.

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

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

программно создать элемент < li > ;

добавить созданному элементу HTML - код содержимого;

добавить элемент в список.

Программно это будет выглядеть следующим образом:

var list = document.getElementById("list"); for (var i = 0; i< items.length; i++) { var listItem = document.createElement("li"); listItem.innerHTML = items[i]; list.appendChild(listItem); }

Таким образом при вызове функции сформируется содержимое списка с id="list" .

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

var links = ; links = {name: "first", href: "document1.html"}; links = {name: "second", href: "document2.html"}; links = {name: "third", href: "document3.html"}; links = {name: "fourth", href: "document4.html"};

На HTML - странице определен контейнер . Последовательность добавления ссылки в контейнер выглядит так:

программное создание элемента ;

задание текста ссылки;

задание значения атрибута href ;

добавление ссылки в контейнер.

Следующий код иллюстрирует программную реализацию указанной последовательности действий:

var nav = document.getElementById("navigation"); for(var j = 0; j для создания карты-изображения. Определяет параметры активных зон-ссылок на карте base указывает полный базовый адрес документа. Применяется для составления относительных адресов и для указания целевого окна всех ссылок страницы bdo устанавливает направление вывода текста (справа налево, слева направо) blockquote выделяет цитату (как правило длинную). Отображается с увеличенным отступом body определяет границы тела документа . Внутри тега располагаются все элементы, отвечающие за содержание HTML-страницы button создает на форме кнопку caption создает заголовок таблицы. Отображается над таблицей вне рамки. Элемент таблицы cite используется, чтобы указать источник цитаты или ее автора. Как правило, оформляется курсивом code col позволяет задать общие свойства сразу для всего столбца таблицы colgroup позволяет задать общие свойства сразу для нескольких столбцов таблицы dd и . Задает определение термина del обозначает текст, как удаленный. Может выступать как строчный или как блочный элемент в зависимости от контекста dfn выделяет в тексте термин div выделяет логический блок. Один из основных элементов блочной верстки dl используется при создании списка определений вместе с и dt используется при создании списка определений вместе с и em используется для акцентирования внимания fieldset предназначен для группировки элементов формы form создает форму на странице. Форма применяется для обмена данными между пользователями и сервером h1, h2, h3, h4, h5, h6 используются для создания заголовков head заголовок документа, содержит информацию о текущем документе html тег-контейнер, заключающий в себе все содержимое страницы, кроме doctype , который должен быть расположен перед тегом img добавляет на страницу изображение input позволяет создавать элементы интерфейса: кнопки, текстовые поля, переключатели и флажки. Основной метод получения информации от пользователя (читателя) базируется на этом теге ins обозначает текст, добавленный в новой версии документа. Может выступать как строчный или как блочный элемент в зависимости от контекста kbd обозначает текст набираемый на клавиатуре или сочетания клавиш label позволяет связать элемент интерфейса на форме с текстовой надписью и задать горячие клавиши legend определяет заголовок для элементов форм, сгруппированных в контейнере тега li создает элемент списка link устанавливает связь с внешними документами, чаще всего с таблицами стилей map тег-контейнер для создания карты-изображений meta содержит метаданные - техническое описание документа в виде пар "имя-значение". Служит для идентификации свойств документа (например, автора, конечной даты использования, списка ключевых слов и т.д.) и установки значений этих свойств noscript содержит текст, который выводится браузером object используется для внедрения на страницу различных объектов (как правило медиафайлов) ol создает нумерованный список optgroup тег-контейнер для тегов . Объединяет их в группу option задает отдельную строку списка в теге p предназначен для создания абзацев pre определяет предварительно отформатированный фрагмент текста. Выводится с соблюдением всех пробелов и переводов строки q выделяет в тексте цитату samp обозначает текст, как код программы или формулу script добавляет на страницу скрипт select создает элемент выбора значений span используется в основном для оформления и/или назначения уникального идентификатора (id ) определенному фрагменту текста strong логически выделяет, усиливает текст. style задает таблицу стилей table определяет таблицу tbody применяется для группировки строк, с целью задать общее форматирование td задает ячейку таблицы textarea определяет многострочное поле для ввода. tfoot применяется для определения строки, которая будет отображаться внизу таблицы th определяет ячейку-заголовок таблицы thead применяется для определения строки/строк, которые будут отображаться вверху таблицы title определяет заголовок документа tr определяет строку таблицы ul создает маркированный список var обозначает имя переменной

Нами приведен не полный

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

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

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

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

На картинке ниже вы можете видеть результат по поиску в Google за 20 июня 2016 года. Это так называемый сниппет - краткое описание страницы сайта в результатах поискового запроса. Как видите, плойку PHILIPS ProCare на Rozetka.com.ua оценили четыре покупателя, поставив по пять звезд. Цена товара - 999 гривен, и он есть в наличии.

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

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

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

Итак, существует некий стандарт семантической разметки данных в сети Schema.org , созданный совместно Google, Bing и Yahoo в 2011 году. Это согласованная схема семантической разметки, которая позволяет поисковым системам понимать, что делать с информацией на вашем сайте.

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

Чтобы поисковик распознал ваши дополнительные данные о товаре, размечайте соответствующие страницы по схемам Product , Offer и AggregateRating .

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

…

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

Некий классный продукт

Это просто отличный продукт. Вы будете очень довольны.
123456789

Семантическая разметка и JSON-LD

С недавних пор Google стал отдавать больше предпочтения JSON for Linking Data или JSON-LD, а не микроданным. В формате JSON-LD и правда есть несколько преимуществ. Например, для его использования не нужно включать HTML-код в тело страницы. Достаточно вставить скрипт в. Сначала мы устанавливаем тип:

…

Ключевым понятием этого способа разметки является контекст (@context). С его помощью вы, например, можете указать, что в разметке используется семантика schema.org:
{
«@context»: «http://schema.org/»,
«@type»: «Product»,
«name»: «Некий классный продукт»,
«image»: «некий-классный-продукт.png»,
«description»: » Это просто отличный продукт. Вы будете очень довольны.»,
«sku»: “123456789″,
«aggregateRating»: {
«@type»: «AggregateRating»,
«ratingValue»: «4»,
«reviewCount»: «1,987»
},
«offers»: {
«@type»: «Offer»,
«priceCurrency»: «UAH»,
«price»: «999»,
«availability»: «http://schema.org/В наличии»
}
}
Семантическая разметка - будь она выполнена с помощью микроданных или JSON-LD - позволит вам лучше представить свои товары в результатах поисковой выдачи, значительно увеличив тем самым их кликабельность и, соответственно, свои продажи.

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

Для чего нужна семантическая разметка?

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

В отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для "Яндекса" и Google. Так же, как гипертекст показывает машине, что и где нужно разместить, семантическая разметка объясняет, кому или чему посвящен ресурс. Благодаря этому пониманию сайт лучше ранжируется среди конкурентов и имеет больше шансов попасть на первые строчки поисковых запросов.

Пример семантической разметки

Особенно эффективно микроразметка "Яндекс" и Google влияет на продвижение коммерческих сайтов, предлагающих товары и услуги. Нагляднее всего ее объяснит следующий пример.

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

Itemtype - BarberShop,

Name - парикмахерская для собак.

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

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

Где используется семантическая разметка?

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

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

Единый стандарт Schrema.org

Создание семантической разметки привело к тому, что потребовался единый стандарт для всех поисковых систем. Им стала микроразметка "Яндекс" и Google - schrema.org. Она упрощает процесс создания короткого описания (сниппета), которое мы видим при отображении страницы в результатах поиска. В эту информацию можно включить важные сведения о сайте, которые помогут пользователю определиться, переходить или не переходить ему на эту страницу.

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

Стандарт Open Graph

Помимо поисковых систем Google и "Яндекс", микроразметка товаров, услуг, мультимедийного и информационного контента требуется и социальным сетям. Для них Facebook придумал единый стандарт Open Graph. Эта разметка позволяет контролировать, как будет представлен сайт в новостной ленте социальной сети. Причем сегодня создавать красивые ссылки с его помощью можно не только в Facebook, но и в Google+, "ВКонтакте", Twitter. Для красивого отображения последнего, кстати, также используется Twitter Cards.

Какую микроразметку выбрать?

На самом деле при ранжировании сайта ни "Яндекс", ни Google не отдают какому-либо стандарту больше предпочтения. Классический вариант использования - schrema.org - он наиболее полный, современный и активно развивающийся.

Словари микроразметки

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

Для каждого стандарта существуют свои словари и элементы. В schema.org существует несколько ключевых словарей со своей огромной иерархией и типами отображения. Например, словарь Thing позволяет представлять информацию в 3-х основных свойствах:

alternateName - для псевдонима (алиаса) объекта;
description - для текстового описания объекта;
image - для изображения или ссылки на него.

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

Словарь FOAF - микроразметка контактов "Яндекс" и Google. Это анкета, которую вы заполняли миллионы раз на различных сайтах - ваше имя, координаты, страница в социальных сетях, почта, дата рождения и т. д. Эти знания позволят склонить пользователя перейти по ссылке, предлагая ему то, что может его заинтересовать. Таким образом, сайту можно поднять посещаемость.

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

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

Что такое валидатор

Любое продвижение в интернете требует тщательного и глубокого анализа эффективности. Проверить микроразметку "Яндекс" можно при помощи валидатора - программного обеспечения, распознающего метаданные на веб-страницах. Проверке корректности поддаются документы любых форматов - HTML, XHTML, RSS, XML, на любых языках.

Проверка микроразметки "Яндекс" осуществляется любым валидатором, поддерживающим форматы Schema.org, микроданных HTML, Open Graph, RDF.

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

Узнать, насколько вашего сайта в поиске Google можно несколькими способами. Для опытного пользователя, который свободно владеет скрытыми настройками вебмастеров "Гугл", подойдет доступный только по ссылке инструмент Rich Snippet Tool.

Другой способ - установить плагин Seo by Yoast. Он удобен в использовании и будет доступен после установки в верхней панели вебмастера.

Третий способ - на сайте Google Developers в панели инструментов выбрать “Другие ресурсы”, нажать на кнопку “Инструмент для проверки структурированных данных” и указать html страницу, которую хотите проверить. Когда робот просчитает заданный скрипт, вы получите детальный отчет с ошибками, если они есть, и пояснениями к ним.

Как проверить микроразметку "Яндекс"

С этой поисковой системой все несколько проще. Валидатор микроразметки "Яндекс" расположен в инструментах вебмастеров, во вкладке “Мои сайты”. Здесь нужно нажать кнопку “Проверить разметку” и ввести URL сайта, и валидатор начнет просчитывать ошибки. Через несколько минут вы получите один из трех вариантов ответа:

Микроразметка не обнаружена.
Есть ошибки.
Микроразметка полностью соответствует стандарту.

В каких случаях появляется информация о некорректной разметке?

"Яндекс.Вебмастер" - валидатор микроразметки - выводит сообщение об ошибке в двух ситуациях:

Когда он не распознает разметку.
Когда микроразметка не соответствует стандарту.

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

Может еще выдать сообщение - «страница не может быть загружена». Оно указывает на ошибку сервера или несуществующую страницу.

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

После завершения валидации, новая разметка появится в течение 2 недель.

Как влияет микроразметка на ранжирование сайта?

Вы разметили свой ресурс по всем правилам, и валидатор микроразметки "Яндекс" показал, что все выполнено без ошибок. На сколько пунктов поднимется ваш сайт по поисковой лестнице?

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

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

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

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

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

Другие способы продвижения сайта

Внутреннее продвижение, к которому относится микроразметка "Яндекс" и Google, имеет несколько направлений:

использование ключевых слов в домене и заголовках сайта;
наличие ключевых слов на самой странице, их равномерное распределение по тексту, расположение в подзаголовках, тегах;
правильная безошибочная HTML-разметка (проверяется при помощи инструментов "Вебмастера Яндекс");
наличие мегатегов (keywords, description и т. п.), указывающих поисковику суть страницы;
перелинковка - т. е. ссылки на другие страницы сайта;
простая структура сайта, позволяющая в клик перемещаться на главную страницу;
запоминающийся и понятный дизайн;
работа с социальными сетями, возможность рекомендовать понравившуюся информацию другим;
наличие карты сайта;
уникальный, интересный и регулярно пополняемый контент, полезный и актуальный для читателя;
оптимизированный CMS для быстрой и безошибочной загрузки страниц.

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

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

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

Вместо заключения

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

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

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

Не суть важно, какую именно разметку вы используете - OpenGraph, schrema.org или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!