Как проверить и просмотреть AMP страницу

Один из самых простых способов проверить AMP страницу на ошибки — это воспользоватся готовыми онлайн валидаторами. Воспользоватся онлайн проверкой можно у нас на сайте заполнив простую форму внизу.

проверять можно только опубликованные страницы в интернет

 

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

  • Открыть AMP-страницу в браузере. Достаточно дважды кликнуть на названии файла, откроется браузер, и Вы увидите результат работы вашей страницы. Все стандартно, то же самое, что и при работе с обычным HTML. Но, в этом случае некоторые элементы могут не работать из-за проблем с запросами.
  • Открыть страницу через веб-сервер. Для этого идеально подойдут локально устанавливаемые серверы, такие как Denwer или XAMPP. Загружаем AMP-страницу в нужный каталог Вашего сервера и обращаемся к нему через localhost или 127.0.0.1.

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

Важное замечание. Так как AMP поддерживается компаний Google, то весь код тестируется и проверяется в браузере Google Chrome. Соответственно, используются инструменты именно этого браузера.

Чтобы проверить страницу на соответствие стандартам, необходимо:

  1. Открыть AMP-страницу в браузере.
  2. В самый конец URL-адреса добавить текст #development=1 . Должно получится что-то вроде: http://localhost/First.html#development=1.
  3. Открыть консоль разработчика Chrome. Сделать это можно с помощью сочетания клавиш CTRL+SHIFT+J.

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

На данном изображении изображены ошибки AMP при разработке

1
Оставить комментарий

avatar
25412
1 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
1 Авторы комментариев
infinitygodx Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
infinitygodx
Гость
infinitygodx

Спасибо! Добавлю в закладки