Вернуться к списку новостей

15.03.2016 Google рассказал, как избежать ошибок в AMP

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

Шаг первый

Пропускаем через AMP HTML валидатор выборочно 2-3 статьи, что даст нам возможность проверки и предпросмотра. Последовательность действий:

• Заходим на страницу в браузере.
• К адресу страницы добавляем «#development=1». Для примера: https://forexample.ru/#development=1 .
• Далее проверяем на ошибки валидации, открыв консоль Chrome DevTools при включенном режиме эмуляции мобильного девайса.
• Приступаем непосредственно к устранению ошибок.

Шаг второй

Следующим действием нужно проверить разметку schema.org на соответствие следующим требованиям:

• В schema.org должны присутствовать сниппеты Article/NewsArticle/VideoObject.
• Размер «image» не должен быть больше допустимого (допустимый размер – 600*60).
• Убедитесь, что нет ошибок или предупреждений, связанных с AMP.
• Логотип должен отвечать требованиям для лого в карусели.

Шаг третий – проверка ссылок

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

Шаг четвертый – проверка внешних ресурсов

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