Правильная микроразметка сайта на WordPress. Часть 3 — микроразметка комментариев, картинок, контактов

Мои дорогие читатели, рад приветствовать вас и предложить продолжение ряда статей о микроразметке.

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

Содержание серии статей:

  1. Что такое микроразмета на сайте и зачем она нужна
  2. Микроразметка header
  3. Микроразметка статьи
  4. Микроразметка комментариев
  5. Семантическая разметка изображений
  6. Разметка контактных данных

Микроразметка комментариев, картинок, контактов

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


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

Что нам понадобится:

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. Ребят вторую неделю нога болит после футбола, наступили бутсами в районе лодыжки и никак не проходит. Видимо связки повредил. Кто знает чем лечить можно? Может мазь какую знаете хорошую?

С уважением,
Артем Губтор


Комментарии:

Успей оставить комментарий первым!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

семнадцать + девятнадцать =