ТОП-5 ошибок при реализации AMP

Зафиксирую наиболее популярные и не всегда очевидные, как кажется на первый взгляд AMP - ошибки, встречающиеся практически на любом сайте СМИ, которые я видела.

1. Замените тег img/video соответствующим тегом amp-img/amp-video

Самая частая из ошибок. Никакой сложности нет, просто нужно поправить этот косяк в коде.

2. Тег script компонента AMP присутствует в документе, но не используется

А вот тут интереснее. Этот как когда проверяешь файл robots.txt например в Search Console. Если у тебя прописан хост для директивы Yandex - гугл выдаст ошибку, но на самом деле это вовсе не ошибка, а просто непонятная для гугла строка. То же самое с тегом script - если вы пользуетесь не только счетчиками Google Analytics, но и Метрикой, Медиатором, Ли.ру - то для гугла внутренности всего, что не есть счетчик Google Analytics в тегах script - будут выглядеть ошибкой, а точнее как пустые теги вида <script> </script>. Но сначала проверьте - не пустые ли или не лишние ли действительно теги скрипт у вас.

3. В HTML-теге отсутствует необходимый атрибут

Как правило, серч консоль укажет Вам на этот атрибут, но есть уникальные случаи, как например такой. Так будет выглядеть сообщение и для страниц, которые отдают 404 ошибку. И т.к. это как правило типовая страница-заглушка - в ней практически и нет атрибутов под AMP верстку. О чем вам гугл и сообщает. То есть прежде, чем искать в колонке справа в коде атрибуты - кликните на страницу и посмотрите, а не 404 ли она.

4. URL не найден (404)

Казалось бы все понятно. Но у меня есть кейс, в котором владелец сайта сам себе насолил. Неверно построил цепочку редиректов. Таким образом при проверки цепочки выдается код ответа сервера 404, но по сути мы видим контент канонической страницы (например, Главной), при этом URL остался старый (страницы, контент которой уже не доступен). Так вот, мораль - следите за логичным техническим исполнением, понятным для всех, стройте цепочки редиректов/или просто коды ответа сервера без выкаблучиваний (читать костылей) понятным только вам.

5. amphtml для декстопной версии и canonical для страницы amp

Почему-то мало кто ставит этот match между канонической (десктопной) версией страницы и AMP-клоном этой страницы.

Вот тут официальная спецификация по Google AMP - актуальная и обновляемая.

Спасибо за внимание.

С Увагой,

Галина Бакушева.