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

Зачем нужна микроразметка сайта?

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

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

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

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

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

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

Многие в сети утверждают, что после того, как сделали разметку, буквально в течении 2-3 недель трафик увеличился в два раза. Может врут, но с другой стороны, зачем им это надо. Предлагаю для начала посмотреть видеоролик по этому вопросу, версию Яндекса о микроразметке Schema.org.

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

Разметка верхней части страницы

Разработчики Schema.org предлагают разместить несколько элементов разметки в определенных местах. Поскольку дело касается шапки блога, откроем файл header.php. Лучше всего редактировать его в Notepad++, потому что в нем есть очень удобная функция «шаг назад»- если что пошло не так, всегда есть возможность вернуться к исходному положению.

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

Итак, после тега body ищем такую строчку:

<div id=»wrapper»>

У вас может быть <div id=»header»> или <div id=»content»>.

Вставляем вовнутрь вот такой элемент:

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

Должно получиться вот так:

Чтобы указать название сайта ищем такую строку:

<h1><a href=»<?php bloginfo (‘url’); ?>»><?php bloginfo (‘name’); ?></a></h1>

И в тег h1 вставляем такой элемент:

itemprop=»headline»

Это стало моей первой проблемой. Дело в том, что в моем файле не оказалось <?php bloginfo (‘name’);

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

Получилось так:


Теперь давайте добавим описание сайта. Ищем такую строчку:

<h2><?php bloginfo (‘description’); ?></h2>

В этот код нужно встроить элемент разметки itemprop=»description». Должно получиться вот так:

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

Когда уже отчаялся, совершенно случайно обнаружил свой промах. Оказывается оно должно присутствовать еще и по этому адресу: «Внешний вид»-«Заголовок». У меня там было пустое поле.


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

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

Пока все отлично.

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

За вывод контента и формирование содержимого страницы отвечает файл single.php. Но чтобы узнать конкретно что именно и где размечать, обратимся к помощи инструментов Гугла. Идем по адресу: «Инструменты для веб-мастеров» – «Другие сервисы» — «Мастер разметки структурных данных».

Отмечаем пункт «Статьи», указываем УРЛ любого вашего поста и жмем на кнопочку «Начать разметку». На втором этапе нужно разметить элементы на странице. Делается это так: выделяете к примеру заголовок и придаете ему значение «Название», затем выделяете рубрику и отмечаете, соответственно, «Рубрика» и т.д.

После этого жмете кнопку «Создать HTML». В результате появится уже готовый код с подсказкой где он должен располагаться. Открываем в Notepad++ файл single.php и начинаем не торопясь встраивать элементы туда, куда подсказывает мастер разметки. У меня, например, получилось так:


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

Что касается разметки изображений, внедрим ее с помощью файла functions.php. Поместите туда вот такой небольшой код:

function micro_image ($content) {
global $post;
$pattern = «<img»;
$replacement = ‘<img itemprop=»image»‘;
$content = str_replace ($pattern, $replacement, $content);
return $content;
}
add_filter (‘the_content’, ‘micro_image’);

Результат также можно проверить в инструментах Гугла:

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

Написать комментарий