Как проверить ускоренные мобильные страницы (AMP)

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

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

Теперь есть еще одна вещь, которую нужно сделать: проверка этих страниц.

AMP Validators

Есть несколько способов проверить ваши страницы AMP:

Добавить в # Развитие = 1 след в конце URL страницы AMP. Отчет будет спроектирован в Приставка вкладка под DevTools.
В качестве альтернативы вы можете использовать онлайн-валидатор AMP.
Вы также можете использовать расширение Chrome AMP.

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

Сообщение об ошибке AMP в консоли DevTools.

Проверка AMP в первую очередь влияет использование элементов HTML, s, и декларации стиля. Убедитесь, что все эти элементы на странице соответствуют AMP, и что ничего, что нарушает рекомендации AMP, там не осталось. В противном случае ваша страница AMP нигде не появится.

Структура данных

AMP также требует структуры данных схемы. Эти данные изложены в голова тег страницы в формате JSON. Он содержит контекстную информацию о странице, включая заголовок, логотип и название издателя, дату, когда она была опубликована и изменена и т. Д..

В зависимости от назначения страницы данные для включения могут различаться: статьи, обзоры, рецепты, видео и т. Д. Для получения подробной информации о типе данных можно обратиться к документации по типам данных Google..

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

Вместо этого они появятся в Инструменте тестирования структурированных данных Google, а также в вашем аккаунте Google Webmasters..

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

Таким образом, помимо следования рекомендациям AMP с их собственными пользовательскими элементами HTML, необходимые данные схемы также должны быть на месте..

Пропущенные ошибки

Большинство ошибок отмечены в Документах явно и могут быть легко замечены. Однако некоторые ошибки связаны с переменными, которые мы можем не заметить, например, “Неверное значение атрибута”, который говорит Msgstr "Атрибут"% 1 "в теге"% 2 "имеет недопустимое значение"% 3 ".".

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

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

Это может сделать проверку AMP Page сложной задачей, особенно если принять во внимание сотни или (возможно) тысячи устаревшего контента, опубликованного много лет назад..

Последняя мысль

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