15Июн

Микроразметка для блога WordPress: типы, свойства и методы внедрения

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

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

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

Как сделать микроразметку на блоге WordPress без плагинов

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

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

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

Стандартная статья на WordPress содержит в себе:

заголовок,
текстовое содержание,
медиа-контент (картинки, иллюстрации и фотографии),
комментарии,
в некоторых случаях рейтинг материала.

Данные блоки и следует разметить элементами schema.org.

Микроразметку хлебных крошек я описал в отдельной статье.

Как найти в коде блоки для микроразметки

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

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

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

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

Как видите необходим мне блок <div id="content">, так как он содержит в себе весь контент страницы (текст, картинки, комментарии, рейтинг и т.д.).

Именно его и следует размечать типом микроразметки (в моём случае schema.org/Article)

Как найти в коде WordPress необходимые php файлы для микроразметки

Как вы уже могли догадаться необходимые div блоки можно будет найти в файле single.php — файл, который отвечает за все статьи на блоге.

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

itemscope itemtype="http://schema.org/Article"

Находим по соседству блок <h1> — заголовок нашей статьи и сообщаем роботу, о чём наша статья:

itemprop="name"

С помощью того же браузера находим необходимый div, в котором содержится контент нашей статьи (стандартный блок: <div class="entry-content">)

и размечаем его:

itemprop="articleBody"

Для того, чтобы разметить картинки, иллюстрации и фотографии, которые содержаться в нашей статье, я рекомендую использовать функцию, которая автоматически добавит нужное свойство (itemprop="image") в каждой статье:

/* микроразметка изображений */ 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'); /* микроразметка изображений */

Данный код необходимо разместить в файле function.php

Микроразметка рейтинга материалов

Самый простой способ сделать микроразметку рейтинга материалов да и сам рейтинг — плагин WP-PostRatings. Данный плагин хоть в некоторых случаях требует некоторой корректировки, но работает полноценно, обеспечивая вас звёздами с сниппете Google выдачи.

Следует отметить: количество голосов и значение рейтинга никак не влияет на факторы ранжирования. И внедряться рейтинг может с помощью простого html кода:

Микроразметка комментариев на блоге WordPress

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

Но лишь в том случае, когда вы пользуетесь стандартами известными поисковикам и в том случае, когда ваша статья размечена с помощью schema.org/Article.

Во всех остальных случаях микроразметку комментариев необходимо делать (особенно на сайтах «с нуля» ), это позволит выставить приоритеты для поисковых систем основного контента и дополняющего — снизить процент разбавления семантического ядра страницы.

В WordPress функция с выводом комментариев находится в файле function.php, найти которую можно с помощью простого поиска на странице Ctrl+F:

<?php comment_class(); ?>

Каждому отдельному комментарию (id=comment-<?php comment_ID(); ?>) присваивается тип:

itemprop="comment" itemscope itemtype="http://schema.org/Comment"

Имени комментатора присваивается свойство:

itemprop="creator"

Дате публикации в формате год-месяц-день (2015-06-17):

itemprop="commentTime" — изменилось на itemprop="datePublished"

Сам текст комментария:

itemprop="commentText" — изменилось на itemprop="text"

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

Примеры микроразметки

Кроме уже известной микроразметки статей в арсенале schema.org содержится некоторые интересные типы, которые прекрасно распознаются поисковыми системами и позволяют улучшить отображение сниппета в выдаче.

Микроразметка рецептов

Для того, чтобы понаблюдать за тем, как поисковые системы отнесутся к рецепту на seo блоге, я создал с помощью шаблона страницы отдельную страницу (Рецепт идеального seo), которую разметил с помощью schema.org/Recipe.

И Google, и Яндекс обработали микроразметку рецепта:

Яндекс же по этому поводу говорит:

И тем не менее выдача показывает улучшенный сниппет:

Внедряется такая микроразметка частично с помощью php кода, частично с помощью html:

заменяем
itemscope itemtype="http://schema.org/Article"

на

itemscope itemtype="http://schema.org/Recipe"
размечаем заголовок <h1> так же как при микроразметке статей
с помощью функции картинок добавляем к фотографиям itemprop="image"

Все остальные свойства прописываются через html:

itemprop="ingredients" — ингредиенты чаще всего выстраиваются <li> списком. В каждый <li> необходимо добавить <li itemprop="ingredients">. Так поисковые системы узнают, что для приготовления блюда понадобится.
itemprop="recipeInstructions" — процесс приготовления рецепта выделяется с помощью <div itemprop="recipeInstructions">
itemprop="totalTime" — время приготовления блюда в формате ISO (05:00)
itemprop="recipeYield" количество порций
и так далее: калорийность (itemprop="nutrition"), категория блюда (itemprop="recipeCategory"), подкатегории блюда (itemprop="recipeSubCategory")…

Микроразметка отзывы товаров и организаций

Микроразметка адреса и организации знакома многим, её структуру и свойства хорошо описаны в статье Яндекс, товары же следует размечать с помощью Google инструкции.

Данные адреса размещаются либо на отдельной страницы «Контакты», либо же в сквозных блоках (шапка, сайдбар). Информация заложенная в микроразметку считывается поисковыми роботами и используется для составления Яндекс и Google карт. Внимательно следите за тем, чтобы информация была актуальна, иначе ваши клиенты могут позвонить не вам.

Микроразметка отзывов же, формат который может дать большие преимущества для сайта. Это одно из вариантов партнерства с Яндекс. Для того, чтобы стать партнером Яндекс необходимо размещать на своём интернет-ресурсе отзывы об организациях размеченные с помощью микроразметки http://schema.org/Review, в которую включаются микроразметка организаций, о которой пишется отзыв http://schema.org/Organization и сама разметка отзыва.

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

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

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

Дополнения к статье от 15.07.2015

В следствие, некоторых изменениях в обработки валидатором Яндекс, пришлось внести некоторые изменения в статью, на что обращаю ваше внимание. За указания на изменения большое спасибо Анастасии, моему постоянному комментатору.

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

Свойства принадлежат сущности