Выявление проблем с AMP-страницами

Понедельник, 19 сентября 2016 г.

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

При неправильном внедрении технологии AMP страницы могут содержать ошибки, препятствующие их индексации поисковыми роботами Google. Также вероятны предупреждения о некорректном использовании функций AMP или о возможных ошибк��х в будущем.

Google Search Console – это бесплатный сервис, который, помимо прочего, позволяет выявлять ошибки на AMP-страницах. Обнаружив неполадки, вы сможете использовать перечисленные ниже инструменты для более тщательной проверки.

Инструменты разработчика

Чтобы использовать инструменты разработчика для проверки страниц, выполните следующие действия:

  1. откройте AMP-страницу в браузере;
  2. добавьте к URL элемент #development=1, например так: https://localhost:8000/released.amp.html#development=1;
  3. откройте консоль разработчика Chrome и проверьте страницу на наличие ошибок.

Консоль разработчика с информацией об ошибках будет выглядеть примерно так:

Расширения браузера для AMP-страниц

Расширения браузера, доступные для Chrome и Opera, позволяют быстро обнаружить неправильные AMP-страницы и выполнить отладку. Они проверяют статус всех посещаемых AMP-страниц и сообщают его пользователю. В таблице ниже представлены различные значки, которые могут отображаться в расширениях, в зависимости от корректности AMP-разметки.

Красный значок, указывающий на то, что документ не соответствует критериям AMP Если на странице выявлены проблемы, значок расширения становится красного цвета и на нем показывается количество ошибок.
Зеленый значок, указывающий на то, что документ соответствует критериям AMP Если ошибки не обнаружены, показывается зеленый значок и количество предупреждений (при их наличии).
Синий значок, после нажатия на который появляется вариант HTML-кода с поддержкой AMP Если страница не использует технологию AMP, но сообщает, что доступна ее AMP-версия, вы увидите синий значок с символом ссылки. При нажатии на расширение браузер откроет AMP-версию страницы.

При использовании расширения вы можете нажать на его значок, чтобы ознакомиться с ошибками и предупреждениями. Для каждой проблемы указывается строка и столбец, а также ее описание. Если доступна более полная информация, то отображается ссылка "Подробнее…" Нажав на нее, вы перейдете на страницу сайта ampproject.org с нужными сведениями.

Инструмент AMP Web Validator

Инструмент проверки AMP Web Validator, доступный по адресу validator.ampproject.org, – это удобное средство проверки AMP-страниц.

Вам нужно просто указать URL AMP-страницы или вставить ее исходный код, после чего она будет протестирована на наличие ошибок. Вы можете вносить изменения прямо в инструменте, что приведет к повторной проверке страницы. Это поможет быстро устранить возникшие проблемы.

А как вы проверяете свои AMP-страницы? Поделиться своим мнением об этой функции можно в комментариях к этой записи или на нашей +странице. Если у вас есть вопросы или вам требуется помощь, посетите форум Google для веб-мастеров.