Мобильный трафик давно превышает десктопный. Тенденция набирает обороты, и mobile-пользователей могло бы быть еще больше, если бы в каждом уголке планеты был высокоскоростной Интернет. Далеко не везде пользователи могут загружать информационные порталы и маркетплейсы, потому что интернет их просто “не тянет”.
Поэтому поисковые гиганты сфокусировались на том, чтобы мобильные юзеры могли беспрепятственно посещать любые онлайн-ресурсы. Google первым решил эту проблему, запустив проект по оптимизации скорости загрузки страниц сайта на мобильных устройствах – Accelerated Mobile Pages. Облегченные версии называют турбо-страницами. В поисковой выдаче турбо-страницы помечены ракетой, а AMP – молнией. Рассмотрим технологию детально, чтобы вы понимали – нужна ли вам ускоренная версия сайта и какие преимущества она дает.
Что такое AMP и турбо-страницы?
Accelerated Mobile Pages в Google – это облегчённые версии HTML-документов, которые обеспечивают их мгновенную загрузку на мобильных устройствах. Технология позволяет существенно улучшить пользовательский опыт и поведенческие факторы, а поисковики отдают преимущество таким страницам при ранжировании и добавляют в “карусель” поисковой выдачи.
У таких версий есть недостатки:
- упрощенный дизайн сайта без интерактивных элементов, анимаций, уникальных шрифтов;
- ограничено использование рекламы;
- загрузка происходит с серверов служб доставки контента – а это значит, что ускоренные страницы имеют не домен сайта, а домен поисковика;
- подключать пиксели для турбо-страниц нужно вручную, а для AMP опция вовсе неактуальна.
В чем суть АМР и турбо-страниц?
Условно ускоренные мобильные страницы представляют собой упрощенную версию основного сайта. Чисто технически – это набор тегов и скриптов, которые можно использовать на web-страницах за исключением кастомных скриптов и внутренних стилей.
Мгновенной загрузки web-страницы можно достичь с помощью оптимизации рендеринга и ограниченного дизайна. Так, для ускоренной загрузки страницы разрешается использование только встроенных стилей (50 КБ – для CSS, 150 КБ – для JS) и требуется оптимизация критического пути рендеринга. Это приведет к тому, что турбо-страница будет загружаться с того момента, как пользователь ввел запрос или адрес в поисковую строку.
Механизм ускоренной версии страницы
Как мы уже говорили, суть технологии ускоренных страниц состоит в облегченной версии HTML-документа и ограниченном использовании JS. Содержимое страниц кэшируется на серверах поисковиков и позволяет пользователю мгновенно загружать оптимальную версию, в зависимости от типа устройства, размера экрана, скорости Интернета, браузера и т. д.
Нужны ли вашему сайту AMP или турбо-страницы?
Первыми AMP-технологию начали внедрять сайты-каталоги и медиа-платформы, теперь ее активно юзают не только контентные ресурсы, но и коммерческие платформы. Если вы стремитесь продвигаться в органической выдаче Google, то вам однозначно нужен этот инструмент. Скорость загрузки сайта не влияет напрямую на ранжирование, но производительность вашей площадки влияет на пользовательский опыт. Турбо-страницы попадают в “карусель” поисковой выдачи и приносят больше конверсий.
Теперь Accelerated Mobile Pages актуальны и для Интернет-магазинов. Правда, пока нет возможности создать Интернет-магазин с полным набором функций, используя AMP-технологию. Но ускоренными можно делать страницы с товарами, информационными статьями или новостями. Попадая на такие страницы, пользователи могут перейти на сайт и совершить покупку.
На практике далеко не каждый владелец сайта готов делать его “облегченную” версию. Для AMP-технологии есть определенная сфера применения – например, крупные информационные сайты, новостные порталы и другие проекты с большими объемами контента. Но, опять-таки, инструмент невозможно и нерационально применять ко всем страницам сайта. Внедрять его можно только локально, чтобы это не отразилось отрицательно на конверсиях.
Как создать AMP-версию сайта
Сначала нужно создать отдельный шаблон для сайта, в котором будут использованы теги для создания AMP. Далее у вас есть два пути – настроить автоматическую генерацию AMP или вручную создавать каждую страницу.
Первый вариант звучит привлекательнее. Для автогенерации нужно предварительно скачать плагин, откорректировать файл “.htaccess”, указав в нем атрибут rel=”canonical”. Чтобы поисковые системы, поддерживающие AMP, переключались на упрощенную версию, в исходном коде необходимо прописать “link rel”, указав адрес страницы. То же самое, только наоборот, нужно сделать с ускоренными страницами – прописать тег канонической ссылки на полную версию страницы.
В AMP html-документе код выглядит так:
Как проверить AMP-страницы?
Облегченные версии документов можно проверить разными способами.
- С помощью сервиса от Google, в который достаточно ввести url и дождаться результата. Во фрагментах, выделенных красным цветом, содержатся ошибки.
- Открыть AMP-страницу в браузере и добавить к url #development=1, затем запустить вкладку Console в инструментах разработчика Chrome.
Как подключить турбо-страницы
Для создания турбо-страницы в Яндекс также есть два способа: при помощи Автопарсинга или вручную через RSS-канал.
- Сделать турбо-страницу с помощью Автопарсинга очень просто, но пока технология доступна не для всех сайтов. Вебмастеру нужно только подключить турбо-страницы, так как Яндекс генерирует их автоматически. При этом содержимое полной и облегченной версии меняются синхронно. Чтобы подключить турбо-страницы, необходимо в Яндекс.Мастер выбрать “Турбо-страницы”, затем “Источники”. Перед тем, как подключить турбо-страницу, нужно сначала активировать опцию Автопарсинг, разместить рекламу (если сайт монетизируется с РСЯ) и подключить аналитику.
- Что воспользоваться вторым способом, необходимо продублировать RSS-канал и откорректировать, используя такие элементы:
- chanel (данные о сайте);
- item (информация о документе);
- тег link (URL, для которого нужна ускоренная версия);
- turbo:content – содержимое документа (заголовок, изображение для превью, меню и весь текстовый и графический контент страницы).
Затем нужно разместить на сайте данный RSS-файл, добавить его в Яндекс.Вебмастер и в разделе “Турбо-страницы для контентных сайтов включить показ турбо-страниц.
Заключение
Не смотря на такие заманчивые бонусы, как одобрение поисковиков и другие преимущества, создание AMP и турбо-страниц не всегда оправдано. Часто бывает достаточно адаптивного дизайна или мобильной версии. Но когда это крупный новостной портал, блог или контентный ресурс, лучше предусмотреть облегченную версию. Выгода очевидна – лучше пусть страница не будет такой динамичной и интерактивной, чем посетитель не дождется ее загрузки и покинет сайт.
