AMP-страницы — что это такое простыми словами

Что такое AMP-страницы

AMP-страницы — аббревиатура расшифровывается как accelerated mobile pages, что в переводе с английского означает «ускоренные мобильные страницы». Это специальная технология, разработанная компанией Google, с помощью которой время загрузки страницы сайта на телефоне максимально сокращается. 

При использовании AMP-страниц:

• объем данных уменьшается в 10 раз;
• на загрузку уходит меньше секунды. 

В поисковой выдаче такие страницы обозначаются значком молнии. Обнаружение AMP-страницы доступно по URL-адресу. В нем содержится приписка: /amp/. 

Как создаются AMP-страницы

Немногие знают, что для создания AMP-страниц сайта существует ряд требований. Это правила, разработанные Гугл для упрощения процесса оптимизации. В них входит:

1. Учет особенностей интерфейса и функционала мобильных устройств, браузеров. Контент должен отображаться корректно на любой платформе. 
2. Использование специальных тегов. Ряд стандартных преобразуется. Например <img> в <amp-img>.
3. Обращение к библиотеке асинхронных скриптов, разработанной для AMP-страниц.
4. Сохранение основного контента для повышения скорости загрузки страницы на телефоне. Функционал страницы (меню, связку с соц. сетями, блоки рекламы) добавляют, используя официальный сайт AMP-технологии (https://ampbyexample.com/). 

Статистика

При использовании AMP-страниц владельцы могут отслеживать статистику сайта без перехода пользователей на ресурс. Для сбора информации существует 2 способа:

1. С помощью установки тега <amp-pixel>, позволяющего следить за просмотрами через GET-запросы к серверу.
2. Используя расширение AMP-analytics, позволяющее подключить к странице Аналитику Гугл. 

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

Как работают AMP-страницы 

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

Для обеспечения попадания страницы в раздел Google «Главные новости», она должна обладать структурой данных:

• логотипом бренда, от лица которого написана статья;
• датой публикации и внесения изменений;
• кратким анонсом статьи;
• информацией об издателе и авторе. 

При клике пользователем по ссылке он попадает на страницу с контентом. Возможности перехода на сайт с нет. В строке адреса страницы отображается Google, а не наименование ресурса. Горизонтальная прокрутка дает возможность перехода на другие страницы. Формата «Карусель» позволяет не возвращаться обратно к результатам поиска. 

Как подключить AMP-страницы 

Подключение AMP-версии сайта состоит из 3-ех этапов:

• разработка шаблонов ускоренных страниц;
• создание версий каждого документа (доработка CMS позволяет выполнить действия автоматически по разработанному шаблону);
• связать ссылки основных и ускоренных страниц для распознания поисковой системой AMP-версий (к основной добавить rel=»amphtml»href=»линк быстрой», к ускоренной — el=»canonical»href=»адрес стандартной»).

Популярные системы создания и публикации контента содержат встроенные функции внедрения AMP-технологии:

• модули на OpenCart и PrestaShop;
• плагины на Magento и Joomla (для второй используют JAmp или wbAMP);
• для WordPress разработаны надстройка и плагин;
• на Drupal применяют библиотеку, тему и модуль с предварительной установкой плагинов Chaos Tools и Token. 

Преимущества и недостатки AMP

К преимуществам AMP-страниц относят

1. Увеличение трафика. Технология позволяет адаптировать страницы ресурса под юзеров с низкой скоростью интернета. Быстрая загрузка сокращает количество отказов и выходов с сайта. 
2. Влияние на место портала в списке поисковой выдачи. Скорость загрузки — важный фактор при ранжировании. Чем быстрее пользователь получает доступ к контенту, тем выше позиция сайта в результатах запроса.

Среди недостатков AMP-технологии выделяют:

1. Простой визуал и функции сайта. Для увеличения скорости загрузки разработчикам ресурса приходится жертвовать дополнительными элементами дизайна, замедляющими работу портала. 
2. Наличие навыков разработки для создания AMP-версии ресурса. Не все владельцы сайтов могут самостоятельно использовать технологию от Google. Приходится нанимать разработчиков и оплачивать их труд. 
3. Трудности при размещении контента через стандартный редактор текстов. AMP-технология запрещает использовать inline-стили и не поддерживает стандартные теги, типа <img>.
4. Поисковая система Yandex не поддерживает AMP-страницы. Для обеспечения максимальной скорости прогрузки в Яндексе потребуется создать турбо-страницы ресурса.