Что такое AMP и кому он действительно нужен?

Опубликовано: 2021-07-19

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

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

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

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

Что такое AMP?

AMP - это поддерживаемый Google проект, целью которого является ускорение доставки контента за счет использования урезанного кода, известного как AMP HTML. Проще говоря, AMP - это способ создания веб-страниц для статического контента (страниц, которые не меняются в зависимости от поведения пользователя), который позволяет страницам загружаться (и предварительно отображаться в поиске Google) намного быстрее, чем обычный HTML.

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

Технология мгновенных статей Facebook известна как закрытая, поэтому технология, используемая для отображения мгновенных статей, характерна только для их платформы. В проекте AMP используется платформа с открытым исходным кодом, что означает, что он может использоваться целым рядом других компаний для обслуживания контента, созданного с использованием AMP HTML, включая такие платформы, как Twitter, Pinterest и поиск Google, что является большой новостью для контента. издатели.

Как будет использоваться AMP?

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

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

AMP-страницы в результатах поиска

Например, в разделе главных новостей результатов Google, на примере выше дисплеев AMP версии историй связанных новостей «МАРС», выше как новостей и регулярные результатов по этому запросу. Очевидно, что это огромная возможность для издателей, которые создали AMP-версии своего контента, чтобы опередить тех, кто не спешит внедрять AMP.

Примеры AMP

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

Guardian уже выпустила AMP-версии каждой новости на своем сайте, которую вы можете просмотреть, добавив / amp в конец любой новости на веб-сайте Guardian, например этой статьи, которая размещена в домене Guardian. Чтобы еще больше увеличить скорость просмотра части контента, AMP-контент, который вскоре появится в результатах поиска Google, обычно будет кэшированной версией статьи, размещенной на gstatic.com, а не доменом соответствующего издателя.

Взаимозависимости между настольной и AMP-версиями части контента были подчеркнуты парнями из Distilled на недавней диаграмме Whiteboard Friday, которую вы можете увидеть ниже:

Источник: Moz Whiteboard Friday

Несмотря на то, что на диаграмме выше есть 2 ссылки на AMP-версию страницы, Guardian необходимо создать и разместить только одну AMP-версию каждой статьи на своем сайте. Такие компании, как Google, Twitter, Pinterest и Linkedin, могут затем размещать кешированные версии содержимого AMP, созданного такими издателями, как Guardian, что означает, что пользователь сможет прочитать статью, фактически не посещая веб-сайт Guardian.

Измерение влияния AMP на видимость в поисковой сети

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

Консоль поиска Google сообщит о появлении ваших AMP-страниц в результатах Google Discover.

Вот краткое руководство по началу работы в Search Console.

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

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

Ограничения AMP

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

  • Запрещается использование JavaScript, кроме стандартной библиотеки AMP.
  • Изображения будут загружаться только при прокрутке до них (функция отложенной загрузки)
  • Потребуется упрощенная версия вашего CSS.

Вы можете узнать больше о технических требованиях для AMP HTML здесь.

Что я могу сделать, чтобы подготовиться?

Если вы обычный блоггер, использующий CMS, такую ​​как WordPress, вам нужно, чтобы AMP стал неотъемлемой частью вашей стратегии публикации в будущем. По сути, чтобы повысить вашу заметность в мобильных результатах Google, вам необходимо создать AMP-версии вашего контента. В WordPress уже есть плагин AMP, который может динамически генерировать AMP-совместимые версии сообщений на сайте WordPress.

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

Зачем мне нужен AMP?

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

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

Вы только что узнали что-то новое?

Тогда присоединяйтесь к 80 000 человек, которые ежемесячно читают наши экспертные статьи.
  • Это поле предназначено для проверки, и его следует оставить без изменений.

Дополнительное чтение

  • AMP в Google
  • www.ampproject.org
  • Почему AMP быстрый
  • Доска Moz AMP Friday
  • Исходный код и образцы AMP

Если вам нужна помощь с поисковой оптимизацией, не стесняйтесь обращаться к нам.