, ,

AMP страницы

Google постоянно развивается и совершенствует свои технологии. Три года назад в это время стартовал новый формат, призванный увеличить скорость загрузки сайтов на смартфонах и планшетах — Google Accelerated Mobile Pages (АМР). Многие сайты за это время протестировали данный формат, и ускорение загрузки составила в некоторых случаях почти 85 процентов. Главная проблема АМР  — отображение адресов страниц  в виде ссылок на страницы типа google.com/amp, и эту проблему планируют решить до конца года. Адреса будут выглядеть как URL издателей. Но пока мы ждем вступления в силу этого полезного новшества, расскажем – что такое АМР, как подключить и как с помощью этой технологии можно продвинуть свой сайт.

Главное об АМР

В отличие от базовых, АМР рассчитаны на мобильные устройства и внешне немного отличаются от обычных страниц. Приведем пример и найдем отличия. Так выглядит обычная страница, открывающаяся на экране ПК:

Главное об AMP

На странице представлены иконки всех SMM, широкое меню по рубрикам, рекламный баннер и список видео похожих новостей со ссылками.

Теперь посмотрим АМР страницу этого же сайта:

Страница AMP

Как видите, сокращенное меню, адаптированное под мобильные устройства, отсутствие всех иконок SMM, реклама, опубликованная в другом формате, и меньшее количество похожих статей. Многие называют АМР страницы урезанными версиями обычных страниц. Что ж, страница выглядит менее привлекательно, зато грузится в несколько раз быстрее и удобнее в пользовании на смартфонах и планшетах ☺

Интереснее, как Google выводит эти чудо-страницы в результатах выдачи на мобильных устройствах.

Примеры AMP в Google

Как страницы с высокой скоростью выглядят на смартфонах:

Fast AMP

А теперь посмотрим на АМР страницу:

Страницы AMP

А вы заметили?

1. В физическом смысле вы не переходите на другой сайт, а остаетесь в Google

2. Новости размещены в слайдере – можете пролистывать блоки и переключаться между контентом «Главных новостей»:

Новости на AMP

3. Нажав на стрелочку «Вернуться назад», окажетесь вновь на странице Поиска.

4. Содержимое AMP прогружается за долю секунд ☺

Также рекомендуем прочитать статью про полезнейший отчет «карта кликов» в Метрике.

Для чего и  кому необходима технология АМР страниц

Такая технология необходима всем, кто хочет высокоскоростной загрузки своего сайта на всех мобильных гаджетах.

Посмотрите на сравнение скорости между стандартной версией, мобильной и ускоренной:

Таблица сравнений скорости страниц

Почему загрузка АМР страниц на много быстрее от обычной или мобильной версии сайта? Происходит это  потому, как благодаря АМР значительно уменьшается объем данных, а также загружается из кеша Google

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

А теперь представьте, насколько важна скорость для пользователей планшетов и смартфонов с плохой скоростью интернета. Чтобы помочь таким юзерам, Google кэширует amp страницы и сохраняет на своём сервере тем самым помогая пользователям , чья скорость интернета не дотягивает до нормы☺

Кроме этого, если вы хотите выше ранжироваться в Google по сравнению с конкурентами, обязательно используйте АМР. Ведь именно благодаря фактору скорости загрузки сайт будет занимать позиции выше или ниже.

Информационные ресурсы, сайты с новостями и прочие проекты с расширенным контентом несомненно выиграли от интеграции AMP.

Ну а кроме, с AMP вы получаете еще больше посетителей сайта –  блок АМР привлекает внимание пользователей и его сложно оставить равнодушным☺

Немного о минусах АМР

Минусы AMP страниц

  • Системы аналитики не дадут вам автоматически отчёты о посещениях, как вы привыкли. Чтобы настроить это на АМР, придется добавлять еще раз отдельно счетчик, отслеживающий посещения, или используйте плагины. Так Google Analytics станет доступна
  • АМР — это страницы с урезанной функциональностью, если сравнивать со стандартными – посмотрите на примеры в начале блога и убедитесь☺
  • Оформление АМР скуднее и менее привлекательно для целевой аудитории. Если готовы пожертвовать внешним видом своего ресурса, используйте АМР
  • На ускоренных страницах нет активных иконок ВКонтакте, Instagram, Twitter  и прочих ссылок на соцсети

Если хотите сайт с высокой скоростью загрузки и готовы закрыть глаза на менее привлекательный внешний вид ресурса и его меньшую функциональность, выбирайте АМР ☺

Как АМР страницы помогают в продвижении сайта

Дружественное отношение сайтов к аудитории, больше использующей в повседневной жизни и работе мобильные устройства, напрямую взаимосвязано с тем, как поисковик Google ранжируют такие ресурсы.

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

Как внедрить технологию на свой сайт

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

Вам крайне повезло, если ваш сайт на WordPress – в эту CMS последней версии уже встроили поддержку AMP. Если у вас Drupal, Joomla, OpenCart и прочие CMS – не расстраивайтесь, о них подробнее мы расскажем ниже ☺

  • У вас WordPress

Чтобы установить АМР, просто установите и активируйте соответствующий плагин:

Wordpress плагин для AMP

После того как плагин с генерирует страницы, отправьте код на проверку в валидатор:

Валидатор AMP страниц

Мы воспользовались плагином без нужных нам опций. Дальше используем  надстройку, созданную специально для WP.  Дальше подключите плагин и активируйте его, затем переходите в админку – а там уже следуйте в соответствующее меню:

Плагины под вордпресс для АМП страниц

Если необходимо загрузить логотип сайта, перейдите в пункт General и загрузите туда соответствующий файл.

Front Page – это кнопка, за счет которой назначите любую из страниц как главную:

Front Page функция

Для настройки отслеживания посещений страниц АМР – переходим в раздел Analytics. Вставьте свой ID Google Analytics в поле для него:

ID Google Analytics

Кнопка Дизайн ведет в раздел оформления ваших АМР страниц. Здесь пофантазируйте с обликом сайта – поработайте в редакторе, подберите подходящую палитру, добавьте или удалите элементы, измените оформление заголовков, поиграйте с фоном страниц:

Оформление АМР страниц

В пункт Меню поможет задать ссылки на страницы в AMP версии сайта:

AMP меню

В раздел Advertisement предназначен для рекламных блоков и как они будут отображаться на сайте. Есть четыре варианта, как разместить рекламу: вверху шапки на страницах, ниже футера или сверху/снизу размещенного контента.

Если хотите опубликовать объявление сразу за контентом – используйте опцию AD #4. Здесь сможете выбрать и размер объявлений:

Размеры объявлений

В разделе Single вы можете настроить иконки SMM, задать превью страниц на страницах блога:

Настройка иконок SMM

Раздел Notification  — помогает настроить отображение уведомлений.

Disqus Comments – создает на АМР страницах опцию комментирования для пользователей:

Disqus Comments AMP

Имейте в виду, что не стоит перенаправлять всех посетителей на ускоренные страницы – не всем они необходимы ☺ Если пользователь зашел со смартфона или планшета, не обязательно показывать ему сокращенную версию вашего сайта. Скорость, конечно, будет отменной, но из-за ограниченного функционала можете потерять в результативности самого ресурса. И в следствие получите меньше конверсий.

Не забудьте о размещении ссылки на главную версию сайта в его подвале. Так сопроводите пользователей на полный сайт с неограниченной функциональностью:

Функционал для АМП страниц

Если ваш ресурс на WP, подключение ускоренных страниц займет немного времени ☺

  • У вас Drupal

Для внедрения мобильных страниц сайта на Drupal перейдите в раздел modules:

Drupal AMP

Подберите модуль, применимую к созданию AMP. Не забудьте указать идентификатор Google Analytics, чтобы отслеживать посещения:

Идентификатор Google Analitycs

После того, как все настроите, проверьте – как отображаются страницы ☺

  • У вас Joomla

Для внедрения ускоренных страниц для сайтов на движке Joomla, используйте расширение wbAMP. Она к сожалению платная.

После того, как разберетесь с плагином -  переходите в Настройки. У бесплатной версии ограниченный функционал – доступна только базовая настройка.

В основных настройках сообщите данные о вашем ресурсе.

Если сравнивать у WP и Друпал есть бесплатные инструменты для подключения к АМР, то у Joomla таковые отсутствуют.

Подведем итоги

Созданная для ускорения загрузки контента технология, разработанная специально для мобильных пользователей — это технология АМР. Данная технология активно поддерживается Google.

Ваш проект реализован и работает на WordPress, подключение страниц АМР пройдет безвозмездно и в сжатые сроки.

Для сайтов на Drupal вопрос с АМР также несложно решить. Просто воспользуйтесь бесплатным решением для установки и настройки ускоренных страниц. Специалисты Joomla, увы, не позаботились  о желающих подключить AMP бесплатно – плагины нужно будет купить.

Какой смысл в использовании АМР, если их функционал и внешний вид не дотягивают до базовых страниц? Это логично и просто:  объем трафика с мобильных устройств растет с каждым днем, и будет еще выше. Вполне вероятно, что в скором времени мы будем говорить об аудитории пользователей не мобильных устройств, а с микроволновых печей, кофеварок, стиральных машин и прочей бытовой техники ☺

Почему мы так размышляем? Вспомните, совсем недавно многие со скепсисом воспринимали необходимость адаптивной верстки для сайтов или мобильных версий. Так и АМР может стать базовым условием для интернет-маркетинговой эффективности ресурсов ☺

telegram
Подписаться на наш Telegram