AMP. Что это и для каких сайтов используется?1612303463

Что такое AMP?

Дата публикации: 3 февраля 2021

В нынешнее время каждый второй визит на сайты производится с мобильного девайса. Это и неудивительно. У каждого есть доступ к интернету и мобильные гаджеты. Общий трафик с мобильных гаджетов уже в несколько раз превысил трафик с десктоп устройств.

Несмотря на это далеко не у всех стран есть доступ к быстрым сетям 4G, LTE или Wi-Fi. 3G и GPRS могут долго грузить информационные интернет-площадки. По этой причине в 2015 году Google решил запустить проект AMP, позволяющий мобильным пользователям свободно просматривать сайты в интернете.

Что представляет собой AMP?

AMP-страницы – одна из лучших технологий, которая была создана разработчики для увеличения загрузки страниц и отображения сайтов на смартфонах. Использовать данный инструмент рекомендуется контентным веб-порталам, которые заинтересованы в наращивании целевого трафика. Технология поддерживается Pinterest, Medium Twitter, Tumblr, LinkedIn.

Технологию АМР активно применяют для информационных сайтов, новостных интернет-площадок, блогов, интернет-журналов. Для более больших и сложных проектов AMP не стоит использовать. В нынешнее время данная технология не является заменой мобильной или адаптивной версии.

Если вы преследуете цель, чтобы ваш сайт входил в ТОП-позиции в строке поиска, использование AMP просто необходимо.

АМР: плюсы и минусы

Неоспоримое преимущество технологии АМР – быстрая загрузка веб-страниц. Благодаря этому пользователи, у которых нет доступа к высокоскоростному интернету, смогут получать ответы на свои запросы. Среди недостатков сайтов на AMP стоит отметить, что далеко все элементы дизайна, которые представлены на основной веб-платформе, можно перенести на AMP. Учитывайте, что внедрение этой технологии приводит и к тому, что обычного текстового редактора будет недостаточно для того, чтобы разместить текст на странице.

Создание AMP-версии

Не стоит переводить полностью весь сайт в АМР. Это неразумно и рано или поздно попросту приведет к тому, что конверсия уменьшиться. Внедряйте данную технологию локально.

Верстка AMP-страниц мало чем отличается от обычной верстки веб-площадки. Нужно придерживаться несложных правил и рекомендаций. Для создания AMP-версии необходимо задействовать определенные теги. Кроме этого нельзя добавлять кастомные скрипты и использовать !important. CSS должен быть не больше 50кб.

В самом начала создаем шаблон с нуля для нужного веб-ресурса. Вы можете сделать вручную АМР-версию всех новых страниц. В этом случае придется хорошо изучить технологию, узнать о ее требованиях и ограничениях. Но мы рекомендуем воспользоваться вариантом попроще и настроить автоматическую генерацию. Для этого достаточно скачать плагин к CMS, который в разы облегчит создание AMP страниц. Далее его нужно установить и активировать.

Веб-ресурс на AMP после завершения необходимо проверить на наличие ошибок. Для этого воспользуетесь специально предназначенными для этого сервисами. В противном случае сайт не будет показываться в ТОП поиске.

AMP-JS и AMP CDN

Благодаря технологии AMP-JS вы легко сможете сделать загрузку страниц более быстрой. Она предполагает добавления «amp» к тегам img, video, audio и пр.

Конечно, далеко не все из нас имеют нужные знания и навыки в области web-разработки. В любом случае у тех, у кого имеется интернет-магазин или блог, необходимо задуматься об этом, и обратиться к соответствующим специалистам.

Для веб-ресурсов на WordPress и Opencart

Если требуется ускорить страницу на ВордПресс, просто настройте плагины AMP, Glue for Yoast SEO & AMP.

Для web-ресурсов на движке OpenCart используйте модуль AMP. Однако учитывайте, что он платный. Если нужен бесплатный модуль, используйте AMP for Product Pages. Однако на практике с ним сложно работать.

Проверка AMP-страницы: что для этого нужно?

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

Способ 1

Для проверки можете воспользоваться специальным сервисом от Google (https://search.google.com/test/amp). Зайдя на данный интернет-ресурс, необходимо вставить адрес АМР-страницы сайта в специальную форму и нажать «проверить». Через 30 секунд вы увидите результат.

Если недоработки не были найдены, вы увидите зеленое сообщение. Если будут какие-то проблемы с кодом, на экране появится сообщение красным цветом.

Способ 2

Также можете воспользоваться еще одним методом проверки. Для этого откройте AMP-страницу в браузере, после этого добавьте в конец URL элемент #development=1. После этого откройте консоль Chrome. Это позволит проверить, имеются ли ошибки на сайте.

AMP и SEO

Каждый второй пользователь интернета ищет информацию с помощью мобильных гаджетов. Технологии АМР дает неоспоримые преимущества для SEO.

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

Подведем итоги. AMP — новая технология, которая была создана для "легкой" мобильной версии сайта. Главное ее достоинство – быстрая скорость загрузки. Согласитесь, если веб-площадка не загружается более 3 секунд, мы скорее уйдем с него. В нынешнее время скорость играет важную роль.

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

Комментарии: 0