CC BY
0
Актуальные проблемы авиации и космонавтики - 2021. Том 2
УДК 004.77
GOOGLE AMP СТРАНИЦЫ
К. П. Горохова, А. П. Багаева
Сибирский государственный университет науки и технологий имени академика М. Ф. Решетнева Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31
E-mail: kristina99.09@mail.ru
В статье рассмотрена технология AMP от компании Google, для чего и кому она нужна и особенности ее аналитики.
Ключевые слова: AMP, страницы, трафик.
GOOGLE AMP PAGES K. P. Gorohova, A. P. Bagaeva
Reshetnev Siberian State University of Science and Technology 31, Krasnoyarskii rabochii prospekt, Krasnoyarsk, 660037, Russian Federation E-mail: kristina99.09@mail.ru
The article discusses the AMP technology from Google, why and to whom it is needed and the features of its Analytics
Keywords: AMP, pages, traffic.
Проект Google AMP (Accelerated Mobile Pages) был запущен ещё в октябре 2015 года. Первыми данную технологию начали использовать СМИ, различные интернет-ресурсы и новостные агентства, для которых их контент стоит на первом месте и является главной частью их деятельности.
AMP (AcceleratedMobilePages) - это технология ускоренных мобильных страниц. Эта технология способствует созданию быстрых динамических страниц - шаблонных и ограниченных с технической стороны, но при этом гибких и разнообразных с точки зрения дизайна и функционала [1].
Причинами появления таких страниц послужило то, что практически каждый второй визит на сайты происходит со смартфона и многие пользователи не готовы тратить время на загрузку страниц (по статистике 53% посетителей уходят со страниц после 3 секунд ожидания её загрузки).
В основу AMP-страниц входит HTML-код, в котором часть тегов заменены на аналогичные, а некоторые теги просто не используются. А также в работе этой технологии используется JS-библиотека, позволяющая всем элементам страницы загружаться синхронно.
Суть технологии AMP-страниц заключается в том, что помимо стандартной версии страницы и адаптивной версии ля мобильных устройств или мобильной версии сайта, создается Google AMPhtml версия. Таким образом, например, при поиске новостей через поисковую систему Google пользователи мобильных устройств так же будут видеть карточки с новостями, но со слегка увеличенными картинками. Выдаваться в результатах поиска на мобильных устройствах сначала будут именно сайты, которые адаптированы под AMP. Это является большим плюсом для SEO-оптимизации сайта [2].
Секция «Информационно-экономические системы»
Как же все-таки работает AMP?
Страница такого рода строится с помощью трех основных технологий:
- AMP HTML;
- Библиотека AMP JS;
- AMP Cache.
AMP HTML представляет собой HTML-разметку с ограничениями, расширениями и особенными wed-компонентами, которые регламентированы в спецификации. Как сказано ранее, в AMP часть тегов являются аналогами, например, как в таблице 1.
Таблица 1
Пример аналогов тегов
Тег в html Тег в AMP HTML
imj amp-imj
video amp-video
iframe amp-iframe
При это нужно учитывать то, что большинство компонентов не имеют аналогов и не могут быть использованы в коде AMP. Код страницы AMP очень просто узнается по значку молнии в теге html, как показано на рисунке 1.
Рис. 1. Код AMP-страницы
При создании AMP-версий страницы используются CSS-стили. К главным особенностям этого относятся:
- встроенные стили запрещены (потому что они снижают производительность);
- наложены ограничения по размеру заданных должным образом CSS на странице (не более 50 Кб).
Библиотека AMP JS позволяет обеспечивать визуализацию страниц. Компоненты библиотеки позволяют значительно компенсировать отсутствие возможности использовать кастомный код. С её помощью можно реализовать боковое меню, фильтры, сортировку, а также отправку формы, корзину интернет-магазин, ссылки на соцсети, подгрузку контента и рекламных блоков.
AMP Cache благодаря использованию CDN (сети доставки контента) Google позволяет загружать AMP-страницы практически мгновенно.
Возможности технологии AMP-страниц непрерывно развиваются. Например, это удобный инструмент для проведения тестов A/B: такая возможность встроена в структуру ускоренных страниц.
На AMP-страницах можно размещать рекламу: данную функцию поддерживают многие платформы. И, конечно же, это отличное поле для электронной коммерции: с ускоренных страниц можно продавать товары. Согласно всё исследованию Forrester, конверсия на сайтах с AMP была в среднем на 20% выше, чем на обычных веб-страницах [3].
А чтобы помочь сайтам удерживать читателей на AMP-страницах ещё дольше, появляются специальные блоки рекомендаций, которые можно встроить в AMP-страницу.
В итоге, о технологии Google AMP Page можно сказать, что её внедрение обязательно для владельцев информационного ресурса, так как она улучшает SEO-показатели, а также увеличивает аудиторию сайта. Это отличный помощник в повышении скорости загрузки
Актуальные проблемы авиации и космонавтики - 2021. Тома 2
страниц и привлечении пользователей, который продолжает свое развитие и входит в десятку трендов веб-разработки нашего времени.
Библиографические ссылки
1.Что дают Google AMP: опыт поисковика недвижимости Flatty [Электронный ресурс]. URL: https://netpeak.net/ru/blog/chto-dayut-google-amp-opyt-poiskovika-nedvizhimosti-latfy/ (дата обращения: 14.02.2021).
2.Nomax. Зачем вам нужен AMP Google? И нужен ли? [Электронный ресурс]. URL: https://nomax.com.ua/articles/seo/zachem-vam-nuzhen-amp-google-i-nuzhen-li/(дата обращения: 20.02.2021).
3. Cossa. Зачем нужны AMP-страницы и как удерживать на них пользователей [Электронный ресурс]. URL: https://www.cossa.ru/trends/194448(дата обращения: 05.03.2021).
©Горохова К. П., Багаева А. П., 2021
