Accelerated Mobile Pages (AMP) – это технология ускоренных веб-страниц для мобильных устройств. Мы готовы ответить на вопросы касающиеся Accelerated Mobile Pages, которые чаще всего возникают у Вас.
- Как выглядит AMP в гугл?
- AMP. Кому и зачем нужны?
- Нужны ли АМР в Ваших проектах?
- Внешний вид AMP
Содержание статьи:
Что такое AMP?
По сути АМР версия сайта (ресурс используемый технологию ускоренных страниц) по факту не отличается от обычной версии сайта. Ярких или уникальных особенностей в этом нет. Гораздо интереснее то как Google преобразовал интерфейс для выдачи на мобильных гаджетах и показывает АМР-страницы. Чтобы узнать, как показываются АМР-страницы в выдаче гугла, просто пропишите в строке моб. устройства «новости дня» или «новости спорта» и увидите все своими глазами.
При обычной выдаче страницы отображается блок новостей с прямоугольниками. На странице без Accelerated Mobile Pages после того как Вы нажимаете на картинку нужного Вам информационного сообщения она начинает открываться, при этом скорость открытия страниц без ускорения напрямую зависит от скорости интернет соединения. Это связано с увесистым размеров загружаемых изображений и новостного блока.
При наличии технологии ускорения, на мобильном устройстве в поиске гугл появляется значок АМР. Далее все остальное точно также как и при обычной выдаче страниц.
Существенные перемены заметны уже при клике на новостной блок.
Первое и самое важное преимуществе – это, конечно же, время загрузки страницы, благодаря АМР-ускорению открытие контента происходит в доли секунды. Во-вторых, благодаря слайдеру и «стрелке» можно с легкость передвигаться по странице ускоренного новостного блока и сразу же переходить на страницу поиска. Ну и в третьих ни на какой другой ресурс вы не переходите, а остаетесь в гугле, загружая с сайта новостей контент.
На сегодняшний день не так много интернет ресурсов пользуются Accelerated Mobile Pages, так как эта технология к нам пришла чуть позже, чем в google. Хотя это все дело времени и возможно уже завтра % пользователей АМР-ускорений возрастет и жизнь мобильных юзеров, будет облегчена.
Обратите внимание! Если в гугл нет АМР результатов по интересующему вас запросу, то вы увидите открытие новое окно, так же как и раньше на медленной скорости и без описанных возможностей с ускорением.
Кому нужны AMP-странички?
Accelerated Mobile Pages стали востребованы у двух основных их потребителей – это пользователи сети и владельцы веб-ресурсов.
Первые используют мобильные устройства для поиска в сети, максимально заинтересованы в высокоскоростном открытии контента, без дополнительных переходом на сторонние страницы сайтов. АМР – это то что нужно для мобильных пользователей, количество которых с каждым днем только возрастает.
Владельцам же веб-ресурсов технология AMP необходима, если они в системе собственного бизнеса делают акцент на контенте (интернет-СМИ, блоги, порталы с новостями, обучающие ресурсы и т.д.)
Если у вас в сети есть интернет-магазин спортивной одежды, то конечно же переводить весь товар на технологию АМР нет необходимости. Однако если вы ведете блог, который подвязан к вашему интернет-магазину, и рассказываете в нем о том как подобрать спортивные атрибуты, то как раз для этого блога и необходимо сделать АМР-версию страницы.
Релевантные карточки с ускоренными страничками Гугл сразу показывает вверху поиска, что в будущем приведет к хорошему трафику и иным дивидендам.
Как это работает?
С базовыми понятиями АМР-технологии ознакомились, теперь давайте выясним как она работает.
По факту – это просто набор специальных сценариев и регламентаций по отображению содержимого страниц. Как пример, при разработке веб-ресурсов большинство создателей применяют уже готовый набор библиотек – jQuery. Верстальщик просто берет из нужного скрипта уже готовый к применению код и просто делает настройку необходимых параметров под создаваемый ресурс.
По сравнению со скриптами АМР-технология имеет несколько особенностей.
- Первое – это то, что при АМР-ускорении не происходит загрузки лишней информации, так как здесь имеется код быстрого показа контента. Фото и комментарии загружаются только в случае долистывания к ним.
- Второе – использование асинхронных скриптов, время на загрузку не отбирается благодаря правильно прописанному коду.
- Третье – код АМР-технологии учитывает параметры множества мобильных приспособлений и браузеров. Страничка выглядит в нужном формате как на смартфоне с маленькой диагональю экрана, так и на планшете с 10 дюймовым экраном.
Благодаря всему вышеперечисленному ускоренные страницы открываются при мобильной выдаче в доли секунды. При наличии таких преимуществ все же возникаю некоторые ограничения. Так, использовать собственные скрипты разработчик не может, есть возможность применения только готовых элементов (есть даже ограничение по перечню некоторых html-тегов). Однако для показа содержимого этого достаточно.
Вследствие этого пользователь мобильного устройства может делиться новостями в социальных сетях, просматривать тексты, изображения и видео, пользоваться ниспадающим меню и т.д.
Для удобства и максимальной скорости есть еще один важный аспект технологии: при добавлении AMP-страничек в индекс Google сохраняет в кэш своих веб-серверов (запоминает) их контент.
В результате, если вы кликаете на нужную ссылки в мобильной выдаче, то поисковик будет загружать их не с сервера стороннего сайта, а со своих хранилищ данных, которые максимально приближены к пользователю.
Третий, но не лишний
Не забывайте о том что АМР-технология – это всего лишь дополнение к привычным мобильным версиям сайта. К примеру, у портала Лента.ру для большинства статей и новостей есть три варианта для отображения информации пользователям.
Банальная страница для десктопного отображения. На ней меню, ссылки на похожие по теме материалы, , кнопки навигации, рекламные блоки, ссылки на соцсети и много другого. Такую страничку просматривать как на мониторе ноутбука так и на экране планшета с большой диагональю. Однако на телефоне это уже не так удобно.
Для тех, кто использует смартфоны разработана мобильная версия, где уменьшено количество рекламы и реже используется вспомогательный контент.
Также у lenta.ru есть 3-я версия странички-AMP. На этой странице основной акцент сделан на контенте, реклама отсутствует, хотя есть возможность для ее размещения.
Как такое может быть что три версии страницы одновременно существуют?
Основная страница у ленты.ру – это страница для декстопных браузеров. Она предусматривает максимальный функционал и возможности для пользователей, также реклама приносит больше прибыли.
Внизу на странице также отображается ссылка на ее мобильную версию. Если заходить на эту страницу из смартфона то просто происходит авто переадресация на моб.версию. При мобильной выдаче Google предлагает переходить на мобильную версию. Так как на ней уменьшенное количество рекламы и сопутствующего контента.
Код-http основной страницы имеет указанный на AMP-вариант — . В случае попытки обхода поисковые боты Google выявят это и осуществят индексацию ускоренной страницы, показывая именно её в блоке новостей мобильной выдачи на соответствующие запросы пользователей.
Можно сделать вывод что новостной сайт Лента.ру имеет три версии каждой страницы для разной целевой аудитории. При этом их функционал имеет отличия, а контент при этом одинаковый.
Хотелось бы подчеркнуть что на всех 3-х версиях страничек применяется и тег , это для того чтобы боты-поисковики могли видеть какая из страниц основная, чтобы не было проблемы дублирования.