В общем есть два варианта: все делать вручную или с помощью специальных плагинов, а может быть тема вашего сайта (если говорит о вордпресс) уже поддерживает микроразметку.
Полезный контент, созданный для людей, это, конечно, хорошо, но, как показывает практика, только лишь на качественном материале далеко не уедешь.
Обычный владелец сайта (как я например) в современных условиях это как слуга двух господ, нужно суметь угодить и нашим, и вашим: с одной стороны, надо писать интересные и полезные для пользователей статьи, а с другой- соответствовать требованиям поисковых систем, чтобы они хорошо ранжировали.
Задача, прямо скажем, не из легких.
Но чего не сделаешь ради успешного продвижения. И вот эта микроразметка сайта, его структурированные данные, которые мы предоставляем ПС, призваны тоже в немалой степени увеличить показатели нашего ресурса.
Каким образом?
Если вкратце, использование разметки улучшит расширенное описание наших страниц, так называемых сниппетов, в результатах поиска, оно станет более заметным. А отсюда уже вытекает следствие: наши запросы станут более кликабельными, следовательно увеличится поисковый трафик.
Вот пример по одному запросу, два сниппета, но разные по содержанию, у второго и рейтинг и картинка и т.д.
К тому же повысится доверие со стороны поисковиков к вашему проекту. В любом случае вреда от микроразметки точно нет, а вот пользы- вагон с прицепом.
Многие в сети утверждают, что после того, как сделали разметку, буквально в течении 2-3 недель трафик увеличился в два раза. Может врут (думаю так и есть). Предлагаю для начала посмотреть видеоролик по этому вопросу, версию Яндекса о микроразметке Schema.org.
Если вы убедились в необходимости, то приступим, вначале самый легкий способ.
Внедряем разметку Schema.org при помощи плагинов (для WordPress)
Самый легкий способ добавить микроразметку на сайт: использовать плагин Schema. Этот плагин работает с любыми имеющимися вариантами schema и встраивается в Yoast SEO.
Для установки перейдите в Плагины › Добавить новый в консоли WordPress и найдите «Schema».
Устанавливаем, активируем.
Потом заполняем основные данные.
Выбираем нужный тип сайт и загружаем логотип.
Также заполняем другие данные.
Если этот плагин не понравился есть и другие похожие плагины:
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»>.
Это стало моей первой проблемой. Дело в том, что в моем файле не оказалось <?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, то должно быть
На этом все. Данная статья поможет все настроить, однако лучше если вы будете использовать специальные плагины, а не возиться с кодом.
Также если ваша тема обновляется, то все изменения вносить используя дочернюю темы, подробней вы можете уточнить у автора темы, там где вы ей скачали или купили будут инструкции по использованию дочерних тем.
«Отличный материал! Теперь я знаю, как добавить микроразметку Schema.org на свой сайт и улучшить его SEO. Спасибо автору за понятное и полезное объяснение!»
Микроразметка Schema.org — важный инструмент для улучшения SEO-оптимизации сайта и повышения его видимости в поисковых системах. Статья предоставляет полезную информацию по ее созданию.
Микроразметка Schema.org — это важный инструмент для оптимизации сайта. Ее использование позволяет поисковым системам лучше понять контент страницы и отображать его более информативно. Настройка микроразметки поможет повысить видимость и привлечь больше трафика.
Потом публикуем эти данные.
«Отличный материал! Теперь я знаю, как добавить микроразметку Schema.org на свой сайт и улучшить его SEO. Спасибо автору за понятное и полезное объяснение!»
«Отличная статья о микроразметке Schema.org! Я теперь точно знаю, как ее использовать на своем сайте. Спасибо за полезную информацию!»
Микроразметка Schema.org — важный инструмент для улучшения SEO-оптимизации сайта и повышения его видимости в поисковых системах. Статья предоставляет полезную информацию по ее созданию.
Микроразметка Schema.org поможет вашему сайту быть более видимым для поисковых систем.
Отличная статья, полезно знать, как сделать микроразметку Schema.org на своем сайте.
Микроразметка Schema.org — это важный инструмент для оптимизации сайта. Ее использование позволяет поисковым системам лучше понять контент страницы и отображать его более информативно. Настройка микроразметки поможет повысить видимость и привлечь больше трафика.
об этом можно прочитать в статье на нашем блоге.
0