Продвигаем бизнес в Интернете с 2001 года

Как улучшить скорость загрузки интернет-магазина с помощью технологии AMP?

Через месяц вступают в силу новые факторы оценки качества ресурса Google Core Web Vitals, согласно которым скорость загрузки сайта окажет очень сильное влияние на ранжирование. Решить проблему медленной загрузки сайта можно попробовать с помощью технологии AMP: о ее возможностях, ограничениях и результатах ее внедрения мы рассказали в нашей новой статье. 

06 апреля 2021 года
910
Вы все еще закрываете глаза на оптимизацию загрузки вашего ресурса? Советуем как можно быстрее пересмотреть стратегию работы со скоростью сайта и приведем несколько аргументов в пользу того, почему это важно:

  • Согласно данным Google Analytics, за период с 2019-ый по 2020 год мобильный трафик во всем мире вырос с 63% до 68% и еще продолжает расти. То есть большинство пользователей заходят на сайты с мобильных устройств.
  • Более половины пользователей также используют свои мобильные телефоны для покупок товаров в Интернете (Datareportal, 2020).
  • Согласно исследованию Delloite «Миллисекунды приносят миллионы» (Milliseconds Make Millions), уменьшение времени загрузки даже на 0,1 секунды может улучшить скорость продвижения пользователя по всей воронке продаж.
amp1.jpg
  • По данным аналитической платформы kissmetrics,  65% пользователей готовы ждать загрузки сайта только до 20 секунд и всего 35% — от 20 и больше секунд, прежде чем покинуть страницу. Одна дополнительная секунда ожидания загрузки страницы снижает уровень конверсии на 7%*. 

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

Почему скорость загрузки сайта важна для Google?

Еще в 2010 году Google объявил скорость загрузки страниц фактором ранжирования, а с мая 2021-го вступают в силу Google Core Web Vitals, для которых высокая скорость играет ключевую роль в ранжировании. Поэтому улучшение скорости загрузки сайта — важная задача для SEO-продвижения в 2021 году. В нашей новой статье мы рассказали о технологии AMP как инструменте для решения проблем со скоростью загрузки мобильной версии сайта, ее возможностях, ограничениях и результатах внедрения.

Материал подготовлен на базе выступления Никиты Селиванова, руководителя группы SEO в pult.ru, на конференции Optimization-2020.

210406 4.png

Как AMP-страницы помогают уменьшить время ожидания загрузки сайта? 

AMP (accelerated mobile pages) — формат мобильных страниц сайта, который позволяет быстрее загрузить и отобразить страницу. В материале рассматривается применение формата AMP для Google. Яндекс не поддерживает формат AMP, но имеет собственный аналогичный инструмент — режим Турбо. 

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

210406 1 (2).png

Кроме того, АМР-страницы сохраняются в кэше и загружаются прямо из него. Благодаря кэшированию и ограничениям в верстке мы и получаем более высокую скорость загрузки. После внедрения AMP у страницы в поисковой выдаче появляется иконка, а при клике на неё в мобильной версии Google пользователь видит адрес «https //www google ru/amp/s/названиестраницы».

amp2.jpg

Как внедрить формат АМР для интернет-магазина?


210406 2 (2).png

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

2. Подготовьте скрипты. На сайте интернет-магазина есть много элементов, которые подключаются с помощью внешних скриптов. В формате АМР внешние скрипты подключить нельзя, иначе код будет невалидным с точки зрения АМР-формата. Поэтому разработчики АМР создали готовые скрипты практически для любого элемента интернет-магазина, встроенные в формат АМР. О том, какие элементы можно сделать с помощью встроенных скриптов, можно узнать в инструкциях: меню hamburger, список с выпадающем меню (аккордеон), скролл к началу страницы, галерея изображений, попапы и лайтбоксы, скрытый текст, табы в карточке товара.


Мнение эксперта

Никита Селиванов, руководитель группы SEO в pult.ru:

selivanov.jpg
Были некоторые элементы, которые не получилось внедрить в формат АМР, например добавление товара в корзину. Тогда я сделал кнопку добавления в корзину ссылкой, при клике на которую пользователь попадал на обычную (HTML) версию страницы этого товара с GET-параметром. Основной сайт на HTML настроили так, чтобы при добавлении GET-параметра с ID товара этот товар автоматически добавлялся в корзину.




3. Подключите микроразметку. Яндекс не работает с форматом страницы АМР и форматом микроразметки json-d, эти страницы поисковик читать не будет. Поэтому для микроразметки можно использовать формат json-d. Не забудьте проверить разметку через валидатор. Для помощи при создании микроразметки можно использовать мастер разметки Google и генератор разметки Schema.org.

4. Свяжите основные и АМР-страницы. Для корректной работы сайта нужно рассказать Google, что у обычной HTML-страницы есть альтернативная версия в формате АМР. Как это сделать: на все HTML-страницы добавьте тег link и укажите ссылку на аналогичные АМР-страницы, а на АМР-страницах укажите в теге link ссылку на страницы в HTML. Так вы свяжете страницы между собой, чтобы поисковик видел и основную, и альтернативную страницы. Подробнее о том, как это сделать, можно узнать в руководстве.

5. Отправьте страницы на переиндексацию. Переиндексация нужна для того, чтобы Google проанализировал обновления страниц и учёл их при  ранжировании. Как ускорить переиндексацию для всех многочисленных страниц сайта: добавьте в ответ в заголовке сервера Last Modified — с помощью этого заголовка можно показать браузеру, что страница недавно была изменена. Также можно в Sitemap актуализировать дату изменения и поставить высокий приоритет, чтобы поисковик увидел необходимость переиндексации.

6. Настройте канал трафика. После внедрения формата АМР в Google Analytics появится новый источник или канал трафика. Так происходит, потому что адрес отображается не с вашего сервера, а из кэша Google: если пользователь перешел из поисковой выдачи на АМР-версию страницы, а потом попал на основную страницу, то для Google это новый источник трафика. Транзакции, которые должны были попасть в канал Organic в Google Analytics, попадают в новый источник, и это можно исправить. Первый способ: добавить в Google Analytics фильтры, которые будут записывать трафик в Organic. Второй способ: связать визиты на АМР-версиях страниц и на основных страницах с помощью тега linker. Подробнее о втором способе — в руководстве.

7. Исправьте ошибки. Основными ошибками, из-за которых страницы АМР отображаются некорректно, являются неправильные форматы картинок, недопустимые атрибуты, неверные теги и т.д.

210406 3.png

Кейс: как изменилась скорость загрузки после внедрения АМР?

Никита Селиванов поделился результатами внедрения формата АМР на сайте интернет-магазина pult.ru

amp3.jpg

  • сразу после переиндексации АМР-версия страницы заняла место основной в поисковой выдаче и получила более высокие позиции;
  • скорость загрузки стала в шесть раз выше, чем у аналогичных страниц в HTML;
  • видимость страницы в Google Organic выросла на 4.4%;
  • трафик в Google Organic вырос на 14%;
  • конверсия в Google Organic просела на 0.02%.

Мнение эксперта

Никита Селиванов, руководитель группы SEO в pult.ru:

selivanov.jpg
Еще раз напомню, что речь идет о поисковике Google и только о мобильной версии. На десктопные версии сайта АМР не влияет. Что касается результатов внедрения, не буду утверждать, что улучшение трафика, позиций и скорости загрузки заслуга только АМР. Это не волшебное средство, позволяющее выйти в топ и остаться там навсегда. Но это хороший инструмент, с помощью которого я смог улучшить скорость загрузки, трафик и получил достойные результаты.





Выводы

Как мы уже говорили, доля мобильного трафика на сегодняшний день превышает долю десктопного, кроме того, количество и востребованность интернет-магазинов также растет. Возникает конкуренция как за позиции в выдаче, так и за внимание покупателя. Внедрение АМР — хорошая точка роста для интернет-магазина, поскольку формат еще не так распространен и конкуренция среди интернет-магазинов с АМР не очень высока. Для интернет-магазинов АМР — рабочее решение, за счет которого можно успешно существовать в конкурентной среде, улучшить ранжирование сайта и увеличить трафик.
Buch.jpgСтатью подготовила Бучнева Ольга. Закончила факультет журналистики, работала младшим редактором, копирайтером. Владеет навыками копирайта, рерайта, верстки в HTML. В свободное время ходит в кино, на выставки, читает, катается на роликах, любит пешие прогулки и путешествовать. 




 

Теги:

Вам будет интересно

Хотите обсудить ваш проект?
Напишите нам о своих бизнес-задачах, и мы предложим проверенные решения.

Доставляем экспертный контент

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

Нажимая на кнопку «Подписаться», я даю согласие на обработку персональных данных и соглашаюсь c политикой конфиденциальности

Спасибо за подписку!

Мы отправили вам проверочое письмо — пожалуйста, подтвердите адрес электронной почты, перейдя по ссылке внутри письма.

Произошла ошибка

Пожалуйста, попробуйте еще раз