AMP-страницы для Битрикса

AMP-страницы для Битрикса

С каждым годом больше и больше увеличивается доля мобильного трафика в общем количестве заходов в интернет-магазины. Очевидно, что для решения проблемы «отказов» и повышения конверсии, следует смотреть в сторону ускорения загрузки товарных страниц сайта для мобильных пользователей. Одним из возможных решений является технология AMP (Ускоренных мобильных страниц) от Google. В данной статье рассматривается внедрение их для сайта на битриксе. 

Ускоренные мобильные страницы для Битрикса. С чего начать?

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

Итак, с чего же, всё-таки начать?

Прежде всего, стоит понимать,  что AMP для интернет-магазина на битриксе — это, в первую очередь, отдельный шаблон, который соответствует требованиям к AMP-разметки от гугл: https://amp.dev/documentation/guides-and-tutorials/learn/spec/amphtml/?referrer=ampproject.org

Соответственно, нужно будет разработать полноценный AMP-френдли шаблон, в т.ч. с шаблонами компонентов каталога. Помочь с решение данной задачи может валидатор AMP от Google: https://amp.dev/documentation/guides-and-tutorials/learn/spec/amphtml/?referrer=ampproject.org

Предположим, что шаблон разработан. Всё удачно, он проходит валидацию «на ура». Следующим шагом будет создание папки, в которой будет вызван каталог с AMP-шаблоном. Например, эту папку можно назвать «amp». Вызов каталога в этой папке будет примерно следующим (т.е., по факту, просто вызов компонента с нужным шаблоном):

Далее, нам нужно будет закрыть папку AMP от ботов Яндекса. Например, так:

После этого нужно отправить папку /amp/ на индексацию гуглом (Удобнее всего сделать это через search console).

В целом, на этом всё. Через какое-то время AMP-страницы начнут появляться поиске (Гугл сам будет выдавать их пользователю вместо обычных страниц). Однако, если вы хотите принудительно перенаправлять мобильных пользователей на AMP-версию страниц, то вы можете попробовать настроить следующий редирект в .htaccess:

Очень вероятно, что конверсия на amp-версии будет выше, чем на обычной версии. Но, конечно, для каждого бизнеса это индивидуально и нужно тестировать этот момент.