Ошибки разметки микро-данных в google-Вебмастер

Еще раз убедился в том, что надо почаще заглядывать в Google-Вебмастер. «Почему?» — спросите вы. Потому что этот инструмент очень многое может рассказать о нашем сайте, как хорошего так и плохого. В общем, случайно заглянул в Вебмастер-google и увидел там целый список ошибок для сайта cppstudio.com, вот эти ошибки:

Итак у нас есть целый список страниц с ошибками, причем для всех страниц одни и те же ошибки, вот они:

Природа возникновения ошибок разметки микроданных

Ошибки эти появились после того, как я подтвердил google-авторство. Что такое Google-авторство, вы можете прочитать в моей статье — «Подтверждение и проверка авторства в Google». Суть ошибок в том, что google не может собрать всю необходимую информацию о конкретной странице. Информация эта нужна, для правильного отображения сниппетов и мета-данных страниц в поисковой выдаче. Конкретно, в моем случае, проблема заключается в том, что гугл не может найти автора и дату обновления страницы.

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

Кроме ошибок разметки, на блогах или сайтах очень часто встречаются орфографические ошибки. Хотите узнать, как избавиться от таких ошибок? Ну что за вопрос, конечно хотите, вот решение — «Исправление орфографических ошибок на сайте».

Как же исправить ошибки разметки микроданных?

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

Для начала, вам нужно перейти в каталог с темами вашего блога, у всех путь один и тот же: /wp-content/themes. В этом каталоге лежат все темы, которые установлены на вашем сайте. Прежде всего, вы должны знать название темы, которую вы сейчас используете. В моем случае, название темы «cppstudio», я захожу в эту папку:

Итак, теперь нужно открыть нужные файлы шаблонов и отредактировать их, в моем случае, это всего лишь один файл — templates/meta-data.php. «Как я определил, что именно в этом файле нужно редактировать код?» — не спрашивайте, я web-программист и знаю как это делается. Не то, чтобы я не хотел вам рассказать как можно найти нужные файлы шаблонов, просто люди не знающие программирования меня не поймут. Но у меня есть и для вас способ, который, возможно вам поможет найти нужный шаблон, но об этом сразу после того, как я покажу, как нужно исправить код.

Для начала, нужно открыть этот файл, рекомендую использовать специальный редактор — Sublime Text, но это необязательно, вы можете править код и в блокноте. Чтобы отредактировать код в шаблоне, я захожу в редактор Sublime Text и открываю нужный файл.

Что я сделал? Я обернул вот эти конструкции кода:

<?php echo $authorName; ?>
<?php the_date(); ?>

в теги span с определенными классами. Вам нужно будет сделать тоже самое. Если в вашей теме нет такого (templates/meta-data.php) файла шаблона, то вам придется искать свой файл шаблона. Для этого вам нужно сделать поиск по коду. Искать нужно следующие конструкции кода:

• Для ошибки «Отсутствует: author»:
   

  <?php echo $authorName; ?>
  <?--или --?>
  <?php the_author(); ?> 
  <?--или --?>
  <?php the_author_link(); ?>

• Для ошибки «Отсутствует: updated»:
   

  <?php the_date(); ?>

Поиск шаблонов с неправильной разметкой

В каких файлах нужно сделать поиск? Приведу список файлов, по приоритету, в которых вам нужно сделать поиск:

1. index.php
2. base.php
3. single.php
4. page.php
5. content-single.php
6. content-page.php
7. page-header.php

Вот небольшой список тех файлов, в которых могут находиться нужные вам конструкции кода. По порядку, начиная с файла index.php, выполняйте поиск. Если нашли нужную конструкцию, то оборачивайте ее в теги span, как показано у меня в примере, выше. Вот фрагменты кода, которые вам необходимо вставить вместо тех, что вы найдете в своих шаблонах.

<!-- Для решения ошибки "Отсутствует: author" -->
<span class="vcard author">
   <span class="fn"><?php the_author_posts_link(); ?></span>
</span>

<!-- Для решения ошибки "Отсутствует: updated" -->
<span class="date updated"><?php the_date(); ?></span>

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

Ошибки разметки микроданных исчезли?

Теперь мы должны проверить, правильно ли мы все сделали. Для этого воспользуемся инструментом проверки структурированных данных, вводим нужный url и нажимаем кнопку «Проверить». Если никакие ошибки не появились, то мы все сделали правильно. Необходимо подождать пока google просканирует ваш сайт и обновит сниппеты, тогда ошибки в google-Вебмастер исчезнут и в выдаче появятся дата обновления и автор записи.

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

Другие ошибки разметки микроданных

Ошибки связанные с рейтингом записей. Эти ошибки могут у вас появиться, если вы добавили на свой блог плагин рейтингов записей, например такой — статья с рейтингом. на моем сайте cppstudio.com таких ошибок аж 340.

Исправляем ошибки так:

<div style="display: none;" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
   <!-- Максимальная оценка в рейтинге --!>
   <meta itemprop="bestRating" content="5">
   <!-- Общая оценка записи --!>
   <meta itemprop="ratingValue" content="5"> 
   <!-- Количество голосов --!>
   <meta itemprop="ratingCount" content="1"> 
</div>

Вот этот блок кода вам необходимо поместить в шаблон вашего рейтинга, куда именно — сказать сложно, нужно ориентироваться по коду. И вообще, лучше, чтобы правил код программист. Это быстро и не дорого, да и сайт 100% будет работать после правок.

/wp-content/plugins/mypuzzle-word-search/get_ws_grid.php

300