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

Автор статьи: Михаил Каржин. 

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

Где проверить?

Есть специальный инструмент от Гугла.

Проверка расширенных результатов.

Проверяем свой сайт и он покажет информацию про разметку. Если написано как у меня на скрине, значит все хорошо.

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

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

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

Задача, прямо скажем, не из легких.

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

Каким образом?

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

Вот пример по одному запросу, два сниппета, но разные по содержанию, у второго и рейтинг и картинка и т.д.

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

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

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

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

Внедряем разметку Schema.org при помощи плагинов (для WordPress)

Самый легкий способ добавить микроразметку на сайт: использовать плагин Schema. Этот плагин работает с любыми имеющимися вариантами schema и встраивается в Yoast SEO.

Для установки перейдите в Плагины › Добавить новый в консоли WordPress и найдите «Schema».

Устанавливаем, активируем.

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

Потом заполняем основные данные.

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

Выбираем нужный тип сайт и загружаем логотип.

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

Также заполняем другие данные.

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

 

Если этот плагин не понравился есть и другие похожие плагины:

  • All In One Schema.org Rich Snippets
  • WPSSO Schema JSON-LD Markup
  • Rich Reviews
  • WP SEO Structured Data Schema
  • Markup (JSON-LD) structured in schema.org

Их также можно найти через поиск в разделе плагины.

Внедряем разметку Schema.org вручную

Будем кодить…Но вы не переживайте, все просто, к тому в статье много подсказок.

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

Разработчики Schema.org предлагают разместить несколько элементов разметки в определенных местах.

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

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

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

<div id=”wrapper”>

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

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

На втором этапе нужно разметить элементы на странице.

Делается это так: выделяете к примеру заголовок и придаете ему значение «Название», затем выделяете рубрику и отмечаете, соответственно.

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

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

И так далее, весь нужный набор данных.

Потом происходит череда проверок похожих страниц, нужно устранить ошибки если они есть.

Микроразметка сайта Schema.orgПотом публикуем эти данные.

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

Разметка заголовка

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

Если разметки нет то параметр itemTupe= пустой, вот здесь и должен быть код, указывающий на заголовок:

itemscope itemtype=”https://schema.org/WebPageElement”

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

Поскольку комментарии располагаются после основного контента, прокрутите страницу вниз до блока с комментариями. У меня этот блок называется <section id=”commentators_block”>, у вас же может называться <div id=”comments”> или еще как-то.

Теперь нужно выяснить в каком файле он находится. С одинаковым успехом он может быть и в comments.php, и в single.php или comment-template.php. Посмотрите оба.

Теперь откройте этот файл в Notepad++ и вставьте элемент микроразметки так, как показано на скриншоте. Также сразу под ним укажите атрибут itemprop=”interactionCount” для вывода числа комментариев.

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

Разметка тела комментария

Теперь нам нужно найти блок, выводящий комментарии. Опять смотрим исходный код страницы, у меня он называется class=”commentblockonce”, у вас же может быть class=”comment-body”. Этот класс тоже может находиться в каком угодно файле: comment-template.php, single.php или в function.php.

Нужно узнать (методам проб и ошибок) какой файл редактировать. Откроем его в Notepad++. Нужно указать код разметки, указывающий, что дальше пойдут комментарии. В моем случае это class=”commentblockonce”. Чтобы облегчить себе поиск, нажмите ctrl+f и введите интересующую фразу.

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

И прямо перед class=”commentblockonce” вставьте атрибут разметки

itemprop=”comment” itemscope=”itemscope” itemtype=”http://schema.org/UserComments

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

Далее в этом же файле чуть ниже находим блок, выводящий автора комментария. Он может выглядеть как class=”comment-author”, но в моем случае это class=”fn” и прямо перед ним вставляем такой код микроразметки:

itemprop=”creator”

Теперь разметим текст комментария. Размечается он так:

itemprop=”commentText”

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

echo ‘<p itemprop=”commentText”>’.get_comment_text ().'</p>’;

И, наконец, разметим дату комментария:

itemprop=”commentTime”

Находим соответствующий класс, в моем случае это class=”date_link” и перед ним вставим код разметки. Также нужно указать формат даты Y-m-d. В конечном итоге у вас должно получиться вот так:

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

Вот собственно и все. Если вы редактируете файл comment-template.php, то должно быть

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

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

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

Всем удачи и успехов!

Автор статьи
Михаил Каржин
Автор блога. Хорошо разбираюсь в маркетинге, интернет продвижении и личной эффективности.
Написано статей 1255
Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Dramtezi.ru
Open chat
Нужна консультация?
Читайте ранее:
фон
Как правильно ставить цели. Шаги к успеху

Статья о том как ставить и достигать целей в жизни. Читайте!

Закрыть