AMP — пустая трата времени или нет?

AMP — пустая трата времени или нет?

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

Поскольку более 51% мобильных пользователей находят новые компании и продукты, выполняя поиск в Интернете со своих смартфонов, необходимо убедиться, что сайт вашей компании правильно структурирован как для настольных компьютеров, так и для смартфонов.

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

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

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

По теме: Какой процент интернет-трафика приходится на мобильный в 2020 году?

Как работают усилители?

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

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

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

И это действительно цель AMP в целом — оптимизация взаимодействия с пользователем для увеличения веб-трафика и, в процессе, помощь в создании мобильных лидов.

Как изменился AMP с момента его выпуска?

AMP от Google был впервые выпущен 7 октября 2015 года. В феврале 2016 года Google объявил, что AMP будут интегрированы в результаты мобильного поиска, что создаст новые проблемы для SEO-маркетологов, занимающихся оптимизацией для мобильных устройств.

Тем не менее, декабрь 2018 года ознаменовался важным моментом, когда WordPress объединился с AMP и Google для выпуска официального плагина AMP. Хотя это мало что дало всем остальным, это, безусловно, дало толчок для сайтов WordPress.

Что вы получаете с AMP

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

Но вот как:

Улучшения адаптивного веб-дизайна

Цель адаптивного веб-дизайна — гарантировать, что веб-страницы спроектированы так, чтобы максимально использовать пользовательский интерфейс. Другими словами, адаптивный веб-дизайн создает карту сайта с удобной навигацией, к которой можно получить доступ с любого устройства: настольных компьютеров, iPad и планшетов и, конечно же, мобильных устройств.

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

Расширенный пользовательский опыт

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

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

Потенциальные недостатки внедрения AMP

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

AMP-кодирование

Кодирование AMP может использовать урезанную версию HTML, но для правильного отображения страниц существуют определенные теги HTML, которые просто не будут работать с AMP. Примерами таких тегов являются теги Script, base, embed и frame.

Согласно руководству GitHub по кодированию AMP HTML, «атрибуты, связанные с XML, такие как xmlns, xml:lang, xml:base и xml:space, запрещены в AMP HTML».

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

  • Теги стиля
  • Теги видео
  • Аудио теги
  • Имг теги

AMP-разметка

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

  • Метаданные
  • Классы
  • идентификаторы
  • Ссылки
  • Селекторы
  • Время выполнения
  • Ресурсы
  • Другие компоненты AMP

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

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

Что это может означать для вашей стратегии мобильного контента

Остается вопрос: прыгать на подножку AMP или нет?

Кейс для мобильного SEO

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

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

Дело в Google Рекламе

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

Имея в вашем распоряжении так много инструментов, измерение ROI на данных AMP становится намного проще.

Создатель: Шей Берман, основатель Digital Resource.