Обзор технологий ускорения мобильных сайтов: AMP, Яндекс.Турбо и Progressive Web Apps. Преимущества и недостатки каждого подхода, влияние на SEO и индексацию. Что выбрать для своего проекта.
Введение
Мобильный трафик обгоняет десктопный. Пользователи открывают сайты в метро, за городом, в очередях — там, где интернет медленный и нестабильный. Если ваш сайт грузится на смартфоне 5 секунд, вы теряете аудиторию. Обычная адаптивная вёрстка — это база. Но есть технологии, которые выводят мобильную скорость на новый уровень: AMP, Яндекс.Турбо и PWA. Каждая решает свою задачу, у каждой есть плюсы и минусы для SEO. В этой статье разберём все три технологии: как работают, как влияют на индексацию и что выбрать для своего проекта.
AMP: ускоренные мобильные страницы
AMP — это технология с открытым исходным кодом, созданная для мгновенной загрузки страниц на мобильных устройствах. Суть: вы создаёте облегчённую версию страницы на упрощённом HTML с ограниченным набором JavaScript и специальным кешированием. Страницы AMP загружаются почти мгновенно за счёт предзагрузки в поисковой выдаче. Плюсы AMP. Первое: скорость. Страницы загружаются за доли секунды. Второе: приоритет в выдаче. AMP-страницы получают специальную пометку и карусель в мобильной выдаче. Третье: кеширование на серверах Яндекса и Google. Минусы AMP. Первое: ограниченная функциональность. Не все скрипты и элементы дизайна работают в AMP. Второе: отдельная версия страницы. Вы поддерживаете две версии: обычную и AMP. Третье: падение доходов от рекламы (не все рекламные форматы поддерживаются). Четвёртое: пользователь видит упрощённый дизайн, который может не соответствовать бренду. Для новостных и информационных сайтов AMP всё ещё актуален. Для интернет-магазинов и сложных веб-приложений — ограничения AMP могут перевесить преимущества.
Яндекс.Турбо: российский ответ AMP
Турбо-страницы — это технология Яндекса для быстрой загрузки на мобильных устройствах. Аналог AMP, но адаптированный под российский рынок. Турбо-страницы хранятся на серверах Яндекса и загружаются почти мгновенно при переходе из поиска. Плюсы Турбо. Первое: скорость. Как и AMP, Турбо загружается за доли секунды. Второе: приоритет в Яндексе. Турбо-страницы получают специальную пометку, что повышает CTR. Третье: аналитика. Поддерживает Яндекс.Метрику из коробки. Четвёртое: простота настройки. Для WordPress и других CMS есть готовые плагины, генерирующие Турбо-версию. Минусы Турбо. Первое: ограниченная функциональность, как у AMP. Второе: работает только в Яндексе. Для Google Турбо не даёт преимуществ. Третье: Яндекс может показывать Турбо-версию вместо основной, что снижает переходы на сайт. Четвёртое: не все элементы дизайна поддерживаются. Турбо-страницы настраиваются через RSS-канал специального формата. Плагин для WordPress генерирует этот канал автоматически. После подключения Яндекс начинает показывать Турбо-версию в мобильной выдаче. О том, как ускорить основной сайт без AMP и Турбо, читайте в статье Оптимизация JavaScript и CSS для ускорения сайта.
PWA: веб-сайт как приложение
PWA — это технология, которая делает сайт похожим на нативное мобильное приложение. Пользователь может установить сайт на главный экран смартфона, получать push-уведомления и пользоваться сайтом офлайн. Плюсы PWA. Первое: скорость повторных визитов. После первой загрузки PWA кеширует ресурсы и открывается мгновенно. Второе: офлайн-доступ. Пользователь может читать статьи или просматривать каталог без интернета. Третье: push-уведомления. Можно возвращать пользователей на сайт без установки приложения. Четвёртое: нет ограничений по функциональности, как в AMP. PWA — это обычный сайт с расширенными возможностями. Минусы PWA. Первое: первый визит не ускоряется. Преимущества заметны только при повторных заходах. Второе: сложность реализации. PWA требует настройки Service Worker, манифеста, HTTPS. Третье: на iOS поддержка PWA ограничена (нет push-уведомлений до последних версий). Для контентных проектов и интернет-магазинов PWA — перспективная технология, которая улучшает пользовательский опыт и поведенческие факторы. Но не заменяет базовую оптимизацию скорости.
Что выбрать: AMP, Турбо или PWA
Выбор зависит от типа проекта и аудитории. Новостной сайт, блог. Рекомендация: AMP + Турбо. Обе технологии заточены под контентные проекты. Настройка через плагины занимает час. Вы получаете быструю загрузку в обоих поисковиках. Интернет-магазин. Рекомендация: базовая оптимизация + PWA. AMP и Турбо слишком ограничивают функциональность магазина (фильтры, корзина, сравнение). Вложитесь в ускорение основного сайта и добавьте PWA для повторных визитов. Корпоративный сайт, услуги. Рекомендация: AMP по желанию. Если у вас информационные страницы (статьи, кейсы), AMP поможет с трафиком из поиска. Коммерческие страницы оставьте на основном сайте. Лендинг, одностраничник. Рекомендация: ни AMP, ни Турбо не нужны. Сосредоточьтесь на скорости основной страницы. PWA может быть полезна для возврата пользователей через push-уведомления. Подробнее о базовой мобильной оптимизации читайте в статье Мобильная оптимизация сайта и Mobile-First Index.
Внедрение и SEO-последствия
При внедрении любой из технологий важно не навредить SEO. Правила безопасности. Первое: canonical. AMP- и Турбо-страницы должны иметь canonical на основную версию. Основная версия — canonical на себя. Второе: контент должен совпадать. AMP и Турбо не должны содержать меньше информации, чем основная страница. Третье: отслеживайте индексацию. После внедрения проверьте в Вебмастере, что основные страницы не выпали из индекса, а AMP/Турбо корректно связаны с ними. Четвёртое: аналитика. Настройте отдельные счётчики или параметры для отслеживания трафика с AMP и Турбо. Пятое: не дублируйте AMP и Турбо для одной страницы. Выберите что-то одно. Если вы используете AMP, Яндекс может использовать AMP вместо Турбо.
Часто задаваемые вопросы
AMP или Турбо: что выбрать для рунета? Если вы ориентируетесь только на Яндекс — Турбо. Если на оба поисковика — AMP. Если есть ресурсы — можно настроить оба и дать Яндексу выбирать (Яндекс сам решает, показывать AMP или Турбо, если доступны оба).
Влияет ли AMP на ранжирование? AMP не является прямым фактором ранжирования. Но скорость загрузки и мобильное удобство — факторы. AMP улучшает эти показатели и косвенно влияет на позиции. Также значок AMP в выдаче повышает CTR.
Можно ли отключить AMP/Турбо после внедрения? Да, но будьте осторожны. Отключите генерацию AMP/Турбо и настройте 301 редирект с AMP/Турбо URL на основные страницы. Без редиректа накопленный трафик будет потерян.
PWA заменяет мобильное приложение? Для многих проектов — да. PWA дешевле в разработке и поддержке, чем нативное приложение. Но для игр, сложных AR-приложений и проектов, требующих глубокой интеграции с устройством, нативное приложение всё ещё нужно.
Как проверить, что AMP/Турбо работает корректно? Для AMP — валидатор AMP в Google Search Console. Для Турбо — валидатор в Яндекс.Вебмастере. Оба покажут ошибки и предупреждения. После исправления отправьте страницы на переобход.
