Как сделать amp страницу, что это такое и зачем она нужна?

 

Содержание страницы:


— Что такое amp страницы и как они работают
— Нужно ли создавать AMP страницу, а если нужно то кому?
— Как сделать amp страницу
— Заключение

 


 

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

 

Что такое amp страницы и как они работают

 

AMP – это сокращение от accelerated mobile pages или, как будет на русском, ускоренные мобильные страницы. Технологию эту анонсировала компания Google в 2015 году. Целью её является увеличение производительности интернет страниц на мобильных устройствах, путём создания специальной «урезанной» мобильной версии.

Сейчас Google очень активно продвигает эту технологию и всячески поощряет сайты, которые имеют мобильную версию, путём повышения их в поисковой выдаче, если запрос пользователя был произведён с мобильного устройства. К тому же технология amp страниц и правда удобная и повышает скорость загрузки на мобильных устройствах. Сейчас данную технологию активно поддерживают и используют многие интернет гиганты, такие как Twitter, Tumblr, LinkedIn и многие другие.

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

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

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

Второй вариант – просмотр с сервера Google кэшированной amp страницы в формате «карусели». При этом варианте вы даже не будете переходить на сайт этой страницы, что можно увидеть по строке с URL адресом, контент вы будете видеть прямо со страницы поиска.

 

Нужно ли создавать AMP страницу, а если нужно то кому?

Нужно ли создавать AMP страницу, а если нужно то кому?

 

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

 

Плюсы

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

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

 

Минусы

— Урезание функционала сайта. Такой отказ от некоторых элементов дизайна и функций может иметь негативное последствие при визуальном впечатлении пользователей.

— Не всем владельцам сайтов под силу генерация amp страниц самостоятельно, это требует навыков разработки.

— У amp страниц достаточно затрудненно размещение и создание контента. Это связано с тем, что обычные inline стили использовать нельзя. То есть контент нужно будет дорабатывать, потому что через обычный текстовый редактор его не создашь.

— Яндекс не поддерживает amp страницы. Этот минус актуален, только если ваш сайт ориентирован на СНГ аудиторию. Конечно, поддержка такого формата это лишь вопрос времени, но сейчас для обеспечения быстрой загрузки в обеих поисковых системах придётся добавлять и турбо-страницы.

Так кому же создавать amp страницы? В первую очередь это, конечно же, различные новостные и информационные порталы, где пользователю главное быстро посмотреть определённую информацию и пролистать дальше. Однако крупные коммерческие компании, такие как AliExpress и eBay отмечают, что внедрение такого формата позволило им повысить конверсию. В частности AliExpress приводит цифры в увеличении на 4%. По сегменту СНГ рынка никаких данных, к сожалению, нет в силу не такой популярности формата amp страниц у разработчиков.

 

Как сделать amp страницу

 

Что ж допустим, вы решили сделать amp страницу. Возникает вопрос как? В первую очередь зайдите на официальный сайт данной технологии и посмотрите спецификацию. Вам нужно создать шаблон, который будет полностью ей отвечать. Затем создайте отдельную amp версию для каждого документа, который вам нужно ускорить. Затем, что бы поисковая система знала, что это не отдельный сайт, а ускоренная версия основного, свяжите amp страницу с обычной. На обычной добавьте <link rel=»amphtml» href=»путь до быстрой версии»>, а на amp странице<link rel=»canonical» href=»адрес основной»>. Для автоматической генерации страниц по шаблону вам нужно будет дорабатывать CMS.

Если же ваш сайт использует одну из популярных ныне CMS, например WordPress, Joomla, Magento и др. то считайте, вам повезло, потому что на всех популярных CMS уже есть различные модули и плагины, позволяющие легко и просто внедрить технологию amp страниц. Единственное что многие из подобных плагинов будут генерировать amp страницу для какого то одного документа, но с другой стороны это даже лучше, потому что данная технология не требует переноса всего сайта.

 

Заключение

 

Создавать ли amp страницу прямо сейчас спорный вопрос, но в ближайшем будущем её создавать точно придётся. Доля мобильного трафика растёт с каждым днём, люди выходят в интернет с планшетов, смартфонов, часов и это далеко не предел. Совсем недавно разработчики скептически относились к созданию мобильной версии и адаптивной верстке, сейчас же это обязательное условие при разработке сайта. Google всё это понимает и вряд ли свернёт проект amp страниц и поддержки мобильного трафика, а Яндексу хочешь-не хочешь, а придётся играть по правилам мирового лидера. Так что в скором времени технология amp будет обязательным условием для работы онлайн ресурса.