21 февраля 10:07
Рубрика: Внутренняя оптимизация 4 комментария

Микроразметка сайта ( часть 2 ) -разметка комментариев (пошаговая инструкция

Здравствуйте, уважаемые читатели блога . Давайте продолжим тему, начатую в прошлой статье «Микроразметка сайта Schema.org» и сегодня рассмотрим разметку комментариев. Тема актуальная и нужная, хоть и косвенно, но влияет на ранжирование сайта, что подтверждает и сам Яндекс:

 

 

«Разметка может сделать ваш сайт более заметным в Поиске Яндекса и таким образом привлечь больше посетителей, принадлежащих целевой аудитории. Яндекс же заинтересован в том, чтобы пользователи решали свои задачи с помощью Поиска. Одна из метрик качества Поиска так и называется — «счастье пользователя». Сайты, повышающие «счастье», ранжируются выше».

 

Содержание

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

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

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

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

 

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

 

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

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

itemscope itemtype="http://schema.org/WebPageElement"

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

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

Я как-то вскольз упоминал об этой чудо-программе в статье о битых ссылках ( здесь можете почитать о том, что это такое ). Эта программа может не только обеспечить безопасное FTP-соединение, найти любую ссылку, но и с успехом удалить неудаляемые файлы.

Но сначала сделайте бэкап сайта ( тут я писал как его делать ) и сохраните на компьютере. Затем откройте его в Total Commander, откройте именно файл с вашей темой. Далее щелкните по кнопке «Поиск файлов».

Появится страница поиска, где нужно отметить галочкой пункт «С текстом», вписать в специальное поле название вашего блока комментариев. В моем случае это id="commentators_block". И жмите кнопочку «Начать поиск». Через несколько секунд вы точно будете знать в каком файле искать интересующую фразу.

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

Загрузите файл на хостинг и проверьте в валидаторе, должно получиться вот так:

 

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

 

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

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

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

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

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


Далее в этом же файле чуть ниже находим блок, выводящий автора комментария. Он может выглядеть как 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. В конечном итоге у вас должно получиться вот так:

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


Если все сделали правильно, валидатор Яндекса покажет следующее:

Может появиться и предупреждение:

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

На этом у меня все, если возникнут вопросы, задавайте их в комментариях и не забудьте подписаться на новости блога. Всего доброго.

С уважением Баяс Батуев

Хочешь получать статьи этого блога на почту?
4 комментария
  • ZeroXor

    Очень познавательно. Хотя для меня это не столько познавательно, сколько стимулирующе. Вот наверное прямо сегодня и займусь микроразметкой у себя в блоге.

    2015-02-25
  • Инна

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

    2015-02-28
  • Баяс Батуев

    Вот это отношение к делу: не откладывать в долгий ящик. Удачи.

    2015-02-28
  • Баяс Батуев

    И вам спасибо за комментарий.

    2015-02-28

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