Построение сайта, продвижение, работа в сети

Что такое микроразметка сайта и как ее создать

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

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

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

Для каждого сайта должна быть своя схема микроразметки. Все схемы приводятся на сайте schema.org, где их можно посмотреть. Так, например, схема BlogPosting более всего подходит для сайтов статейников.

Схемы микроразметки

Микроразметка сайта — внедрение

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

Свойства микроразметки

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

Для WordPress существуют специальные плагины. Для блогов более подойдет плагин Schema.

Плагин для WordPress

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

Мастер разметки Google

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

Затем открываем Search Console – Другие ресурсы – Мастер разметки структурированных данных.

Мастер разметки

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

Выбираем тип данных

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

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

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

Основные элементы микроразметки

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

Код HTML с разметкой микроданных

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

Предложения мастера микроразметки

Вносим изменения в код сайта

Главной странице соответствует файл index.php. Открываем административную панель WordPress, переходим во Внешний вид – Редактор и выбираем файл Основной шаблон – index.php.

Если посмотреть на код внимательно, то можно заметить, что код отличается от предлагаемого Google.

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

Для начала, чтобы сообщить поисковым роботам, что сайт работает на движке WordPress, нужно вставить специальный код:

itemscope itemtype=»http://schema.org/WPHeader»

Этот код вставляем в блок div, в котором находится идентификатор id=»content». Либо в блок, где находится class=”postcont”. Этого мастер разметки не предлагает, но в справке по микроразметке эта рекомендация присутствует.

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

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

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

Лучше работать не в редакторе административной панели сайта, а в каком-нибудь стороннем редакторе, например, Notepad++, где имеется подсветка кода и где сделать все значительно легче.

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

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

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

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

После того, как файл будет изменен, микроразметку надо проверить. Заходим в Яндекс Вебмастер – Инструменты и выбираем Валидатор микроразметки.

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

Открывается окно Валидатора вставляем URL страницы, жмем Проверить и

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

получаем Результат проверок.

Результат проверки валидатора

Ниже можно увидеть предупреждения Яндекса относительно какого-либо элемента. Предупреждения могут появиться еще и потому, что какие-то элементы микроразметки не поддерживаются Яндексом, а Google поддерживаются.

Но такие предупреждения Яндекса не являются ошибкой и никоим образом не повлияют на индексацию сайта поисковым роботом.

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

То есть, открываем в редакторе административной панели шаблон страницы или отдельной записи – single.php и вносим изменения в код php.

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

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

Проверка микроразметки в Google

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

Поиск Яндекса
Группа Компьютерная грамотность
Подпишитесь на новости

Введите ваш email адрес:

Media Markt
Gyrotown