В 2018 году в России каждый второй заходил в интернет со смартфона или планшета. Пользователи сталкивались с проблемами медленной загрузки и некорректного отображения контента на небольших экранах. В связи с этим, Google разработал технологию ускоренных мобильных страниц. Что это и как выглядит — читайте ниже.
AMP: компоненты и свойства
В 2015 году запущен проект Accelerated Mobile Pages — ускоренные мобильные страницы. Была создана новая мобильная экосистема, благодаря которой вебмастера имеют доступ к единым стандартам и быстро создают ускоренные сайты.
Основные три блока, образующие AMP:
- AMP HTML. Небольшой фрагмент кода в HTML, который сжимает размер файлов и обеспечивает быструю загрузку содержимого. Некоторые теги заменяются на аналогичные или вовсе не используются.
- AMP JavaScript. Технология основана на асинхронном JavaScript, что позволяет мгновенно визуализировать информацию.
- AMP Cache. Во время индексации Google сохраняет страницу на свои серверы, поэтому при следующей загрузки она доступна сразу из кэша. Для этого реализована технология Сети доставки содержимого (Content Delivery Network, CDN), которая быстро делает контент доступным по всему миру через прокси-серверы. Все документы загружаются из одного источника. Более того, CDN проверяет, работает ли AMP, выполняются ли соответствующие требования. Поэтому гарантируется надежная работа ресурса.
Изменяется внешний вид содержимого: пользователь получает только основную информацию. Необязательные компоненты отсутствуют. Например, он не увидит громоздких рекламных блоков и форм для комментирования. Меню скомпоновано, его пункты доступны по клику.
Технология бесплатная, исходный код — открытый.
Нужно ли AMP сайту
Владельцам придется решить, действительно ли их сайты должны соответствовать требованиям технологии или оставить всё как есть. Google подчеркивает преимущества реализации быстрых страниц, но умалчивает о недостатках.
Плюсы:
- Для мобильного интернета скорость загрузки — решающий фактор. Если загрузка занимает много времени, пользователь уходит. Поэтому быстрая страница получает больше трафика.
- Ускоренная загрузка контента положительно влияет на мобильную выдачу. DoubleClick Ad Exchange провели исследования. Более 80% владельцев сайтов, внедривших AMP, указали на рост показателей кликабельности и видимости.
- Снижается нагрузка на серверы и увеличивается их производительность.
- AMP с самого начала поддерживают поисковые гиганты Bing, Yahoo, социальные сети Pinterest, LinkedIn, Twitter. Крупные порталы и СМИ также перешли на ускоренные мобильные страницы. И чем дальше — тем популярнее становится технология. Сейчас на нее переходят интернет-магазины и другие ниши.
Минусы:
- Снижаются доходы от рекламы. Хотя проект поддерживает рекламные объявления, возможность получения дохода сильно ограничена.
- AMP поддерживает Google Analytics, но требует другого тега, который должен быть реализован на всех ускоренных страницах. Для его размещения, а также сбора и анализа данных, потребуется много времени.
- Как уже упоминалось выше, Google использует кэширование и загружает контент из кэша. Это не всегда безопасно. Источники могут распространять недостоверную информацию, которой пользователи будут доверять из-за ссылки на Google.
- Страницы в карусели Google не получают трафик. Пользователь просматривает их прямо в выдаче, не заходя на сайт.
- Падает привлекательность внешнего вида.
- Страницы имеют урезанную функциональность. Все необходимые элементы пользовательского интерфейса нужно добавлять самостоятельно или с помощью плагинов.
Ответьте себе на следующие вопросы:
- Готовы ли отказаться от части рекламного дохода? А в некоторых случаях — и от части трафика?
- Насколько важен для вас Google Analytics?
- Хотите ли вы зависеть от кэша Гугла?
Примеры AMP страниц
Инструменты для CSM
WordPress
Внедрить технологию на сайты WordPress можно с помощью следующих плагинов:
- AMP. Поддерживает три режима конфигураций: Standard, Transitional и Reader. Включает в себя инструменты совместимости для устранения ошибок, автоматическое удаление ненужных фрагментов CSS. Также доступны создание, редактирование и публикаций AMP-историй.
- AMP for WP – Accelerated Mobile Pages. Плагин имеет более 80 возможностей, инструкцию для пользователя, документацию для разработчиков, а также два вида поддержки — обычную и премиум. Кроме того, исходный код доступен на гитхабе.
- AMP WP – Google AMP For WordPress. Более 40 возможностей, мощная панель настроек, автоматическая поддержка рекламы, более 6 отчетов и другие не менее интересные функции.
- WP AMP Ninja. Поддерживает все типы контента, Google Analytics, отображает категории и теги. Функционал делится на базовый и премиум. Возможность загрузить собственное лого.
Следующий этап — проверка на правильность в сервисе валидатор-AMP. О распространенных ошибках и их устранении читайте в следующей статье.
AMP-страницы в Bitrix
Решение Google AMP предоставляет настройки новостей, товаров. Проходит валидацию. Текущая стоимость: 4.490 рублей.
AMP в Drupal
Инструменты:
- AMP Theme.
- Консольная утилита для преобразования HTML к AMP HTML.
- Модуль Accelerated Mobile Pages.
Обязательные для работы модуля:
- Token.
- Chaos Tool Suite (ctools).
- Google AdSense integration.
Последнее расширение пригодится для внедрения рекламы.
Joomla!
Плагин wbAMP предоставляет полную версию за 44 доллара в год. Бесплатно можно скачать базовую. Она имеет ограниченный функционал отображения содержимого.
Другие альтернативы:
- Accelerated Mobile Pages.
- AMP for ZOO.
Подводим итоги
AMP — проект Гугла с плюсами и минусами. Технология моментально загружает страницы в мобильном браузере благодаря предварительному кэшированию и библиотекам JavaScript. Все ресурсы проходят проверку на соответствие требованиям, что гарантирует стабильную работу технологии. Гугл активно продвигает индекс Mobile First, и AMP существенно увеличивает шансы на хорошие позиции в мобильном серпе.
