Блог Баяса Батуева|Блоггинг,инфобизнес и заработок в интернете
Продвижение в поисковых системах, оптимизация и заработок на сайте
21февраля10:07
Микроразметка сайта ( часть 2 ) -разметка комментариев (пошаговая инструкция
Здравствуйте, уважаемые читатели блога . Давайте продолжим тему, начатую в прошлой статье «Микроразметка сайта Schema.org» и сегодня рассмотрим разметку комментариев. Тема актуальная и нужная, хоть и косвенно, но влияет на ранжирование сайта, что подтверждает и сам Яндекс:
«Разметка может сделать ваш сайт более заметным в Поиске Яндекса и таким образом привлечь больше посетителей, принадлежащих целевой аудитории. Яндекс же заинтересован в том, чтобы пользователи решали свои задачи с помощью Поиска. Одна из метрик качества Поиска так и называется — «счастье пользователя». Сайты, повышающие «счастье», ранжируются выше».
Сделать разметку комментариев оказалось гораздо труднее, чем я предполагал. Пришлось изрядно поломать голову, в буквальном смысле четыре дня не отходил от компьютера и путем проб и ошибок, или как принято выражаться, методом тыка, решил-таки этот вопрос.
А все дело в том, что у всех разные шаблоны и те инструкции, которые есть в сети, подходят для одних, но совершенно неприемлемы для других. Тема довольно-таки новая, еще малоизученная, даже на форумах и то гораздо больше вопросов, чем ответов.
В конце концов проблема была успешно решена и далее я предлагаю вашему вниманию пошаговую инструкцию, следуя которой вы легко и непринужденно в течение нескольких минут сделаете все необходимые разметки. Причем теперь неважно какой у вас шаблон, этот метод универсальный. Главное, четко следуйте подсказкам и все будет ОК.
Разметка заголовка
Сначала обязательно нужно разметить заголовок. Об этом мало кто пишет, все обычно начинают с вывода числа комментариев. Между тем это стало для меня огромной проблемой. Что бы я ни делал, все время в валидаторе выходила ошибка:
Как видите, параметр itemTupe= пустой, вот здесь и должен быть код, указывающий на заголовок:
Чтобы узнать, куда его вставлять, нужно открыть исходный код страницы любой вашей статьи, но желательно с комментариями. Поскольку комментарии располагаются после основного контента, прокрутите страницу вниз до блока с комментариями. У меня этот блок называется <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" вставьте атрибут разметки
Далее в этом же файле чуть ниже находим блок, выводящий автора комментария. Он может выглядеть как class="comment-author", но в моем случае это class="fn" и прямо перед ним вставляем такой код микроразметки:
itemprop="creator"
Теперь разметим текст комментария. Размечается он так:
itemprop="commentText"
Тут меня подстерегла еще одна проблема. В моем файле была только такая запись commentText, без всяких скобок и указания класса. Как бы я ни пытался встроить разметку, результат всегда был ноль. В конце концов я просто снес данную запись и ввел нужный мне текст:
Находим соответствующий класс, в моем случае это class="date_link" и перед ним вставим код разметки. Также нужно указать формат даты Y-m-d. В конечном итоге у вас должно получиться вот так:
Вот собственно и все. Если вы редактируете файл comment-template.php, то должно быть так:
Если все сделали правильно, валидатор Яндекса покажет следующее:
Может появиться и предупреждение:
По этому поводу можете не беспокоиться, это не ошибка, Яндекс всего лишь информирует вас, что в данный момент такая разметка им не поддерживается. Яндекс в этом плане намного отстает от Гугла, который видит и поддерживает любую разметку.
На этом у меня все, если возникнут вопросы, задавайте их в комментариях и не забудьте подписаться на новости блога. Всего доброго.
Очень познавательно. Хотя для меня это не столько познавательно, сколько стимулирующе. Вот наверное прямо сегодня и займусь микроразметкой у себя в блоге.
2015-02-25
Инна
Учитывая то, что тема эта новая, вы проделали большую работу, собрав по крупицам и опробовав эту информацию. Спасибо за статью.
2015-02-28
Баяс Батуев
Вот это отношение к делу: не откладывать в долгий ящик. Удачи.
Появится страница поиска, где нужно отметить галочкой пункт «С текстом», вписать в специальное поле название вашего блока комментариев. В моем случае это id="commentators_block". И жмите кнопочку «Начать поиск». Через несколько секунд вы точно будете знать в каком файле искать интересующую фразу.
Вот так все просто. Теперь откройте этот файл в Notepad++ и вставьте элемент микроразметки так, как показано на скриншоте. Также сразу под ним укажите атрибут itemprop="interactionCount" для вывода числа комментариев.
Загрузите файл на хостинг и проверьте в валидаторе, должно получиться вот так:
Разметка тела комментария
Теперь я точно знаю какой файл мне редактировать. Откроем его в 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"