Ускоренные мобильные страницы: стоят ли они того?

Обновленная информация о том, где сегодня находится проект AMP Google, дает представление о том, стоит ли переходить на ваш собственный веб-сайт прямо сейчас.

Официально обнародован индекс Google для мобильных устройств, и вы, возможно, получили от консоли поиска Google уведомление о том, что некоторые из ваших веб-сайтов официально зарегистрированы в индексе.

Первый индекс для мобильных устройств имеет приоритет над традиционным индексом Google для настольных компьютеров и будет предоставлять наиболее подходящие результаты в зависимости от искомого устройства.

Это дополнительно стимулирует необходимость для веб-мастеров реализовать полностью адаптивный дизайн, персонализированный для пользователей на любом устройстве.

Google попытался упростить этот переход для веб-мастеров, создав свою инициативу с открытым исходным кодом, которая использует урезанные HTML-файлы для создания быстрых и удобных для мобильных копий веб-страниц. Они называются ускоренными мобильными страницами (AMP), которые выделяются символом молнии в результатах мобильного поиска.

Выбор использования AMP для вашего сайта должен казаться очевидным при рассмотрении следующих факторов:

  • Скорость веб-страниц является фактором ранжирования мобильных и настольных индексов Google.
  • Задержка в 1 секунду в скорости веб-страницы может снизить конверсию на целых 7 процентов ( Kissmetrics )
  • По слухам, AMP является фактором ранжирования в их первом индексе для мобильных устройств (AMP был создан Google)

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

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

AMP: Где мы сейчас?

Страницы с тегами AMP были изначально представлены для конкуренции с мгновенными статьями Facebook и использовались только для получения результатов карусели новостей на мобильных устройствах. В настоящее время результаты AMP разбросаны по всем обычным результатам поиска, даже если вы не заметили их как пользователь.

Страницы AMP больше не ограничиваются новостями карусели.

Возможно, вы не обращали особого внимания на проект AMP в последнее время. Ускоренным мобильным страницам почти три года, и в некоторых областях их развитие замедлилось.

Вот график важных новостей, связанных с AMP за последние несколько лет:

  • 24 февраля 2016 г .: Google запускает проект «Ускоренные мобильные страницы»
  • 20 сентября 2016: Google включает AMP в свои результаты поиска
  • 21 августа 2017: AMP Ads завершает 2 этап разработки
  • 13 февраля 2018: AMP История введена
  • 7 декабря 2018 года: выпущен официальный плагин WordPress

Разработка AMP для рекламы и целевых страниц не полностью завершена, хотя благодаря быстрой загрузке рекламные объявления показываются быстрее, чем традиционные объявления через Google, а реализация gtag.js связывает рекламу AMP с событиями в Google Analytics и Google Analytics.

Но AMP стал довольно популярным во всем мире. Результаты AMP теперь используются в Baigu, Sogou и Yahoo Japan. Сотни ведущих издателей со всего мира, в том числе Times of India и Slate, приняли AMP, чтобы улучшить результаты своего органического поиска.

Сотни ведущих издателей приняли AMP для всего контента, связанного с новостями и блогами, а количество доменов, использующих AMP, превысило 31 миллион в начале прошлого года.

Что такое ускоренные мобильные страницы?

Ускоренные мобильные страницы (AMP) — это, по сути, урезанные копии HTML существующего содержимого веб-страниц, которые предлагают более быструю загрузку, чем стандартные документы HTML5. Веб-сайты могут обслуживать страницы AMP, внедрив тег rel = amphtml в их HTML. Страницы с кодом AMP содержат трехступенчатую конфигурацию AMP.

  • HTML: урезанная и уникальная разметка традиционного HTML-кода с уникальными тегами.
  • JS: Используется для извлечения ресурсов и сокращения для устранения ненужного рендеринга.
  • CDN: оптимизированная сеть, предназначенная для кэширования страниц и немедленной адаптации их к коду AMP.

AMP также уменьшает потребность в дополнительных запросах CSS и устраняет некоторые исключения на странице, включая громоздкие изображения, CTA во многих случаях и намного больше внутреннего кода. Это значительно увеличивает скорость.

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

Документы AMP также можно извлечь из библиотеки AMP непосредственно с исходного сервера. Библиотека AMP состоит из документа с AMP HTML и AMP JS. К сожалению, получение этих документов не всегда обеспечивает мгновенную скорость.

Стоит ли принимать AMP?

Несмотря на то, что кэширование AMP обеспечивает повышенную скорость и, вероятно, поддерживается результатами поиска Google, принятие AMP для вашего веб-сайта сопряжено с несколькими оговорками.

Для начала AMP работает только в том случае, если пользователи нажимают на версию веб-страницы AMP, а не на каноническую версию. Исследования показали, что библиотека AMP может уменьшить количество запросов сервера на получение документа на 77 процентов. Версия AMP не всегда обслуживается, если она не реализована правильно.

Отслеживание данных со страниц AMP через Analytics, Ads или даже DoubleClick все еще довольно ограничено, хотя аналитика для этого развивается.

Прежде всего, реализация AMP означает пожертвование большим количеством элементов UX вашей веб-страницы. AMP HTML отдает приоритет эффективности, скажем, креативности. Но что еще важнее, вы не только упускаете возможность показывать некоторые изображения. На сайте, страницы AMP допускают только один рекламный тег на страницу. Кроме того, реализация этого кода была невероятно сложной без плагина WordPress.

Несмотря на весь пыл, созданный проектом AMP при его запуске. Разработка шла относительно медленно, и пользователи даже близко не осознают, что контент, обслуживаемый AMP, находится на мобильном устройстве.

Итак, вы должны внедрить AMP на вашем сайте? Не обязательно, но есть ощутимые преимущества. Я действительно считаю, что AMP очень полезен для издателей и будет играть важную роль в продвижении мобильного поиска. Если у вас нет легкого доступа к внедрению AMP с WordPress. Вы можете просто придерживаться динамических страниц, обслуживаемых адаптивным дизайном или дружественных для мобильных устройств. стр.

К счастью, несколько команд позволяют дополнительно настраивать документы AMP, чтобы сделать их более подходящими для вашей стратегии SEO.

Как настроить страницы AMP

Используя Google Search Console или ваш HTML, веб-мастера могут оптимизировать код AMP. Чтобы сделать их более настраиваемыми и отслеживаемыми.

Веб-мастера могут обновить свой кэш AMP с помощью запроса «update-cache».

Вот лишь несколько примеров того, как настроить HTML-документ AMP.

  • amp-pixel: отслеживающий пиксель
  • amp-analytics: отслеживание аналитики
  • amp-animation: добавить анимацию
  • amp-access: платный доступ
  • amp-dynamic-CSS-классы: динамические элементы CSS
  • Реализация тега gtag.js позволяет отслеживать события в Google Ads и Search Console
  • amp-iframe: отображать iframe
  • amp-access-Laterpay: интегрируется с LaterPay
  • amp-list: скачать данные и создать список
  • amp-live-list: обновлять контент в режиме реального времени
  • amp-app-banner: фиксированный баннер

Будущее AMP

Между скептицизмом самого Google и неаккуратной маркетинговой кампанией Google для AMP, большинство пользователей и веб-мастеров какое-то время практически не знали о AMP или не желали его принимать.

К счастью, скорость популярности значительно растет. Мы упоминали, что в начале прошлого года 31 миллион доменов приняли AMP.  Это по сравнению с менее чем миллионом два года назад.

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