В общем есть два варианта: все делать вручную или с помощью специальных плагинов, а может быть тема вашего сайта (если говорит о вордпресс) уже поддерживает микроразметку.
Полезный контент, созданный для людей, это, конечно, хорошо, но, как показывает практика, только лишь на качественном материале далеко не уедешь.
Обычный владелец сайта (как я например) в современных условиях это как слуга двух господ, нужно суметь угодить и нашим, и вашим: с одной стороны, надо писать интересные и полезные для пользователей статьи, а с другой- соответствовать требованиям поисковых систем, чтобы они хорошо ранжировали.
Задача, прямо скажем, не из легких.
Но чего не сделаешь ради успешного продвижения. И вот эта микроразметка сайта, его структурированные данные, которые мы предоставляем ПС, призваны тоже в немалой степени увеличить показатели нашего ресурса.
Каким образом?
Если вкратце, использование разметки улучшит расширенное описание наших страниц, так называемых сниппетов, в результатах поиска, оно станет более заметным. А отсюда уже вытекает следствие: наши запросы станут более кликабельными, следовательно увеличится поисковый трафик.
Вот пример по одному запросу, два сниппета, но разные по содержанию, у второго и рейтинг и картинка и т.д.
К тому же повысится доверие со стороны поисковиков к вашему проекту. В любом случае вреда от микроразметки точно нет, а вот пользы- вагон с прицепом.
Многие в сети утверждают, что после того, как сделали разметку, буквально в течении 2-3 недель трафик увеличился в два раза. Может врут (думаю так и есть). Предлагаю для начала посмотреть видеоролик по этому вопросу, версию Яндекса о микроразметке Schema.org.
Если вы убедились в необходимости, то приступим, вначале самый легкий способ.
Внедряем разметку Schema.org при помощи плагинов (для WordPress)
Самый легкий способ добавить микроразметку на сайт: использовать плагин Schema. Этот плагин работает с любыми имеющимися вариантами schema и встраивается в Yoast SEO.
Для установки перейдите в Плагины › Добавить новый в консоли WordPress и найдите «Schema».
Устанавливаем, активируем.
Потом заполняем основные данные.
Выбираем нужный тип сайт и загружаем логотип.
Также заполняем другие данные.
Если этот плагин не понравился есть и другие похожие плагины:
Их также можно найти через поиск в разделе плагины.
Внедряем разметку Schema.org вручную
Будем кодить…Но вы не переживайте, все просто, к тому в статье много подсказок.
Разметка верхней части страницы
Разработчики Schema.org предлагают разместить несколько элементов разметки в определенных местах.
Поскольку дело касается шапки блога, откроем файл header.php. Лучше всего редактировать его в Notepad++, потому что в нем есть очень удобная функция «шаг назад»- если что пошло не так, всегда есть возможность вернуться к исходному положению.
Всякий раз когда дело касается кодов, не устаю повторять- сделайте прежде резервную копию сайта. Если она у вас есть, вы будете более уверенно разбираться с изменениями в коде, потому что в любой момент можете восстановить файл из бекапа.
Итак, после тега body ищем такую строчку:
<div id=»wrapper»>
У вас может быть <div id=»header»> или <div id=»content»>.
Это стало моей первой проблемой. Дело в том, что в моем файле не оказалось <?php bloginfo (‘name’); Пробовал и так, и сяк, результат ноль. В конце концов просто взял и добавил его, вписав нужный элемент.
Получилось так:
Теперь давайте добавим описание сайта. Ищем такую строчку:
<h2><?php bloginfo (‘description’); ?></h2>
В этот код нужно встроить элемент разметки itemprop=»description». Должно получиться вот так:
За вывод контента и формирование содержимого страницы отвечает файл single.php. Но чтобы узнать конкретно что именно и где размечать, обратимся к помощи инструментов Гугла.
Идем по адресу: «Инструменты для веб-мастеров» – Маркер добавление тегов.
Предварительно нужно авторизоваться в панели вебмастера в Гугл.
Отмечаем пункт «Статьи», указываем УРЛ любого вашего поста и жмем на кнопочку «Начать разметку». Если у вас не статейник, как у меня, то выбираете свой тип данных.
На втором этапе нужно разметить элементы на странице.
Делается это так: выделяете к примеру заголовок и придаете ему значение «Название», затем выделяете рубрику и отмечаете, соответственно.
Автор.
И так далее, весь нужный набор данных.
Потом происходит череда проверок похожих страниц, нужно устранить ошибки если они есть.
Потом публикуем эти данные.
Разметка изображений
Что касается разметки изображений, внедрим ее с помощью файла functions.php. Поместите туда вот такой небольшой код:
Чтобы узнать, куда его вставлять, нужно открыть исходный код страницы любой вашей статьи, но желательно с комментариями.
Поскольку комментарии располагаются после основного контента, прокрутите страницу вниз до блока с комментариями. У меня этот блок называется <section id=»commentators_block»>, у вас же может называться <div id=»comments»> или еще как-то.
Теперь нужно выяснить в каком файле он находится. С одинаковым успехом он может быть и в comments.php, и в single.php или comment-template.php. Посмотрите оба.
Теперь откройте этот файл в Notepad++ и вставьте элемент микроразметки так, как показано на скриншоте. Также сразу под ним укажите атрибут itemprop=»interactionCount» для вывода числа комментариев.
Разметка тела комментария
Теперь нам нужно найти блок, выводящий комментарии. Опять смотрим исходный код страницы, у меня он называется class=»commentblockonce», у вас же может быть class=»comment-body». Этот класс тоже может находиться в каком угодно файле: comment-template.php, single.php или в function.php.
Нужно узнать (методам проб и ошибок) какой файл редактировать. Откроем его в Notepad++. Нужно указать код разметки, указывающий, что дальше пойдут комментарии. В моем случае это class=»commentblockonce». Чтобы облегчить себе поиск, нажмите ctrl+f и введите интересующую фразу.
И прямо перед class=»commentblockonce» вставьте атрибут разметки
Далее в этом же файле чуть ниже находим блок, выводящий автора комментария. Он может выглядеть как class=»comment-author», но в моем случае это class=»fn» и прямо перед ним вставляем такой код микроразметки:
itemprop=»creator»
Теперь разметим текст комментария. Размечается он так:
itemprop=»commentText»
Тут меня подстерегла еще одна проблема. В моем файле была только такая запись commentText, без всяких скобок и указания класса. Как бы я ни пытался встроить разметку, результат всегда был ноль. В конце концов я просто снес данную запись и ввел нужный мне текст:
Находим соответствующий класс, в моем случае это class=»date_link» и перед ним вставим код разметки. Также нужно указать формат даты Y-m-d. В конечном итоге у вас должно получиться вот так:
Вот собственно и все. Если вы редактируете файл comment-template.php, то должно быть
На этом все. Данная статья поможет все настроить, однако лучше если вы будете использовать специальные плагины, а не возиться с кодом.
Также если ваша тема обновляется, то все изменения вносить используя дочернюю темы, подробней вы можете уточнить у автора темы, там где вы ей скачали или купили будут инструкции по использованию дочерних тем.
Всем удачи и успехов!
Экспертный комментарий
Материал подготовлен практикующим специалистом по маркетингу
Михаил Каржин — Вебмастер, маркетолог, преподаватель и специалист по рекламным технологиям. Разрабатываю сайты, рекламные кампании и стратегии продвижения для бизнеса. Работаю с Яндекс Директ, SEO, контентом, аналитикой и комплексным интернет-маркетингом. Пишу полезные статьи и книги.
Преподаватель маркетинга. Специалист по рекламе. Разработка сайтов. Яндекс Директ
Потом публикуем эти данные.
Теперь нужно выяснить в каком файле он находится. С одинаковым успехом он может быть и в comments.php, и в single.php или comment-template.php. Посмотрите оба.
Теперь откройте этот файл в Notepad++ и вставьте элемент микроразметки так, как показано на скриншоте. Также сразу под ним укажите атрибут itemprop=»interactionCount» для вывода числа комментариев.