Google рассказал, как устранить ошибки в AMP

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

Специалисты Google предложили инструкцию по решению некоторых из этих ошибок:

1. Выберите несколько статей и пропустите через AMP HTML валидатор для предпросмотра и проверки:

• Откройте страницу в браузере.
• Добавьте в URL “#development=1”, например, https://ampbyexample.com/#development=1.
• Откройте Chrome DevTools консоль с включенным режимом эмуляции мобильного устройства и проверьте на ошибки валидации.
• Исправьте ошибки.

2. Проверьте разметку schema.org в Structured Data Testing Tool:

• Убедитесь, что в разметке присутствуют сниппеты NewsArticle, Article или VideoObject.
• Не должно быть никаких ошибок и предупреждений, связанных с AMP.
• Размер атрибута 'image' должен находиться в пределах допустимых 600x60.
• Соответствует ли логотип требованиям для лого в карусели?

3. Проверьте ссылки:

• Есть ли ссылка rel=amphtml на каноническую страницу?
• Есть ли rel=canonical на страницу AMP HTML?
• Есть ли ссылка rel=amphtml на страницу мобильного сайта, если это возможно?

4. Проверьте внешние ресурсы:

• URL всех сложенных фреймов, видео, шрифтов, аналитических элементов и рекламы должны быть отмечены с помощью HTML-схемы.
• Не используйте относительные URL, это может вызвать проблемы, когда статья загружается из кэша Google.

Источник: seroundtable.com