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

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

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

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

Как видите, параметр 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, то должно быть так:

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


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

На этом у меня все. Успехов!

Написать комментарий