Мои дорогие читатели, рад приветствовать вас и предложить продолжение ряда статей о микроразметке.
Микроразметка комментариев, картинок и контактных данных оказывает большое влияние на оптимизацию сайта. В этой статье покажу как правильно сделать микроразметку комментариев, картинок и контактных данных
Содержание серии статей:
- Что такое микроразмета на сайте и зачем она нужна
- Микроразметка header
- Микроразметка статьи
- Микроразметка комментариев
- Семантическая разметка изображений
- Разметка контактных данных
Микроразметка комментариев
Я слышал мнение, что комментарии размечать необязательно, мол роботы и сами догадаются что это комментарии. Но если вам интересно лично мое мнение, то я уже говорил о том, что конкуренция блогов и сайтов огромна, и если перед роботом стоит выбор какой сайт поставить выше, то он выберет тот, который сделан более качественно, который быстрее грузится (о том как ускорить сайт читайте здесь), и который правильно размечен.
Что нам понадобится:
1.Основа разметки -itemprop=”comment” itemscope itemtype=”http://schema.org/Comment”
2.Всего комментариев – itemprop=”interactionCount”
3.Автор комментария – itemprop=”creator”
4.Дата комментария – itemprop=”commentTime”
5.Текст комментария – itemprop=”commentText”
1.Найдите файл comments.php и в нем ищите блок в котором происходит вывод комментариев. У меня этот блок расположен после условия if ( have_comments() ) : Так вот к этому div добавьте атрибуты itemprop=”comment” itemscope itemtype=”http://schema.org/Comment”.
У меня это выглядит вот так:
<div class="comment_section animate" data-anim-type="fadeInUp" data-anim-delay="600" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
2.Далее можно указать количество всех комментариев, найдите место где используется функция comments_number. И добавьте itemprop=”interactionCount”
Получится примерно так:
<h3 id="comments" itemprop="interactionCount">Комментариев к записи:
<?php comments_number ('Нет', '1', '%' );?></h3>
Боюсь, что оставшаяся часть вывода комментариев будет разной в зависимости от шаблона. Поэтому попробуйте найти самостоятельно в каком месте у вас выводится Автор комментария, Дата и Текст
И добавьте в местах вывода те атрибуты, которые я написал в списке выше. Принцип везде один, думаю разберетесь.
Микроразметка изображений (картинок)
В прошлой статье я обещал показать один эффективный способ разметки изображений. Согласитесь, что писать статью и каждый раз размечать картинки вообще не айс.
Конечно если кого-то устраивает такой вариант, то пожалуйста. Нужно добавлять к тегам img атрибут itemprop=”image”‘.
Но есть функция, которая делает микроразметку изображений автоматически. Возьмите код функции и вставьте его в файл functions.php. Вставить можно в конце перед ?>
Код функции:
[sociallocker id=456]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’);[/sociallocker]
Добавили? Славненько. теперь вмикроразметка картинок будет происходить автоматически.
Микроразметка контактных данных
Отлично, мы почти закончили делать микроразметку. Последним шагом я рекомендовал бы прописать микроразметку контактных данных. Для чего? Обязательно указывайте ваши контактные данные и размечайте их – это повышает доверие поисковиков к вашему блогу или другому ресурсу, который вы создаете.
Тем более это несложно, просто заполните примерно такой шаблон и вставьте его в разделе Об авторе или Контакты.
Название – <span itemprop=”name”>Здесь название блога</span>
Индекс – <span itemprop=”postalCode”>Здесь индекс</span>
Населенный пункт – <span itemprop=”addressLocality”>Здесь населенный пункт</span>
Улица – <span itemprop=”streetAddress”>Здесь адрес</span>
Телефон – <span itemprop=”telephone”>Здесь ваш телефон</span>
Электронная почта – <span itemprop=”email”>Здесь ваш e-mail</span>
* e-mail доменного имени типа info@site.ru (не mail.ru, gmail.com, yandex.ru и т.д.)
Ну вот и все, на этом микроразметку сайта на wordpress можно завершить. Но есть еще много фишек, которые помогут сделать ваш сайт лучше. О них я буду рассказывать дальше, поэтому подписывайтесь на рассылку и прокачивайте свой блог на 100%
Все получилось сделать? Я знаю, что это непросто с первого раза особенно новичкам. Если что то не выходит, пишите в комментариях, будем разбираться вместе.
P.S. Ребят вторую неделю нога болит после футбола, наступили бутсами в районе лодыжки и никак не проходит. Видимо связки повредил. Кто знает чем лечить можно? Может мазь какую знаете хорошую?
С уважением,
Артем Губтор