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

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

    -В Google видно, а в Yandex – нет!
    -Кажется, все вписал, но валидатор Яндекса меня послал!
    -Микроразметка сайта валидатору видна, а в сниппете она отсутствует!

Поэтому, в свою очередь, постараемся объяснить все максимально подробно и просто. Устраивайтесь поудобнее.

Что собой представляет микроразметка web-ресурса

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

Микроразметка не заменяет и не отменяет логику

Это первое, что нужно помнить.
Как сделать микроразметку сайта в его шаблоне? Какие типы данных размечать, и какие нужно использовать микроформаты? – это не вопрос. Основной вопрос – для чего это нужно сделать?! Ответим: для того, чтобы поисковые системы (ПС) смогли улучшить в выдаче сниппет за счет микроразмеченных данных.

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

Но, конечно, микроразметка страницы должна использоваться web-мастером. Уж коли Google и Yandex владельцев сайтов к этому привязывают – не следует их сигналы игнорировать. Поскольку, вырисовывается приятная тенденция – Yandex все больше учится «понимать» различные схемы и микроформаты. К примеру, не так давно наш Яндекс «признал» схему от Schema.org – Creative Work, и этим самым предоставил для всех желающих мощный инструмент для создания микроразметки своего контента. Но это не относится к описаниям товаров, рецептов и отзывам читателей. Об этом подробнее, чуть ниже…

Гугл, как и Яндекс так же давно очистил «звездную красоту» авторов, которую они наводили, используя специальные плагины или без них. Попробуйте погуглить и обратите внимание, что звездные рейтинги присутствуют только у тех продуктов, которые имеют отзывы в Google:

Повышаем уровень доверия поисковиков с помощью микроразметки_1

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

Повышаем уровень доверия поисковиков с помощью микроразметки_2

Яндекс же в свою очередь все больше расширяет свои сниппеты.

Повышаем уровень доверия поисковиков с помощью микроразметки_3

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

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

Некоторые размышления web-мастеров о данных для микроразметки

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

Повышаем уровень доверия поисковиков с помощью микроразметки_4

Это смотрится тогда хорошо, когда SEO-title отличается от публикуемого названия материала. Поэтому от этого лучше отказаться.

Далее:

    • Автор – например, Гугл уже его знает, а Yandex нет, поэтому его обязательно нужно ткнуть носом;
    • Дата публикации – многие читатели на этот показатель смотрят для того чтобы оценить свежесть информации. Поэтому, его можно назвать спорным (не обязательно прописывать);
    • Краткое описание – или «description», который прописывается в SEO-плагине. Это не глупое дублирование названия, а осмысленный краткий текст, к нему нужно относится на полном серьезе.

Далее мы расскажем о том, как делается микроразметка страницы по тем данным, которые вам нужны и разберемся, как внедрить микроформаты с шаблон сайта на CMS WordPress. Думаю это поможет сделать работу с движком адекватной и максимально удобной. Постараемся все это сделать без использования плагинов. Вообще, плагины – это лишний код, чем его меньше, тем лучше, об этом подробнее еще будим говорить. Это нужно сделать 1 раз, прописав в шаблоне все необходимые данные, тем самым уровень доверия поисковиков к вашему блогу или сайту улучшится, потому что более понятное общение (сайта с ПС) повышает доверие! И так:

Как внедрить микроразметку в шаблон сайта

Популярные способы размещения микроразметки

Если обратиться к поиску, то, как вариант можно получить три популярных способа работы с микроданными:
1. Скачать и установить определенный плагин;
2. Воспользоваться внешними инструментами;
3. Вписывать микроданные в HTML-редакторе.
Но загружать сайт лишним хламом – не есть хорошо, потому что:

Плагины для микроразметки

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

Генераторы разметки онлайн

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

-Справедливо? – Да, конечно!
-А оно вам нужно? – Нет!

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

Внедрение микроданных самостоятельно

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

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

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

Разметка даты, авторства и описания в формате Schema

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

К примеру, для Гугла лучше воспринимать разметку авторства в формате именуемом hcard. А, по мнению Яндекса, таким образом, должны размечаться данные только компаний, организаций, предприятий и т.д. Поэтому, для личных имен рунетовский поисковик отдал предпочтение Schema. А значит рассматривать будим стандарт Schema, предоставляющий для web-мастера простор для микротворчества!

Еще добавим, что Yandex может «понять» еще пока не все. В настоящее время эта ПС, формируя результаты своей выдачи, использует такие микроданные как:

    • Данные об компаниях, отзывы, адреса;
    • Словарный контент;
    • Видео, фотографии, картинки и т.д;
    • Посты о фильмах (описание рецензии);
    • Музыкальные аккорды;
    • Кулинарные рецепты;
    • Отзывы об автомобилях;
    • Творческие работы;
    • Целевой трафик (наподобие, «+18» либо «дети от 4 до 90 лет»).

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

Отметим, что схема «Творческие работы» Яндексом была добавлена не так давно. Именно этот нюанс сделал тему семантической микроразметки для многих авторов интересной и актуальной. Поскольку под «Творческой работой» (Creative Work) подразумевается любой контент, в том числе и на сайте. Вот перечень схем в системе http://ruschema.org:

Повышаем уровень доверия поисковиков с помощью микроразметки_5

Данный формат подробно разбирать сегодня не будем, только запомним, где он находится. Следует также уяснить еще один нюанс – микроформаты, это не метаданные! Они ни каким образом не затрагивают контент, видимый читателю. Все, что размечает web-мастер, как пример микроразметки – отображается где-то на страничке статьи. И так, начинаем…

Коды для микроразметки

1. Имя автора

2. Дата публикации

Тут следует обратить внимание на формат даты ‘c’ – поскольку это формат ISO8601 является единственным, который хотят видеть ПС. Хотя такая дата смотрится по-дурацки (2014-09-15T09:00:55+00:00), но приходится мириться…

3. Описание (description)

Естественно, все три формата можно впихнуть в один контейнер «div»:

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

Где размещать всю эту информацию?

Это зависит от вашего желания. Можно, например, вывести ее вверху поста в небольшой табличке. На нее может и не обратить внимание читатель, но это компромисс, между удобством роботов ПС и людьми.
Для этого нужно собрать код в табличку и вставить его в шаблон статьи (страница single.php) после заголовка (TITLE), перед текстом (Content). Ниже приведен пример кода вставки:

Если проверить микроразметку в Яндекс и Гугл, то валидаторы этих ПС такую микроразметку видят правильно:

Yandex:
Повышаем уровень доверия поисковиков с помощью микроразметки_6

Google:
Повышаем уровень доверия поисковиков с помощью микроразметки_7

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


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)