Современные интернет-пользователи ценят свое время. По статистике Google, если веб-страница загружается 3 секунды вместо 1, число отказов возрастает примерно на 32%, а при увеличении показателя до 6 секунд — на 106%. Для сокращения времени загрузки применяют технологию AMP. Рассказываем, что это такое и как установить страницу быстрой загрузки.
Аббревиатура AMP расшифровывается как Accelerated Mobile Pages — ускоренные мобильные страницы с открытым исходным кодом. Это модифицированный HTML-код с элементами для быстрой загрузки контента. Так, вместо тега <img> для изображений применяется <img-amp>. Аналогичная замена предусмотрена и для видео.
Производительность сайта снижается за счет большого количества графических и анимационных элементов, например 3D-визуализации, видеороликов. Такие файлы часто размещают на сайтах туристических компаний, агентств по недвижимости и предоставлению дизайнерских услуг, чтобы проиллюстрировать предложение. Технология AMP решает проблему ожидания пользователя — загружает аналог полноформатной страницы за доли секунды.
AMP HTML файл можно использовать как отдельно, так и в комбинации со стандартной версией страницы. Второй способ — предпочтительнее.
Особенности технологии:
Внедрение AMP дает ряд полезных преимуществ. Рассмотрим основные плюсы:
Недостатки AMP:
Ускоренные страницы разработаны для любителей интернет-серфинга со смартфонов и планшетов. Технология позволяет просматривать содержимое сайта без перехода по ссылке.
AMP-страницы особенно полезны для контентных площадок — новостных порталов, блогов, обучающих проектов. Технологию рекомендуют использовать информационным ресурсам, которые получают доход от размещения контекстной рекламы. Если же у вас интернет-магазин с каталогом, в AMP можно показать карточки товаров.
Технология дает возможность выйти на верхние позиции в результатах поисковой выдачи. Страницы с разметкой AMP-HTML с большей вероятностью попадут в новостной блок Google — это полезно для расширения охвата.
Для увеличения конверсии сайта важно заинтересовать пользователя и мотивировать его совершить конверсионное действие. Подключите Виджеты Calltouch, чтобы потенциальный клиент смог оставить контакты или заявку на обслуживание. Программа передаст данные в ваш колл-центр, а сотрудники оперативно свяжутся с пользователем и обработают обращение. Сервис поможет собирать заявки даже в нерабочее время и не упустить ни одного клиента.
Принцип действия технологии основан на применении специальных тегов. Google находит AMP-метки и кэширует размещенные в них данные. При вводе запроса в поисковую строку браузер загружает информацию из CDN Google в iframe, после чего страница отображается в специальном окне. В Яндексе же AMP недоступны.
Быстрая загрузка данных выполняется благодаря следующим элементам:
Особенности взаимодействия с посетителями сайтов:
Карточка статьи, которая отображается в результатах поиска, имеет специальный значок.
Задачу решают с помощью плагинов. Все они устанавливаются примерно одинаково, основное отличие заключается в применяемых расширениях.
Установка осуществляется в 2 этапа:
Затем вы сможете улучшить дизайн страницы помощью AMP for WP, этот же инструмент подойдет для добавления дополнительных опций в админпанели плагина.
Основные особенности:
С помощью AMP-плагина можно настроить рекламу. Зайдите в раздел Advertisement и укажите расположение рекламных блоков, их характеристики.
Другие полезные функции:
Чтобы пользователи смогли перейти на полную версию страницы, настройте кнопки Non-AMP для лого и футера.
Для этой CMS одним плагином не обойтись. Потребуется тройной комплект:
Модуль AMP-страниц работает совместно с дополнением Chaos Tools (управление контентом) и Token. Если вы хотите монетизировать ресурс, используйте Google AdSense Integration, чтобы публиковать объявления AdSense.
Выбор темы, отслеживание статистики, отображение контента и другие параметры настройте в разделе AMP Configuration. Для отслеживания просмотров установите AMP-пиксель. Как и для сайтов на WP, предусмотрено подключение к Google Analytics.
Обзор лучших приложений для записи клиентов
AMP-страницы для сайтов на Joomla! создают с применением wbAMP. Плагин платный, стоимость полной версии — 44 USD. В бесплатном варианте функциональность ограничена, предусмотрена настройка только базовых характеристик.
Укажите основную информацию о ресурсе: название, владельца. Есть два основных варианта микроразметки:
Воспользуйтесь вкладкой «Выбрать страницы», чтобы указать, для вывода каких из них применять AMP.
Альтернативный вариант внедрения AMP-технологии на Joomla! — дополнение JAmp. Это платный компонент, стоимость — 39€.
Для создания ускоренных страниц на «Опенкарт» скачайте дополнение Accelerated Mobile Pages. Параметры отображения информации на сайтах настраиваются примерно так же, как в других CMS.
Для Magento загрузите расширение Accelerated Mobile Pages. Оно обеспечит быстрый вывод содержимого главной, товарных карточек и категорий.
Для работы с Prestashop воспользуйтесь PrestaShop AMP.
Для самописных CMS плагины внедрения AMP отсутствуют — добавлять код нужно самостоятельно. Последовательность действий:
Для отображения анимированных объектов, модальных окон и некоторых других функций, где традиционно применяют скрипты, используйте iframe и компоненты из AMP JS. Они позволяют выводить слайдеры, формы, рекламные блоки, боковое меню.
Первыми технологию AMP оценили новостные порталы — The New York Times, lenta.ru и другие. Некоторые издания пошли дальше и стали использовать AMP-страницы в качестве альтернативы мобильной версии сайта.
Изначально интернет-магазины не использовали AMP из-за отсутствия фильтров и корзины. Первопроходцем стала британская компания ASDA Walmart — она запустила более 250 000 ускоренных мобильных страниц. В России технологию ускоренной загрузки успешно реализовал интернет-магазин «Ситилинк» и увеличил конверсию на 33%.
Чтобы узнать, насколько результативно продвижение вашей компании в поисковиках и на рекламных площадках, воспользуйтесь Сквозной аналитикой Calltouch. Сервис объединит данные ваших маркетинговых инструментов в единый удобный отчет. Он составит статистику переходов на сайт, лидов, сделок и прибыли и сопоставит ее с расходами на продвижение. Вы узнаете, какая реклама приносит доход, а какая — убытки.
AMP — это ускоренные мобильные страницы. Они дают возможность в разы сократить время загрузки контента и уменьшить число отказов. Особенности AMP-страниц:
AMP-страницы незаменимы в процессе оптимизации информационных сайтов. Для e-commerce предпочтительнее частичное внедрение, например только для товарных карточек. AMP-страницы создают с помощью расширений (для CMS) или путем добавления кода вручную (для самописных движков).
Хочу получать интересные новости блога
25 августа 2022
23 августа 2022
22 августа 2022
29 августа 2022
30 августа 2022
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных