Все, что вы должны знать о Google AMP для электронной коммерции

Опубликовано: 2018-05-03

Когда Google опубликовал новость о том, что более 50% всех поисковых запросов в Google приходится на мобильные устройства, мы знали, что мобильные устройства — это следующий большой шаг в поисковой оптимизации. Затем пришли новости о ранжировании веб-сайтов в Google, отдавая предпочтение мобильным сайтам, и все начали исправлять свои мобильные сайты. Затем в начале 2018 года Google развернула индексацию для мобильных устройств, и важность Google AMP возросла.

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

Прежде чем рассматривать важность Google AMP для электронной коммерции, давайте быстро рассмотрим основы.

Что такое Google AMP?

AMP расшифровывается как Accelerated Mobile Pages, и это проект, поддерживаемый Google. Google AMP — это проект с открытым исходным кодом, предназначенный для создания быстрых, плавных и привлекательных веб-страниц для мобильных устройств.

Основными компонентами Google AMP являются:

  • AMP HTML
  • AMP JS
  • Кэш Google AMP

AMP HTML на самом деле является базовым HTML, но с расширенными свойствами AMP.

AMP JS помогает ускорить рендеринг веб-страницы.

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

Как Google AMP загружает страницу быстрее?

Google AMP имеет несколько иной способ обработки. По сути, Google AMP работает таким образом, чтобы быстрее загружать страницу:

  1. За счет асинхронного выполнения всего AMP JavaScript. Это означает, что AMP создает отдельный JavaScript для всех блоков контента и загружает их отдельно. Таким образом, для одного конкретного блока вся страница не должна страдать при рендеринге.
  2. AMP загружает размер и структуру страницы без помощи ресурсов. В обычном сценарии браузер не знает, какой длины будет структура страницы. Но в случае с Google AMP он определяет размер контента, рекламы или визуальных элементов.
  3. Google AMP хранит весь сторонний JavaScript в iframe песочницы. Таким образом, сторонние JavaScript-коды не могут блокировать отрисовку основных элементов страницы. Это может просто означать: сторонняя реклама не повлияет на скорость загрузки основного содержимого веб-страницы.
  4. AMP может расставлять приоритеты при загрузке ресурсов. Это позволяет веб-странице быстро загружать важные элементы, такие как контент, изображения или видео, а также внешнюю рекламу на более позднем этапе.

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

Google AMP для электронной коммерции

Согласно исследованию , проведенному среди граждан США, были выявлены шокирующие факты о скорости страниц сайта. В 2012 году Amazon подсчитал, что они будут терять 1,6 миллиарда долларов каждый год с каждой секундой, добавляемой к скорости загрузки их страниц.

Задержка загрузки страницы в одну секунду может привести к снижению конверсии на семь процентов.

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

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

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

Как работает Google AMP для электронной коммерции?

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

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

AMP для электронной коммерции эффективен для трех типов страниц:

  1. Домашняя страница
  2. Страницы категорий продуктов
  3. Страницы продукта

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

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

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

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

Как создать страницы категорий товаров с помощью AMP?

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

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

Теперь возникает вопрос: если Google AMP использует кеш для загрузки страниц, будет ли он предоставлять динамический или обновленный контент?

Ответ ДА.

Google AMP работает над методом «Stale-while-revalidate», при котором, если на странице происходят какие-либо динамические изменения, он вспоминает обновленную страницу с сервера и предоставляет новую страницу. Пользователь никогда не увидит более старые или устаревшие данные, чем 15 секунд.

Ну вот и все. Если вы обновите цену товара или товара нет в наличии, такие динамические данные будут доставлены такими же новыми, какими вы их обновили.

AMP для страниц продуктов электронной коммерции

  AMP для страницы продукта электронной коммерции также прост. Вы можете реализовать AMP на страницах своих продуктов, используя различные компоненты, такие как amp-carousel, amp-bind, amp-selector, amp-access и т. д.

AMP поможет вам в следующих областях, когда дело доходит до создания страниц продукта:

  1. Галерея продуктов
  2. Конфигурация продукта
  3. Добавить в корзину
  4. Вкладки
  5. Звездный рейтинг
  6. Комментарии и обзоры

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

Вот некоторые часто задаваемые вопросы о Google AMP для электронной коммерции:  

  1. Целесообразен ли Google AMP для электронной коммерции?

Ответы огромное ДА.

  1. Повлияет ли AMP на SEO?

Google уже предположил, что AMP не является фактором ранжирования, но это важно! AMP загружает страницы быстро, и это обеспечивает хороший пользовательский опыт. UX/UI считается фактором ранжирования в рейтинге Google.

  1. Могу ли я отслеживать ссылки AMP с помощью Google Analytics?

Да. Вы можете отслеживать данные о посетителях ссылок AMP с помощью amp-analytics .

  1. Может ли клиент добавлять отзывы о продуктах на странице продукта AMP?

Да. Комментарии и отзывы клиентов можно добавлять с помощью amp-form и amp-access .

  1. Будет ли Google AMP предоставлять динамический контент?

Да. Несмотря на то, что Google AMP использует кеш, он запоминает обновления с сервера и предоставляет обновленные данные.

  1. Каковы недостатки AMP для электронной коммерции?

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

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

Нижняя линия

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

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

Ваше здоровье!