Как внедрить разметку Schema.org

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

Единственный путь - это полноценная оптимизация сайта. Это не разовая услуга, а процесс который занимает минимум 3 - 4 месясца. Только после этого будут видны первые результаты Также накопится статистика, используя которую можно делать дельнейшие правки. В идеале работа над сайтом должна вестись постоянно.

По-моему, главное сочетание факторов успеха сайта = развернутые, полные и уникальные ответы на запросы посетителей + доверие к вашему сайту со стороны поисковых систем, которые можно заслужить только со временем, и только с хорошими поведенческими показателями (низкий % отказов, хорошая глубина просмотра, взаимодействие с интерактивными элементами, например, формой заказа с сайта).

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

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

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

Существует несколько стандартов разметки, но сегодня мы поговорим о Schema.org. Он прекрасно поддерживается Яндексом и Гуглом.

Разметка на примере сайта Диспетчерской 33

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

Мы же поговорим о более простых и понятных для бизнеса типах разметки: организация, бренд, статья и персона. Их можно применить практически на каждом сайте. Рассмотрим применение разметки на сайте транспортной компании Диспетчерская 33.

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

Проверка разметки сайта в вебмастере Гугл

Первым типом разметки идёт Breadcrumb из data-vocabulary.org. Это обозначение хлебных крошек на сайте (подменю, где указывается путь к конкретной странице). Как видите, это не Schema.org, тем не менее, Гугл понимает этот тип разметки. Эту разметку самостоятельно формирует плагин Breadcrumbs для Modx Revo. Кстати, наличие хлебных крошек крайне положительно сказывается на удобстве использовании вашего сайта. Всегда понятно в какого разделе вы находитесь. А для поисковых систем это неплохая дополнительная перелинковка.

Хлебные крошки на сайте

Пример простых типов разметки Schema.org

Разметка Organization помогает распознать контактные данные вашей компании поисковым системам. Обозначение каждой разметки начинается с названия.

В данном случае, название разметки:

itemtype: http://schema.org/Organization
Название организации:
name: ООО Диспетчерская 33
Номера факса и телефона:
faxNumber: 77-83-00
telephone: 77-84-00

Затем более сложная структура с адресом. Это уже разметка двойной вложенности, но на самом деле, ничего страшного нет:

address
itemtype: http://schema.org/PostalAddress
addressLocality: г. Владимир
streetAddress: ул. Пушкарская, 46
email: info@perevozki33.ru

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

Разметка Organization и Brand

Как видим, у нас тут ещё и разметка Brand. Она состоит только из ссылки на логотип компании. Рассмотрим создание разметки как раз на этом простом примере.

Для начала надо определиться какой элемент сайта мы хотим пояснить для поисковых систем. В этом случае мы хотим указать, что картинка является официальным логотипом компании. Для этого надо заключить элемент (в других случаях - это несколько элементов) в тег
div itemscope="itemtype="http://schema.org/Brand"
Затем мы указываем на конкретный элемент разметки, уточняя чем именно он является. Посмотрим на код вставки изображения с логотипом:
img itemprop="logo" src="/assets/images/logo.png" width="360" height="110" alt="Логотип Диспетчерская 33" title="Диспетчерская 33"

Тут itemprop="logo" как раз отвечает за разметку логотипа. itemprop соответствует типу элемента в разметке. Посмотрите на код выше. Там несколько разных itemprop. Их объединяет то, что эта надпись дописывается к тегам div, span и так далее. Если элемент сайта не должен отображаться, то можно использоваться тег meta.

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

Разметка Person

Исходный код этой разметки выглядит так:

Разметка Person - исходный код

Пример разметки Article

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

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

Пример разметки Article

Возможно, на первый раз это кажется сложным, но как только вы опубликуете пару разметок всё прояснится. В самом Гугл Вебмастере и сайте Schema.org есть множество инструкций. Моя же задача - пробудить в вас интерес к внедрению на своем сайте разметки.

Дополнительные варианты

Кроме разметки есть html5 тег с таким же названием - article. Это некое подобие разметки. Помимо article, есть теги header, aside и footer. Внутри header заключаем весь код, отвечающий за шапку сайта, внутри aside храним боковую колонку сайта, внутри footer подвал сайта. Это ещё один способ объяснить поисковым системам структуру вашего сайта.

Также можно привязать страницы своего сайта к профилю организации в Google+. Для этого необходимо поставить ссылку такого типа на свою Гугл+ страницу:
a href="https://plus.google.com/106905195367278909138" rel="publisher">Мы в Google+
По сути, это ссылка на страницу плюс добавляем rel="publisher". На своей Гугл+ странице надо добавить в настройках привязку сайта. Затем в Гугл Вебмастере вы получите письмо, где надо будет подтвердить эту привязку.

В Яндекс Вебмастере можно также придать своим статьям и новостям больше веса. Для этого существует инструмент "Оригинальные тексты" в разделе "Содержимое сайта". Этот инструмент призван защищать ваши тексты от копирования.

Яндекс Вебмастер - Оригинальные тексты

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

Автор: . Дата публикации:

Больше материалов с сайта: