Содержание

подробное руководство по ускоренным мобильным страницам

Ускоренные мобильные страницы или AMP — технология, которая обеспечивает удобное получение информации в интернете с экранов смартфонов и планшетов. Как работает AMP? Как создать и кастомизировать ускоренные мобильные страницы? Какими инструментами могут воспользоваться владельцы сайтов на популярных CMS, включая WordPress, Joomla!, Drupal, OpenCart? С какими подводными камнями сталкиваются вебмастера при внедрении AMP, и как решить проблемы? Ответы на эти и другие вопросы в руководстве.

Что такое AMP и как они работают

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

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

AMP — это платформа с открытым кодом. Поэтому каждый желающий может использовать ускоренные мобильные страницы бесплатно.

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

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

Серферы могут пользоваться AMP двумя принципиально разными способами. Первый предполагает передачу данных с сервера владельца сайта на компьютер посетителя и отображение в браузере ускоренной версии страницы. Например, на сайте с поддержкой AMP можно настроить автоматическую переадресацию всех мобильных пользователей на ускоренные страницы. Посетитель может попасть на AMP по ссылке с помощью мобильного девайса или добавить к URL в адресной строке браузера на стационарном ПК суффикс /amp/.

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

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

В отличие от Google, «Яндекс» не поддерживает технологию AMP.

Пока еще крупнейший поисковик рунета не считает ускоренные мобильные страницы дублями. Это объясняется тем, что AMP ссылаются на канонические страницы с помощью атрибута rel=»canonical».

Тем не менее «Яндекс» индексирует AMP и даже включает их в выдачу. Один из участников популярного SEO-форума рассказал, что поисковик включил ускоренные страницы в выдачу вместо основных. На жалобу техподдержка ответила, что робот не считает атрибут rel=»canonical» строгой директивой. Поэтому AMP оказались в выдаче вместо основных страниц сайта. Топикстартеру пришлось запрещать «Яндексу» индексировать ускоренные страницы в файле robots.txt.

За несколько месяцев использования AMP проблем с «Яндексом» я не заметил. В выдачу этой поисковой системы попадают основные версии страниц. Специальных правил индексации в файле robots.txt не указываю.

Стоит ли использовать ускоренные мобильные страницы

Чтобы ответить на этот вопрос, нужно уделить внимание преимуществам, недостаткам и результатам внедрения AMP.

Преимущества AMP

Главное преимущество AMP — высокая скорость загрузки. В таблице результаты тестирования базовой и ускоренной версии страницы с помощью нескольких сервисов.

Сервис/Страница

Базовая

AMP

PageSpeed Insights от Google

62 балла для мобильных, 77 баллов для десктопов.

88 баллов для мобильных, 94 балла для десктопов.

Инструмент проверки скорости загрузки от Pingdom

Время загрузки 5,94 секунды, размер страницы 3,5 Мбайт.

Время загрузки 2,46 секунды, размер страницы 381,4 Кбайт.

Инструмент проверки скорости загрузки от GTmetrix

Скорость загрузки 18,6 секунды, размер страницы 3,49 Мбайт.

Время загрузки 3,4 секунды, размер страницы 314 Кбайт.

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

Низкая скорость загрузки негативно влияет на пользовательский опыт. Более половины посетителей не ждет отображения контента более 3 секунд.

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

Google учитывает скорость загрузки страниц при ранжировании сайтов. Это важно в контексте тестирования mobile-first индекса. Обеспечивает ли AMP дополнительные преимущества в рейтинге?

В середине 2016 года на саммите Search Engine Journal в Чикаго представитель Google Гарри Ильес заявил, что ускоренные мобильные страницы не входят в число факторов ранжирования. Но специалист не смог однозначно сказать, что AMP не будет фактором ранжирования в будущем.

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

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

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

Недостатки ускоренных мобильных страниц

У AMP много недостатков. Вот основные:

  • Данные о посещении ускоренных страниц не попадают в отчеты «Метрики» и Google Analytics, которые формируются благодаря кодам отслеживания на основных страницах сайта. Чтобы отслеживать эффективность AMP, нужно добавить на них код отслеживания вручную или с помощью плагинов.
  • Ускоренные страницы имеют урезанную функциональность по сравнению с базовыми. На AMP нет навигационного меню, блока похожих публикаций, сайдбара, формы комментирования. Нужные элементы приходится «прикручивать» вручную или с помощью плагинов.
  • Внешний вид AMP отличается от базовых страниц не в лучшую сторону. Ради высокой скорости загрузки вы жертвуете визуальной привлекательностью сайта.
  • На AMP нет сторонних виджетов, например, виджетов групп «Вконтакте» или Facebook.
  • Если Google показывает ускоренные страницы сайта в карусели, пользователи могут читать их, не покидая SERP. Поэтому ваш сайт лишается трафика.
  • Теоретически из-за AMP могут возникать проблемы с индексацией. Пример с «Яндексом» описан выше.

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

Результаты внедрения AMP

Сначала личный опыт. Внедрил ускоренные страницы на экспериментальной площадке на WordPress в ноябре 2016 года. Проблем с «Яндексом» нет. Эта поисковая система видит AMP, но не включает их в индекс.

Google быстро индексирует AMP. Информация о них появилась в разделе Search Console «Вид в поиске – Ускоренные мобильные страницы» в течение нескольких дней после внедрения на сайте.

Практически сразу после индексации Google направляет на AMP трафик. По состоянию на конец февраля 2017 года приблизительно каждый третий посетитель из Google попадает на ускоренную, а не на основную версию страницы. Вот интересная статистика:

  • За неделю с 20 по 26 февраля на тестовую площадку из Google пришло 749 посетителей.
  • 397 из 749 человек — мобильные пользователи.
  • 246 пользователей из Google приземлились на ускоренные страницы.

На примере конкретного ресурса без претензии на репрезентативность видно, что Google охотно направляет на AMP посетителей. На ускоренные страницы из поисковой системы пришли 32,84 % от общего числа пользователей или 62 % мобильных пользователей. Оставшиеся 38 % владельцев смартфонов и планшетов попали на базовые страницы с адаптивной версткой.

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

Вот данные, на которые стоит обратить внимание:

  • За три месяца с момента реализации посетители ускоренных страниц только один раз нажали на объявление AdSense. На ускоренных страницах висит прямоугольный блок 300 на 250 под основным контентом. Другие форматы объявлений пока не тестировал.
  • Показатель отказов AMP значительно выше, чем у стандартных страниц. По данным Google Analytics он достигает 98 %. Это может быть связано с некорректным отслеживанием эффективности ускоренных страниц сервисом Google Analytics. При переходе пользователя с AMP на обычную страницу система мониторинга засчитывает новое посещение. При этом показатель отказов для ускоренных страниц растет, а глубина сессии уменьшается.
  • Показатель просмотренных за сеанс страниц у посетителей AMP ниже чем у посетителей адаптивных страниц. Пользователи намного реже переходят на другие страницы сайта с помощью блока похожих публикаций, чем посетители обычных страниц.
  • На ускоренные страницы практически все пользователи попадают из поисковой системы Google. За неделю Google Analytics зафиксировала несколько посещений с неопределенным источником трафика.
  • Посетители ускоренных страниц редко переходят на полную версию, несмотря на наличие ссылки в футере. За неделю с 20 по 26 февраля сервис аналитики зафиксировал только 10 переходов.

После реализации AMP скачкообразного изменения трафика из Google не было. Сохранилась динамика умеренного роста посещаемости. На посещаемость из «Яндекса» и других источников ускоренные страницы также не повлияли.

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

  • По результатам исследования Google заявил о более высокой эффективности контекстной рекламы на AMP по сравнению с обычными страницами. Показы объявлений в видимой части экрана выросли на 80 %, а CTR рекламных блоков выросли на 90 %.
  • Участники известного русскоязычного форума о поисковых технологиях относятся к AMP преимущественно негативно. Вебмастера не замечают изменений трафика. Некоторые специалисты считают, что Google придумал AMP, чтобы лишить сайты трафика. В данном случае речь идет о возможности просмотра контента ускоренных страниц на странице выдачи.
  • Любопытные данные от Search Engine Watch. Журнал Wired благодаря AMP получил рост CTR ссылок в поисковой выдаче на 25 %. А кликабельность объявлений на ускоренных страницах выросла на 63 %. Ежемесячная посещаемость сайта журнала Slate после внедрения AMP выросла на 44 %.
  • Представители CNN в интервью The Wall Street Journal сказали, что AMP и обычные страницы монетизируются с помощью рекламы одинаково эффективно.

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

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

Как установить AMP на WordPress

Пользователям WordPress повезло: ускоренные мобильные страницы можно реализовать буквально в течение минуты. Для этого установите и активируйте плагин AMP.

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

Плагин AMP не имеет настроек. Чтобы расширить функциональность и улучшить внешний вид ускоренных страниц, воспользуйтесь надстройкой AMP for WP. После установки и активации плагина перейдите в меню настройки ускоренных страниц в административной панели.

В разделе General при необходимости загрузите логотип сайта. Рекомендованный размер изображения — 190×36. С помощью кнопки Custom Logo Size вы можете указать произвольный размер логотипа.

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

Обратите внимание на функцию AMP on Pages. Базовый плагин создает только ускоренные версии страниц записей. Если вам необходимы AMP-версии статических страниц, переключите кнопку в положение On.

На сайтах под управлением WordPress контент можно публиковать на страницах записей и статических страницах. Записи подходят для публикации в блоге, а статические страницы для создания информационных разделов сайта, например, «Об авторе», «Услуги».

В разделе Analytics подключите отслеживание посещений AMP с помощью Google Analytics. Для этого укажите Google Analytics ID.

С помощью кнопки Use Google Tag Manager можно подключить Google Analytics с помощью диспетчера тегов Google.

В разделе Design вы можете изменить внешний вид ускоренных страниц. С помощью кнопки Launch Post Builder запустите drag-and-drop редактор дизайна. Добавляйте и удаляйте элементы страницы, выберите цветовую схему, цвет заголовка и фона.

Меню Design Selector позволяет выбрать готовые варианты дизайна. В поле Custom CSS можно добавить пользовательские стили.

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

В разделе Menu настройте отображение меню на ускоренных страницах сайта. Для этого перейдите по предложенной ссылке.

В разделе Advertisement настройте отображение объявлений AdSense. Плагин предлагает четыре варианта размещения рекламы: над шапкой на всех страницах, под футером на всех страницах, а также над и под контентом на страницах публикаций.

Чтобы разместить объявление под контентом на страницах публикаций, включите кнопку AD #4. Выберите размер объявления. Создайте объявление в аккаунте AdSense и добавьте идентификаторы пользователя и рекламного блока в предложенные поля. Данные возьмите из кода созданного объявления.

По желанию вы можете показывать на ускоренных страницах блок рекомендуемого контента. Для этого в соответствующем поле плагина укажите идентификатор блока.

Блоки рекомендуемого контента приносят доход при переходах посетителей по рекламным ссылкам, а также стимулируют внутренние переходы на сайте. При выборе размера 300×600 блок выглядит так (см. иллюстрацию).

В разделе Single настройте внешний вид и функциональность страницы записи. Вы можете включить прикрепленные к нижней части экрана социальные иконки, ссылки на предыдущую и следующую публикацию, а также настроить блок похожих записей.

В разделе Social Share подключите кнопки шеринга социальных сетей. В разделе Structured Data загрузите изображение для микроразметки ускоренных страниц. Google может использовать его при формировании поисковой выдачи. Также укажите размер изображений, которые будут использоваться в сниппетах при публикации ссылок на ускоренные страницы в социальных сетях.

В разделе Notification можно настроить отображение уведомлений. Например, вы можете сообщить посетителям об использовании cookies. В разделе Translation Panel переведите меню страниц на русский язык.

В разделе Disqus Comments можно подключить на ускоренных страницах систему комментирования Disqus. Для этого переключите кнопку Disqus Comments Support в положение On, укажите URL ресурса в системе Disqus и путь к файлу комментариев на сервере.

Если вы не подключите систему комментирования, на ускоренной странице будет отображаться текст оставленных посетителями базовой страницы комментариев и кнопка «Комментировать». При нажатии на кнопку пользователь будет перенаправлен на основную версию страницы.

В разделе Advance Settings можно включить ускоренную версию главной страницы, а также страниц рубрик и архивов. За эту функцию отвечают кнопки Homepage Support и Archive Page Support соответственно.

С помощью кнопки Non-AMP Homepage link in Header and Logo можно включить ссылку на полную версию главной страницы в названии сайта и логотипе. Используйте эту возможность, чтобы перенаправлять посетителей ускоренных страниц на базовую версию сайта.

Кнопка Mobile Redirection включает автоматическое перенаправление всех мобильных пользователей с адаптивной версии сайта на AMP.

Не перенаправляйте всех пользователей на AMP. В ускоренных страницах нуждаются не все посетители сайта. Редирект вынудит владельцев смартфонов и планшетов пользоваться сокращенными версиями страниц с ограниченной функциональностью. Это может привести к падению эффективности сайта.

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

Обязательно включите ссылку на полную версию страниц в футере с помощью кнопки Link to Non-AMP in footer. Это поможет пользователям переходить на базовые страницы с нормальной функциональностью.

В разделе Extension можно приобрести и подключить платные надстройки для плагина. Например, вы можете воспользоваться дополнительным инструментом для управления рекламой на ускоренных страницах или добавить на AMP микроразметку «Рейтинг».

В разделе Fix AMP Errors можно подключить платную поддержку. Разработчики плагина помогут разобраться с настройками и избавиться от уведомлений об ошибках в Search Console.

Блок Import/Export позволяет перенести настройки ускоренных страниц с одного сайта на другой.

Итак, на сайтах под управлением WordPress можно реализовать ускоренные страницы в течение нескольких минут. Чуть больше времени вы потратите на настройку внешнего вида и функциональности с помощью плагина AMP for WP.

AMP для Drupal

Чтобы внедрить ускоренные мобильные страницы на сайтах под управлением Drupal, воспользуйтесь следующими инструментами:

Для работы модуля AMP необходимы плагины Token и Chaos Tools. Если вы планируете показывать на ускоренных страницах объявления AdSense, установите расширение Google AdSense Integration.

На странице настроек модуля AMP на вкладке AMP Configuration подключите отображение ускоренных версий для публикаций и страниц. Выберите тему, которая будет использована для создания AMP. Укажите Google Analytics ID для отслеживания посещений страниц. Также вы можете использовать для учета просмотров AMP-пиксель.

На вкладке AMP Metadata укажите название сайта. При необходимости загрузите логотип и выберите его размер.

После настройки проверьте отображение ускоренных версий страниц. Для этого к URL добавьте значение «?amp». Например, ускоренная версия страницы http://primer-saita.ru/node/1 будет доступна по адресу http://primer-saita.ru/node/1?amp.

AMP для Joomla!

Чтобы внедрить ускоренные страницы на сайтах под управлением CMS Joomla!, воспользуйтесь расширением wbAMP. Полная версия этого плагина обойдется вам в 44 доллара США в год. Сборка для сообщества доступна бесплатно.

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

Оставьте дефолтное значение суффикса для URL AMP. В этом случае для просмотра ускоренных страниц достаточно добавить значение amp. Например, ускоренную версию страницы http://primer-saita.ru/koshki можно будет найти по адресу http://primer-saita.ru/koshki/amp.

Также на странице основных настроек укажите информацию о сайте и данные издателя. Выберите подходящий тип микроразметки: NewsArticle для новостных заметок и BlogPosting для публикаций в блоге.

Выберите страницы, для которых необходимо создавать ускоренные версии. Для этого переключитесь на вкладку «Выбрать страницы».

Заполните раздел «Правило для com_content». Если вы планируете показывать ускоренные страницы только для публикаций, в поле «Представление» укажите значение Article. В поле «Категории» выберите категории, публикации в которых будут иметь AMP-версии. В полях ID, ID номер материала и «Задача» укажите значение «*». В этом случае AMP будут созданы для всех публикаций в выбранных категориях.

Другие настройки в бесплатной версии плагина недоступны.

Существует еще один коммерческий инструмент для создания ускоренных страниц на сайтах под управлением Joomla!: плагин JAmp. Он стоит 39 евро. На тестовом сайте плагина можно увидеть, как инструмент трансформирует стандартную страницу в ускоренную.

В отличие от WordPress и Drupal, для Joomla! нет полностью бесплатного инструмента для создания AMP.

AMP для интернет-магазинов

Технология AMP предназначена в первую очередь для контент-проектов: новостных ресурсов, блогов. Стоит ли создавать ускоренные страницы ecommerce-сайтам?

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

AMP для OpenCart

Чтобы создать ускоренные страницы для сайта под управлением OpenCart, воспользуйтесь модулем Accelerated Mobile Pages. Это платное решение. Тестовую версию ускоренных мобильных страниц, созданных с помощью модуля, можно посмотреть по ссылке.

Также вы можете испытать модуль AMP for Product Pages. Это бесплатное решение. Надстройка создает AMP только для страниц товаров. Для работы AMP for Product Pages нужен модуль SEO Friendly URLS.

Я не могу рекомендовать бесплатный модуль AMP for Product Pages, так как за полтора рабочих дня не смог заставить его работать на тестовом ресурсе. После установки и активации программы на OpenCart версии 2.3.0.2 ускоренные страницы на сайте не появляются. Надстройка добавляет в хедер страниц ссылку на AMP-версию. При переходе по ссылке появляется ошибка 404.

Кроме того, в результате установки модуля сайт периодически становится недоступным, а на экране браузера появляются кракозябры. Работоспособность восстанавливается после удаления и повторной установки модуля.

Возможно, проблема связана с отсутствием реального опыта администрирования сайтов под управлением ОС OpenCart. Пользователи профильного форума отзываются о модуле AMP for Product Pages преимущественно позитивно.

AMP для Magento

Если ваш интернет-магазин работает на платформе Magento, воспользуйтесь платным плагином Accelerated Mobile Pages. Модуль создает AMP для главной, страниц категорий и товаров.

Демонстрационная версия ускоренных страниц сайта на Magento доступна по ссылке.

AMP для PrestaShop

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

Внедрять или нет

Если у вас контент-проект, который работает на WordPress, реализовать ускоренные страницы можно быстро и без затрат. Вы потратите минуту на установку базового плагина и полчаса на установку и настройку дополнительного плагина.

Для сайтов под управлением Drupal также есть бесплатное решение, которое можно быстро установить и настроить. А вот для Joomla! и движков для интернет-магазинов плагины для создания AMP придется покупать.

Есть ли смысл использовать AMP, если их функциональность и внешний вид уступают стандартным страницам, а явных преимуществ в ранжировании пока нет?

«Яндекс» не поддерживает технологию и иногда неправильно индексирует ускоренные страницы. Google может передумать и закрыть проект.

Но почему-то кажется, что Google не передумает, а «Яндекс» будет вынужден играть по правилам глобального лидера поискового рынка. Логика простая: доля мобильного трафика растет и будет расти. Люди будут выходить в интернет не только с помощью телефонов и часов. На очереди кофеварки и стиральные машины. Поэтому технологии отображения контента на экранах мобильных устройств будут развиваться.

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

что нужно знать об ускоренных мобильных страницах

Google внедряет политику MFI (Mobile-First Indexing) — речь об изменении приоритетов в индексировании страниц, в первую очередь будут оцениваться мобильные версии сайтов, а не десктопные, как было раньше. Окончательный переход прогнозируется уже в 2018 году.

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

AMP (Accelerated Mobile Pages, ускоренные мобильные страницы) — проект Google, запущенный в октябре 2015 года. Это просто веб-страницы, но в их основе находится AMP HTML, формат для максимального ускорения загрузки на телефонах и любых мобильных устройствах с медленным интернет-соединением. По сути, АМР HTML — урезанный HTML со специальным набором тегов и JS-библиотекой. АМР-страницы сохраняются в кэше Google и при медленном соединении загружаются на устройство пользователя прямо оттуда.

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

1. Формат AMP поддерживают крупнейшие поисковики

AMP-страницы отображаются в выдаче Google, Bing, Yahoo! Japan, Baidu.

А еще в лентах Twitter, Pinterest и LinkedIn.

Кстати, так выглядит AMP-страница в Pinterest:

2. Среднее время загрузки AMP-страницы — 0,7 секунды

Так утверждает Руди Галфи, продакт менеджер AMP в Google. У пользователя, посетившего такую страницу, просто не будет времени на раздумья: покидать страницу или дождаться загрузки. С максимальной вероятностью он продолжит работу на ресурсе даже в случае плохого соединения.

Среднее время загрузки всех остальных страниц составляет 22 секунды — почувствуйте разницу.

3. AMP-страницы могут показываться в верхней карусели картинок

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

Однако, даже если ваша AMP страница была правильно проиндексирована в Google и помещена в кэш, она может содержать ошибки в структуре данных JSON-LD. На это валидатор AMP от Google не обратит внимания, и ваша страница, несмотря на правильное позиционирование в результатах поиска, не попадёт в карусель в верхней части страницы.

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

4. Первыми AMP-страницы опробовали медиа

Ничего удивительного: скорость для новостных сайтов — главное конкурентное преимущество. Первопроходцами формата в 2016 году стали The New York Times и The Washington Post. Сейчас AMP-страницы используют многие медиа, в том числе lenta.ru, а для некоторых, как gazetadaily.ru и flamenews.ru, ускоренные мобильные страницы заменяют мобильную версию сайта.

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

5. Скоро с AMP-страниц можно будет совершать покупки

А также будет доступен весь полезный функционал обычных страниц интернет-магазинов: выбор параметров, сравнение товаров, покупка со страницы. Об этом сообщил Сундар Пичаи на прошедшей в мае 2017 года Google I/O.

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

Все эти вопросы очень скоро решит технология фреймворков.

6. Быстро обновить AMP-страницу позволяет API от Google

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

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

7. Рекламу на AMP поддерживают популярные платформы

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

  • Amazon A9;
  • AdReactor;
  • Google Менеджер рекламы;
  • Flite;
  • Adform;
  • Google AdSense;
  • AOL AdTech;
  • Taboola;
  • Plista;
  • Smart AdServer;
  • Yieldmo;
  • DotAndAds.

8. За ошибками AMP-страниц можно следить в Google Search Console

Часто возникают ситуации, когда основной контент страницы, например, новой статьи или карточки новых товаров, неаккуратно вносятся сотрудниками компании в административной части CMS. В результате возникают ошибки несоответствия стандартам AMP. Отследить подобные ошибки можно в Google Search Console основного сайта уже после публикации, в разделе «Accelerated Mobile Pages».

9. Для аналитики AMP-страниц лучше использовать отдельный ресурс в Google Analytics

Идентификатор этого ресурса будет использован при настройке передачи данных об ускоренных мобильных страницах. Особенность также и в том, что элемент amp-pixel на сайте проекта AMP может подсчитать количество просмотров страниц, но не передает данные напрямую в Google Analytics. Поэтому лучше использовать элемент amp-analytics из расширенных компонентов Accelerated Mobile Pages.

Читайте больше о том, как настроить аналитику ускоренных мобильных страниц.

10. AMP-страницы пригодны для A/B-тестирования

В фреймворке AMP существует встроенная возможность запуска A/B-тестов для поиска наиболее эффективного дизайна. То есть AMP-страницу можно рассматривать как лендинг для товаров и услуг своего сайта.

11. Ускоренные мобильные страницы хорошо комбинируются с PWA (Progressive Web Application)

Это открывает отличные перспективы для продвижения товаров на мобильных устройствах. Очевидно, что со временем формат Progressive Web Application вытеснит классические приложения для iOS и Android, особенно для интернет-магазинов. Как и ускоренные мобильные страницы, прогрессивные веб-приложения могут дополнять уже существующую мобильную версию сайта, а также нативное приложение для iOS и Android.

Выводы

Суммируем все интересные особенности ускоренных мобильных страниц:

  1. Формат ускоренных мобильных страниц поддерживают крупнейшие поисковики.
  2. Среднее время загрузки AMP-страницы — 0,7 секунды.
  3. AMP-страницы могут показываться в верхней карусели картинок.
  4. Первыми AMP опробовали медиа, но сейчас активно осваивают и интернет-магазины.
  5. Скоро с AMP-страниц можно будет совершать покупки.
  6. Быстро обновить AMP-страницу поможет API от Google.
  7. Рекламу на AMP-страницах поддерживают популярные платформы.
  8. За ошибками AMP-страниц можно следить в Google Search Console.
  9. Для аналитики AMP-страниц лучше использовать отдельный ресурс в Google Analytics.
  10. В фреймворке AMP предусмотрен инструментарий для A/B-тестирования — можно выбрать лучший дизайн.
  11. Ускоренные мобильные страницы хорошо комбинируются с PWA (Progressive Web Application).

Интересно, что в мире пока не так много компаний, предлагающих разработку AMP-страниц. Например, в США работают relaymedia.com и wompmobile.com, но только для информационных ресурсов. В Японии существует сервис gomobile.jp/rabbit. В СНГ услуги по созданию и обслуживанию AMP-страниц для всех типов сайтов предлагает MobilizeToday.ru.

Если остались вопросы, пишите в комментариях.


Мнение авторов гостевого поста может не совпадать с позицией редакции и специалистов агентства Netpeak.

AMP-страницы в Google: примеры и способы настройки

Что такое AMP?

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

  • Использованию специальных HTML-тегов и библиотек JavaScript. Подобная разметка имеет ограниченный функционал, что снижает привлекательность страницы, но отображает основное ее содержимое. 
  • При обращении пользователем к странице сайта, загрузка происходит не с сервера, где она находится, а из кэша, находящегося на серверах Google.
  • Загрузка содержимого происходит асинхронно, при этом стили оформления имеют ограничения по размеру.
  • Если страница содержит повторяющиеся элементы, то они кэшируются с помощью технологии CDN (сеть доставки содержимого, с учетом географии конечного пользователя).

По итогу, страницы сайта имеют минимальный вес и загружаются моментально на мобильных устройствах.

Преимущества и недостатки реактивного формата

Преимущества технологии AMP:

  • Скорость загрузки оптимизированной страницы значительно вырастает в сравнении с исходной версией.
  • Поисковики «любят» сайты, страницы которых загружаются быстро, и при прочих равных условиях, ранжируют их выше относительно медленных конкурентов. Пользователи теперь имеют множество альтернатив практически всем сайтам, и, если какой-то ресурс долго загружается, посетитель с высокой долей вероятности закроет его. Это приведет к росту показателя отказов, которые являются одним из ключевых факторов ранжирования в поисковиках. Другими словами, долгая загрузка страниц может привести к потере позиций в поисковой выдаче.
  • Загрузка страниц, имеющих разметку AMP, в ряде случаев происходит из кэша Google, таким образом снижается нагрузка на ваш сервер.
  • AMP-страницы индексируются по тем же принципам, что и обычные.

Перед внедрением технологии AMP на сайт, следует также учитывать ее недостатки, которых, к сожалению, немало:

  • Возникают проблемы со сбором статистики с помощью Яндекс.Метрики и Google Analytics. Для ее учета потребуется добавить на все ускоренные страницы специальный тег, что также не гарантирует точность статистических данных.
  • Внешне оптимизированные страницы по технологии AMP имеют крайне упрощенный вид и ограниченную функциональность: отсутствует анимация, возможно лишь минимальное взаимодействие с содержимым страницы, нет формы комментариев и прочих элементов, доступных на полной версии документа.
  • Иногда сниппеты AMP-страниц выводятся в поисковой выдаче в виде карусели, при этом отображается их основное содержимое (например, какое-то определение). Пользователь таким образом получает ответ на свой запрос и не переходит на сайт-источник, который, соответственно, теряет трафик.
  • Требуется постоянно отслеживать работоспособность как основного сайта, так и AMP-страниц.

Основным недостатком ускоренных страниц является их ограниченность в функционале и визуальном отображении. 

Пример AMP-страниц

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


Поисковая выдача и AMP-страницы

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


Загрузка AMP-страницы

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

А вот как выглядит AMP-страница популярного новостного сайта.


AMP-страница новостного сайта

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

Каким проектам подойдёт AMP

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

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

Способы внедрения AMP-технологии

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

Готовое решение под CMS

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

WordPress

Одним из популярнейших плагинов для Вордпресса выступает одноименный AMP. К его ключевым особенностям относится:

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

После активации плагина, будет предложено выбрать режим его работы (один из трех: standard – если тема сайта совместима с AMP, transitional – если присутствуют проблемные страницы с точки зрения перевода в AMP-формат и reader – режим с простой настройкой, подходит новичкам). При это процесс настройки сопровождается всей необходимой информацией.

Joomla!

Для этой CMS также имеется готовое решение в виде плагина wbAMD.

Возможности:

  • Использование модулей внутри страниц AMP.
  • Валидация готовых страниц.
  • Автоматически прописывает метаданные.
  • Различные настройки визуальной составляющей AMP-страниц (цвета, форма кнопок и т.д.), при этом не нужно редактировать код.
  • Готовые темы оформления.
  • Поддержка Google Аналитики и Tag Manager.
  • Поддержка всех видов рекламы, разрешенных в AMP.
  • Возможность принудительного включения AMP-страниц для пользователей мобильных устройств.
  • Расширенная документация, есть руководства от пользователей по настройке плагина, в том числе в видео формате.
  • Плагин следит за корректностью настройки страниц, в противном случае предупреждает об ошибках.

При этом расширение умеет работать с большинством популярных плагинов, удалять в них различные теги и т.д.

Drupal

Здесь немного сложнее, чем в предыдущих CMS:

  1. Необходимо установить модуль AMP.
  2. Убедиться в том, что используемая тема поддерживает AMP.
  3. Настроить HTML-библиотеку.

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

1C-Битрикс

В Битриксе придется приобрести платный плагин – Google AMP, который позволит настроить AMP-технологию на сайте.

Возможности:

  • Внедрение технологии для интернет-магазинов, поддержка блоков описания доставки, товаров, элементы оплаты и т.д.
  • Отображение логотипа сайта и шапки с контактными данными.
  • Использование разметки Schema.org.
  • Настройка визуальной составляющей AMP-страницы.
  • Кэширование данных.
Opencart

Плагин Opencart AMP позволяет просто и в короткие сроки настроить AMP-страницы для интернет-магазинов. 

Возможности:

  • Кастомизация внешнего вида страницы.
  • Кнопки «поделиться» для популярных социальных сетей.
  • Поддержка нескольких уровней вложенности категорий.
  • Отображение ссылок из футера.
  • Блоки сопутствующих и похожих товаров на просматриваемый. Пользователь может просматривать товар, добавлять его в корзину и оплачивать инструментами AMP.
  • Поддержка Google Аналитики.

Решение для самописной CMS

Здесь все усложняется в значительной степени и без разработчика не обойтись. Перед этим требуется составить для него подробное ТЗ. На что следует обратить внимание:

  1. В процессе разработки использовать информацию из официального источника технологии.
  2. При этом все AMP-страницы должны соответствовать требования HTML-верстки.
  3. Т.к. у каждой AMP-страницы индивидуальный URL-адрес, то по итогу он должен быть ЧПУ.
  4. Если документ имеет каноническую страницу, то информация об этом должна быть указана в теге header (<link rel=»canonical» href=»https://www.site.com/amp/page.html»>).
  5. Любая страница-исходник, у которой имеется версия AMP, должна содержать в коде URL-адрес на нее (<rel=»amphtml» href=»https://www.site.com/amp/page.html»>).
  6. При этом на AMP-странице должен быть размещен URL на страницу-исходник. Чаще всего его ставят в футере, а нужен он для случаев, когда у пользователя возникли проблемы с функционалом AMP-страницы (помним о том, что он может быть ограничен).
  7. Как говорилось выше, одним из недостатков AMP-страниц является сложность сбора данных для систем аналитики. Если на сайте установлена Гугл Аналитика, то следует добавить специальный код на каждую AMP-страницу. Сделать это можно с помощью официальной инструкции.
  8. Если требуется разместить логотип сайта на AMP-страницах, то делать это следует в соответствии с требованиями Google.
  9. Добавление видео требует специального расширения, описание которого есть у разработчика технологии.
  10. Если необходимо разместить рекламу на AMP-страницах, то следуем инструкции.
  11. Для успешной индексации AMP-страниц необходимо добиться того, чтобы они проходили валидацию без ошибок. Обязательно проверить все страницы.

Проверка AMP-страниц

Проверить корректность работы AMP-страниц можно с помощью инструмента от Google. Достаточно вставить URL-адрес такой страницы и запустить проверку, после которой будут указаны ошибки, если таковые присутствуют.


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

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

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

Как отключить ссылки AMP на устройствах Android в 2020 году • Оки Доки

Проект AMP компании Google (Accelerated Mobile Pages) была спорной темой с 2014 года, когда он был впервые запущен. Google хотел сделать загрузку веб-страниц намного быстрее в более медленных сетях и на устройствах низкого уровня за счет оптимизации веб-страницы. Проще говоря, AMP лишает веб-сайта самого необходимого, чтобы сделать его светлее. Хотя эта идея хороша для регионов, где подключение к Интернету является проблемой, принудительное использование AMP для всех пользователей — независимо от того, насколько быстро у вас интернет — вызывает откровенное бешенство. Итак, если вы хотите отключить ссылки AMP на своем устройстве Android, вот простое руководство для вас. Просто следуйте инструкциям и сразу отключите Google AMP.

Отключить ссылки AMP на Android (2020)

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

Используйте браузер Firefox или Kiwi для отключения ссылок AMP на Android

1. Если вы используете Chrome, вам придется перейти на Firefox (Бесплатно), чтобы отключить ссылки AMP на Android. Вам не нужно устанавливать какие-либо надстройки или настраивать какие-либо настройки. Firefox изначально отключает все ссылки AMP и перенаправляет на исходную страницу. Кроме того, Firefox Focus (Бесплатно) также изначально отключает AMP.

2. Кроме того, вы можете использовать браузер Kiwi (Бесплатно), чтобы отключить ссылки AMP на Android. Это браузер с открытым исходным кодом, созданный с использованием той же базы Chromium, но с возможностью отключения AMP. Просто откройте меню из трех точек и откройте Настройки. Здесь откройте «Конфиденциальность».

3. Вы найдете здесь опцию «Удалить AMP». Установите флажок, и все готово. Ссылки AMP будут перенаправлять вас на исходную веб-страницу. Кстати, с помощью Kiwi вы также можете установить расширения Chrome на Android.

Измените поисковую систему на DuckDuckGo

1. Если вы не хотите переходить с Chrome на другие альтернативы и по-прежнему хотите, чтобы AMP был отключен, простое решение — сменить поисковую систему на DuckDuckGo. DuckDuckGo по умолчанию отключает ссылки AMP, но вам придется мириться с его ограниченными результатами поиска. Чтобы изменить поисковую систему, откройте меню из трех точек и перейдите в «Настройки». Теперь откройте «Поисковую систему».

2. Здесь выбираем «DuckDuckGo» и все. Теперь вы можете продолжить поиск в Интернете, и он не будет сканировать ссылки AMP.

Сразу отключите Google AMP на Android

Итак, это методы работы, которые позволяют отключать ссылки Google AMP на вашем смартфоне Android. Раньше было довольно много способов, таких как установка «encrypted.google.com» в качестве поисковой системы или использование приложения DeAMPify для отключения ссылок AMP. Однако сейчас эти методы, похоже, не работают, поэтому я не включил их в это руководство. Во всяком случае, это все от нас. Если вы хотите узнать больше советов и приемов Chrome, следуйте нашему связанному руководству.

Что такое AMP HTML и как проверить его внедрение

Использование мобильных устройств для выхода в интернет давно стало привычным делом: более половины запросов Google осуществляются именно со смартфонов. Главным приоритетом для пользователей и важным фактором ранжирования является скорость загрузки страниц.

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

В этом посте я расскажу, как внедрить AMP и проверить его правильность.

Что такое AMP HTML и для чего используется?

AMP (Accelerated Mobile Pages) HTML — технология ускорения мобильных страниц, которая позволяет создать их облегчённую версию, сохраняя лишь значимый контент. Для страниц в формате AMP HTML Google «урезает» 90% кода, за счёт чего вес страницы уменьшается, как и скорость загрузки. Это и является главным преимуществом AMP. Также благодаря внедрению AMP сайты получают следующие плюсы:

  • увеличивается шанс попасть в «карусель» в топе мобильной выдачи;
  • улучшается ранжирование;
  • растёт мобильный трафик сайта.

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

В браузере AMP-версии выглядят так:

Кому нужно внедрять на своём сайте AMP HTML:

  • издателям;
  • рекламодателям;
  • технологическим платформам (SSP, DSP, сервисы аналитики).

Требования к AMP HTML

Для применения технологии AMP необходимо учитывать следующие рекомендации:

  • использование только асинхронных скриптов;
  • размер изображений, рекламных баннеров и других визуальных элементов задаются в HTML-коде;
  • размер стилей не превышает 50 КБ;
  • произвольный JavaScript-код не применяется.

Google диктует следующие требования применения AMP:

  1. AMP-страницы должны соответствовать заявленным требованиям AMP Project.
  2. Контент на страницах AMP должен соответствовать контенту на полноценных версиях.
  3. URL AMP-страниц необходимо оптимизировать и делать понятными для посетителей.
  4. Для правильной работы страницы с технологией AMP необходимо проверять в сервисе AMP Validator.
  5. На AMP-версиях должны стоять атрибуты rel=canonical с ссылками на полноформатные версии. Пример ссылки на AMP-версию:

<link rel=”amphtml” href=”https://www.example.com/url/to/amp/document.html”>

И с AMP-страницы должна стоять обратная ссылка:

<link rel=”canonical” href=”https://www.example.com/url/to/full/document.html”>

Как создать AMP-версию своего сайта

Создать AMP-версию каждой страницы можно вручную по готовым шаблонам или же настроить генерацию в системе управления контентом (CMS). Во многих CMS данная функция доступна «из коробки». На сайте AMP: Accelerated Mobile Pages Project вы можете ознакомиться с пошаговой инструкцией для создания страницы AMP HTML.

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

Как проверить AMP-страницы

Способ 1

С помощью сервиса в Google Search Console. Для этого поместите URL в строку и нажмите «Проверить».

Дождитесь окончания анализа. Если на странице не внедрена технология AMP, вы увидите такое оповещение:

Если страница имеет AMP-версию, об этом сервис уведомит следующим сообщением:

Способ 2

С помощью краулера. Мы покажем, как выполнить проверку с помощью Netpeak Spider. Программа даёт ссылки на AMP-версии страниц и определяет ошибку «Неправильный формат AMP HTML», если AMP-страницы не отвечают стандартам AMP Project.

Алгоритм проверки следующий. Отметьте пункт «AMP» в разделе «Параметры».

В адресную строку введите URL анализируемого сайта и нажмите «Старт».

По итогу сканирования перейдите к столбцу «AMP HTML» в таблице. Значение TRUE говорит о том, что у страницы есть AMP-версия, значение FALSE говорит об обратном.

Выгрузите отфильтрованные результаты, нажав «Экспорт» → «Результаты в текущей таблице» в главном меню программы или в правом верхнем углу окна, после чего передайте данные веб-разработчику.

Подводим итоги

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

  • Использование только асинхронных скриптов.
  • Размер изображений, рекламных баннеров и других визуальных элементов задаются в HTML-коде.
  • Размер стилей не может превышать 50 КБ.
  • Произвольный JavaScript-код не применяется.

Для проверки правильности настроек отдельных страниц вы можете использовать сервис в Google Search Console. А с проверкой всех страниц сайта и поиском ошибок отлично справится краулер Netpeak Spider.

Результативное продвижение сайта в Днепре можно обсудить по контактам внизу страницы.

Рост конверсии страниц с помощью Google AMP-страниц

Что это такое технология AMP — страниц

Доля мобильного трафика в Google составляет 60%, и в 2018 будет только увеличиваться – об этом говорят данные украинской дирекции Google. Люди всё больше покупают с мобильных устройств, и их количество продолжает расти.

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

Технология AMP (accelerated mobile pages) была анонсирована Google еще в 2015 году для ускорения работы отдельных страниц сайтов на мобильных устройствах. С тех пор она активно разрабатывается как самой компанией, так и независимыми программистами – все необходимые для разработки HTML-библиотеки находятся в открытом доступе на Github.

Производительность таких AMP-страниц существенно выше обычных. Она зависит от числа JavaScript-кода нескольких библиотек, реализующих различную динамическую функциональность.

Как работает AMP Google

Вместо «зашивания» в кодировку страницы конструкций JavaScript, подчас громоздких, при создании АМР-версии сайта используются специальные теги, число и функции которых ограничены. Из этих готовых элементов, как из конструктора, разработчик собирает АМР-версию страницы для заказчика.

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

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

  • анимация;
  • всплывающие окна;
  • кнопки и другие кликабельные элементы.

Вместо скриптов на АМР-страницах можно использовать готовые элементы из списка тегов, а также iframe.

Что это даёт бизнесу

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

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

Где может применяться  АМР:

  • классифайды;

  • сайты-каталоги;

  • новостные порталы;

  • «облегчённые» версии сайтов;

  • целевые лендинги под конкретные товары.

Рассмотрим последний пункт списка на примере использования АМР-страниц компанией Concert.ua.

Подключение AMP для роста конверсий

Concert.ua – это крупнейший украинский сервис онлайн-бронирования билетов на концерты, фестивали и прочие массовые мероприятия. В 2017 году компания стала единственным официальным дистрибьютором билетов на все события «Евровидения».

Будучи флагманом среди билетных операторов Украины, Concert.ua оперативно внедряет новые инструменты интернет-маркетинга. Подключение АМР на определенные страницы позволило бы заинтересовать пользователей, которые ищут билеты в сети, привести их на сайт и сконвертировать в покупателей.

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

 

Поисковая система автоматически ранжирует сниппет (описание страницы сайта рядом ссылкой) страницы Concert.ua выше остальных результатов от сайтов-конкурентов. Специальный значок AMP указывает, что на мобильных устройствах эта страница будет загружаться быстрее прочих. При этом, если набрать тот же запрос в десктопной версии Google, иконка уже не появится:

 

В этом случае страница предстоящего концерта Monatik в Киеве отображается в версии для ПК и по-прежнему находится выше конкурентов. Это связано уже не с АМР-страницами, а с лучшим ранжированием сайта благодаря поисковой оптимизации.

Уровень оптимизации страницы, как и скорость её загрузки на разных устройствах, можно оценить с помощью инструмента PageSpeed Insights:

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

Напоследок

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

Для больших и сложных ecommerce-проектов технология AMP Google не станет заменой адаптивной версии, но она прекрасно справится с решением небольших конкретных задач. Ускорение загрузки мобильных страниц может использоваться для облегчения; мобильных версий сайта, не требующих сложного функционала. Определить скорость загрузки можно с помощью PageSpeed Insights или других инструментов веб-аналитики. 

AMP – это хороший инструмент для продвижения информационных ресурсов, новостных порталов и блогов – той сферы онлайна, где нужно донести до пользователя контент максимально быстро и в простой форме. Настолько же актуально это и для рынка ecommerce, особенно для сайтов с постоянно обновляемым контентом, например, таких онлайн-сервисов, как Concert.ua.

Что такое Google AMP : WEBCodius

Уникальную технологию AMP создали специально для комфортного просмотра информации на мобильных устройствах. Но в чем принцип ее работы? Каким образом создаются подобные страницы? Что требуется для их кастомизации?

Какой инструментарий доступен для вебмастеров на разных CMS? И, главное, с какими проблемами неизбежно сталкиваются при реализации AMP? Рассмотрим более детально все в данной публикации. Все это сделано в поддержании общей концепции алгоритма Mobile First.

Accelerated Mobile Pages (AMP) — новейшая технология от Google для отражения сайтов для мобильных пользователей. Ее ключевое задание — обеспечить хорошую скорость загрузки.

По сути, такие страницы являют собой урезанные версии основных веб-страниц. «Урезанные» по причине того, что отсутствуют виджеты, рекламные объявления, формы комментирования и прочие вспомогательные элементы.

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

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

Для того чтобы создать AMP-страницы, вполне достаточно ограничиться небольшим комплектом скриптов и тегов. В их «составе» — HTML и библиотека JavaScript.

Алгоритм внедрения технологии следующий: уменьшается функциональность страниц. Они становятся менее привлекательными визуально. Но существенно возрастает скорость загрузки.

И это главное — то, ради чего вполне можно пожертвовать всем остальным. Еще одна причина ускорения загрузки сокрыта в предварительном кэшировании.

Серферы по-разному используют AMP:

1) Информация с сервера передается на ПК юзеров и на отражение в браузере ускоренной версии. Приведем простой пример: на ресурсе с AMP имеется возможность переадресовывать на ускоренные страницы каждого мобильного пользователя в автоматическом режиме. На AMP такой посетитель «попадает» по ссылке, используя свое мобильное устройство, или добавляя в строку вашего браузера на компьютере суффикс /amp/.

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

В отличие от Гугл, Яндекс эту инновацию совсем не поддерживает. Этот популярный поисковик такого плана страницы вообще не идентифицирует в качестве дублей. Так происходит потому, что AMP ссылаются посредством rel=»canonical» на канонические страницы.

В то же время, сам Яндекс предлагает вебмастерам использовать турбо-страницы для ускорения загрузки.

Достоинства технологии AMP

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

  1. Положительное влияние на пользовательский опыт. Поскольку не нужно ожидать открытия ссылки, теряя время, у пользователей не будет ни единого шанса поменять решение, а значит, и сбежать на сайт к вашим конкурентам.
  2. Благодаря молниеносной загрузке обеспечен больший поток клиентов. Правило простое: больше клиентов — больше заказов — больше финансов — больше прибыли.
  3. Быстро-формат — важное преимущество в SEO-продвижении. Несмотря на то, что алгоритм напрямую на ранжирование не оказывает влияния, скорость и поведенческий фактор поисковиками при выдаче всегда учитывается. К тому же, те случаи, когда посетители уходят с ресурса, не ожидая открытия ссылки, вне внимания робота не останутся. В итоге портал при ранжировании будет понижен.
  4. AMP – это бесплатная площадка с открытым кодом, доступная каждому для пользования.

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

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

Недостатки AMP

Технология обладает некоторыми недостатками:

  1. Информация о визитах пользователей в аналитику (Яндекс.Метрика и Google Analytics) не попадает. Для того чтобы отслеживать пользу AMP, придется добавить вручную или, используя специальные плагины, код отслеживания.
  2. Ускоренные страницы АМП не обладают идентичными удобствами, как их аналоги на основном ресурсе, по причине недостатки комфортного меню навигации, сайдбара, форм для комментариев, блока с рекомендациями. Вместе с тем, эту проблему при соответствующем желании вполне можно решить – дописать вручную необходимые элементы или добавить специальные плагины.
  3. Внешний вид АМП не такой привлекателен как базовые страницы. Ведь в мобильной версии ради хорошей скорости придется жертвовать эстетикой – ускоренный вариант лишен привлектальных гифок, объемных изображений, сторонних виджетов.
  4. AMP-страницы в отдельных случаях отражены в карусели – непосредственно из выдачи пользователи считывают с них информацию без необходимости обязательного перехода по ссылке. В результате основной ресурс теряет свой трафик.
  5. AMP, если рассматривать с теоретических позиций, вполне может быть причиной проблем с индексацией.

Как сделать AMP-страницы на WordPress

Для тех, кто пользуется WordPress, сейчас доступен очень простой функционал ускоренных страниц благодаря специальному плагину AMP.

Созданные с его помощью страницы проверяются в валидаторе AMP. Поскольку у данного плагина нет настроек, для расширения функциональности и улучшения интерфейса, используйте плагин AMP for WP.

Уже установили и активизировали такой функционал? Теперь переходите в меню. Оно расположено в админпанели. Загрузить лого веб-сайта можно в General.

Используя Custom Logo Size, укажите размер логотипа. Доступны разные варианты. Хотя лучше, если это будет 190×36. Ведь так рекомендуют разработчики.

Если требуется указать как главную AMP-версию произвольную страницу, используйте Front Page.

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

Поменять внешний дизайн сможете в Design. Для запуска drag-and-drop редактора дизайна воспользуйтесь Launch Post Builder. Благодаря этому функционалу у вас появится возможность добавлять и /или/ удалять элементы, подбирать фон и цветовые схемы.

Для выбора готовых вариантов дизайнерского оформления используйте меню Design Selector. Добавить те или иные пользовательские стили можно в поле под названием Custom CSS.

Уже пользуйтесь Yoast SEO? В таком случае использовать можно типичные настройки.

Функционал раздела Menu помогает настроить отражение меню. А раздел Advertisement — объявления AdSense.

Обратите внимание: такой плагин поддерживает несколько вариантов для размещения рекламных сообщений:

  • на всех без исключения страницах под футером и /или/ над шапкой;
  • на страницах публикаций над контентом и /или/ под ним

Включите AD #4, если требуется разместить объявление. Затем выберите требуемый размер и после этого создайте в аккаунте AdSense объявление.

Следующий шаг – добавить в предложенные поля идентификаторы блока рекламы и пользователя. Данные можно взять из кода созданного объявления.

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

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

Важно: когда Google обнаруживает АМР и версию сайта для ПК, он выбирает для mobile-first индекса второй вариант. В итоге вы потеряете трафик по причине отсутствия адаптации сайт.

Используя Link to Non-AMP in footer, включите обязательно ссылку на полную версию страниц в футере. Благодаря таким действиям пользователи смогут перейти при необходимости на базовые, более функциональные и привлекательные визуально страницы.

Планируете купить платные надстройки для плагина? Перейдите в раздел Extension. Платная поддержка доступна в Fix AMP Errors.

Import/Export предназначается для того, чтобы переносить с одного ресурса на другой настройки мобильных страниц.

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

Проверка AMP-страниц на индексацию и ошибки

Самый простой способ проверить AMP страницу на ошибки — воспользоваться «Проверка страниц AMP» в Search Console. Там есть вся информация, причем от первоисточника — Google.

Так же можно воспользоваться готовыми валидаторами. Среди наиболее популярных и удобных для пользования — такой ресурс.

Для того чтобы проверить, удобна ли для просмотра на смартфоне страница, укажите ее URL.

Даже в том случае, когда на странице есть переадресация на другой URL, он также будет обработан.

4 версии одного сайта – реалии 2019 года

AMP не является альтернативным решением или заменой мобильной версии сайта. Это отдельный шаблон. По сути, каждый сайт теперь может иметь четыре версии:

  • основную;
  • мобильную;
  • AMP-страницы;
  • турбо-страницы от Яндекса

Выводы

Мобильный трафик на сегодняшний день — в приоритете. Отличным способом привлечь и удержать потенциальных посетителей (даже тех, у кого медленный интернет) является АМР. Такая технология предоставляет ряд преимуществ в продвижении сайтов. По крайней мере, вы всегда сможете «подвинуть» топ-10 сайтов с такими ускоренными страницами.

Несмотря на то, что АМР — не является идеальным решением, хотя бы потому, что сайт становится в какой-то мере зависимым от сервисов Гугл, данная технология с каждым годом все более популярна.

По сути, она представляет собой то, что делает жизнь более простой и комфортной.

Ускоренные мобильные страницы обладают хорошим потенциалом:

  • ускорение скорости ресурса;
  • повышение пользовательского опыта;
  • возрастание прибыльности сайта

Но такой результат возможен только при продуманном внедрении АМР-версии портала и качественной настройке аналитики.

Как AMP выглядит в Google Поиске

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

В мобильном поиске значок AMP помогает пользователям быстро определять страницы, которые загружаются быстро и плавно. Когда пользователи выбирают страницу AMP, Google Поиск извлекает страницу из Кэш Google AMP, обеспечивающий различные оптимизации нагрузки, которые часто сделать так, чтобы эти страницы отображались мгновенно, например, предварительный рендеринг. В настоящее время страницы AMP на компьютере не отображать с богатыми функциями (такими как логотип AMP и карусели) и не обслуживается с Кэш Google AMP/средство просмотра AMP.Страницы Canonical AMP ведут себя как стандартные результаты.

Начальное отображение в результатах поиска

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

Если у вас есть дубликаты страниц с одинаковым контентом, разместите одинаковые структурированные данные по всем дубликатам страниц, а не только по канонической странице. Для получения дополнительной информации о размещении, см. Общие сведения о структурированных данных Методические рекомендации.

Категории функций поиска

Основной результат : Эта категория описывает обычные веб-результаты, часто называемые «синие ссылки».

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

Хост-карусель : Контейнер для нескольких расширенных результатов одного типа. на Вашем сайте. Чтобы помочь Google лучше понять вашу страницу, добавьте в нее структурированные данные. страница для одного или нескольких следующих типов схемы (в зависимости от типа контента):

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

Веб-истории : формат визуального повествования в результатах поиска Google, погружает пользователя в полноэкранный режим. Веб-истории также могут появляться в Google Images, Discover и приложение Google. Узнайте, как включить Веб-истории в поиске Google.

После того, как пользователи нажмут на AMP-контент

Когда пользователи нажимают на ваш AMP-контент в Google Поиске, AMP-контент может отображаться одним из двух способов:

  • Средство просмотра Google AMP : В верхней части Google AMP Viewer, отображается домен вашего контента, чтобы пользователи понимали, кто опубликовал Это.
  • Подписанный обмен : технология, которая позволяет браузеру обрабатывать документ как принадлежащий вашему Источник.

О средстве просмотра Google AMP

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

О подписанном обмене

Подписанный обмен позволяет вам использовать файлы cookie первой стороны для настройки контента и измерения аналитика. Ваша страница отображается под вашим URL-адресом вместо URL-адреса google.com/amp . Поиск Google отдает предпочтение ссылкам на контент в виде подписанного обмена, а не с помощью Google AMP. Средство просмотра в браузерах, поддерживающих подписанный обмен. Чтобы предоставить пользователям результаты в этом формате, вы должны публиковать контент AMP как подписанный обмен в дополнение к обычному формату AMP HTML.В настоящее время подписанный обмен поддерживается только в Google Поиске для расширенных результатов и базовых результаты, а не карусели. Чтобы узнать больше о настройке подписанного обмена для страниц AMP, посетите Подавайте AMP с помощью подписанных бирж.

8 вещей, которые вам нужно знать о Google AMP

В прошлом году сообщество специалистов по поисковой оптимизации (SEO) было в восторге от «Mobilegeddon» или алгоритма мобильной поисковой системы Google.

В этом году шумиха вокруг мобильного SEO сосредоточена на Google Accelerated Mobile Pages (AMP), хотя на этот раз в нем меньше срочности «судного дня».Но что такое AMP? Кому нужно это внедрять и почему? Каковы потенциальные подводные камни? И какую роль играет ИТ-отдел?

Мы попросили ответы у нескольких SEO-экспертов.

1. Что такое Google AMP?

По словам Google,

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

Цель Google с AMP — предоставить своим пользователям наилучшие возможности для мобильных устройств. «Google хочет донести информацию до конечного пользователя как можно быстрее, — говорит Майкл Бертини, эксперт по поисковому маркетингу агентства цифрового маркетинга iQuanti. «Google не хочет, чтобы пользователю приходилось ждать, чтобы прочитать или увидеть что-то.”

Руди Галфи, менеджер по продуктам AMP в Google, сказал на недавней маркетинговой конференции, что, по данным SearchEngineLand.com, среднее время загрузки AMP-контента составляет 0,7 секунды. Для сравнения, среднее время загрузки страниц, не поддерживающих AMP, составляет 22 секунды, или «время, которое требуется вам, чтобы покинуть сайт и больше никогда не возвращаться», — сказал Галфи.

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

2. Как работает Google AMP?

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

«AMP-HTML — это просто HTML5 с набором спецификаций (требований и ограничений)», — сказал Галфи из Google SearchEngineLand.com. «Оптимизация осуществляется с помощью JavaScript, стиль можно настроить с помощью CSS3, а страницы кэшируются».

Кэширование является основой AMP, сказал Галфи.Из SearchEngineLand.com:

«[Галфи] объяснил, что кеш Google AMP работает аналогично сети доставки контента (CDN), что он бесплатен для всех и работает по модели «устаревает при повторной проверке». Эта модель помогает обеспечить постоянную актуальность содержимого в кэше. Процесс, в котором он работает, довольно прост: когда делается запрос, клиент получает кешированную версию, в то время как документ снова запрашивается с исходного сервера для обновления в кеше.

AMP «полностью отделены от типичного мобильного сайта», — говорит Джим Робинсон, основатель и генеральный директор ClickSeed, агентства цифрового маркетинга и SEO. «Предполагая, что у вашего сайта есть версия для ПК, мобильная версия и версия AMP, версия для ПК будет канонической (предпочтительной версией), а мобильная версия и версия AMP будут аннотированы отдельно как альтернативные».

Издатели сайтов могут показывать свои собственные объявления через AMP, «хотя существуют ограничения по размерам и местам размещения», — говорит Робинсон.«Большинство крупных издателей размещают рекламу через DoubleClick for Publishers (DFP) или OpenX, оба из которых совместимы с AMP».

3. Сайты каких типов должны использовать AMP?

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

Например, 30 июня компания eBay объявила о том, что ее мобильная система покупок на основе AMP запущена, и около 8 миллионов «узлов просмотра» на основе AMP находятся в производстве. Такие популярные запросы, как «дроны с камерой» и «Sony PlayStation», уже являются «AMP-ed».

По словам Робинсона, возможность разрабатывать страницы продуктов на основе AMP, вероятно, «создаст огромный коммерческий стимул для веб-сайтов принять стандарт».

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

«Как и в случае любых эволюционных изменений в поисковых системах, люди должны обращать внимание на AMP и приспосабливаться к нему», — говорит Томас Петти, президент и тренер по цифровому маркетингу в Bay Area Search Engine Academy.«Со временем это станет определяющим фактором. Так же, как Google рекомендует веб-сайты, адаптированные для мобильных устройств, это еще один шаг в этом направлении».  

4. Почему Google создал AMP?

По словам Эрика Энге, генерального директора агентства цифрового маркетинга Stone Temple Consulting, 90 002 веб-пользователям нужны быстрые результаты поиска. «Это означает, что Google хочет дать пользователям скорость, потому что в современном мире у них серьезная конкуренция. И если они смогут предложить более высокую скорость для доступа к контенту через результаты поиска, они сохранят или завоюют долю рынка», — говорит Энге.«Кроме того, Google хочет удержать людей в мобильной сети. Хотя у Google есть пять из девяти наиболее часто устанавливаемых мобильных приложений, реальность такова, что их рыночная доля там гораздо менее определена».

5. Что означает AMP для SEO?

AMP не является напрямую фактором ранжирования в поисковых системах, и сайты, использующие AMP, не получат «массового повышения рейтинга в поиске», по словам Ричарда Гинграса, старшего директора по новостям и социальным продуктам Google, в интервью AdAge.com. . «Все остальные сигналы (рейтинг в поисковых системах) также должны быть удовлетворены», — сказал он.

Тем не менее, по словам Джинграса, «скорость имеет значение» в рейтинге поисковых систем. «Если бы у нас было две статьи, которые с точки зрения сигнализации получили одинаковые оценки по всем остальным характеристикам, кроме скорости, тогда да, мы уделим внимание статье со скоростью, потому что это то, что пользователи находят привлекательным».

По словам Петти,

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

«Google постоянно меняет правила того, что лучше всего работает в поиске, — говорит Мине Салкин, менеджер по цифровому маркетингу агентства цифрового маркетинга Absolute Mobile Solutions. «Удобен ли ваш сайт для мобильных устройств и проходит ли он тест на скорость? В противном случае на ваш бизнес могут негативно повлиять результаты страницы поисковой системы».

«Поскольку мобильные устройства становятся все более и более распространенными практически во всех аспектах жизни людей, а большинство людей используют Google для поиска практически всего, AMP станет важным инструментом сейчас и в будущем для обеспечения хорошего рейтинга и возможности поиска на web», — говорит Олег Москаленский, президент компании «Производственные компьютерные системы», разрабатывающей ИТ-решения для малого бизнеса.Москаленский говорит, что Google будет «наказывать» медленно загружаемый веб-контент в своих рейтингах. «Поэтому, даже если вы сделаете все возможное для улучшения SEO, без AMP вы потенциально будете крутить колеса».

А недавний опрос SEO Powersuite, в котором приняли участие 385 SEO-специалистов, показал, что 50% респондентов ожидают, что AMP «значительно повлияет» на их ранжирование в результатах мобильного поиска.

6. Каковы потенциальные подводные камни Google AMP?

По словам Петти, как и к любому существенному технологическому изменению, к AMP нужно привыкнуть.«Сначала это сложнее реализовать, но инструменты, подключаемые модули и надстройки развиваются, чтобы сделать это почти автоматическим», — говорит он. «Подумайте о том, где SEO было несколько лет назад. Ручное кодирование метатегов и других элементов было нормой. Теперь плагины SEO подсказывают пользователям, что именно они должны сделать, чтобы улучшить рейтинг, без необходимости знать SEO». По словам Петти, плагин AMP для WordPress «делает довольно хорошую работу, и со временем он будет развиваться», чтобы сделать его проще для всех.

Основная ошибка «это понимание ограничений платформы AMP», — говорит Энге.«Одна из важных причин, по которой AMP быстрее, заключается в том, что он существенно ограничивает возможности кодирования ваших страниц». Например, вам нужно использовать библиотеку JavaScript, предоставленную AMP (если вы используете JavaScript), которая очень ограничена в своих возможностях, говорит он. «В настоящее время вы не можете внедрять формы, если не используете фреймы, и даже в этом случае они должны быть ниже сгиба».

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

Другим недостатком является то, что, когда читатели делятся ссылками на AMP-контент, на который они нажимали через поиск Google, ссылки указывают на URL-адреса Google.com, а не на сайты разработчиков контента, как указывал Wired.com ранее в этом году. По словам Майка Киссеберта, директора по доходам компании Purch, занимающейся цифровым контентом и услугами, это изменение может негативно повлиять на трафик сайта разработчиков контента.

AMP «создает потенциальную проблему для аналитики, поскольку невозможно быть на 100% уверенным, откуда будет загружаться контент издателя, а также сложности с идентификацией посетителей из-за жестких ограничений на использование файлов cookie», — говорит Полсен.

(Чтобы узнать больше о потенциальных сложностях развертывания AMP, прочитайте запись в блоге eBay на эту тему.)

7. Какую роль играют ИТ в AMP?

HTML-код и программирование задействованы в инициативах AMP, поэтому, по словам Москаленского, должен быть задействован ИТ-отдел.«ИТ-отдел должен работать с другими над созданием контента и планированием, но фактическое внедрение и обслуживание должны выполняться ИТ-отделом либо внутри компании, либо внештатной компанией, нанятой для выполнения этой работы».

ИТ-отдел «вероятно, сыграет большую роль в принятии стандарта AMP, потому что есть некоторые негласные предпосылки, с которыми им нужно будет помочь», — говорит Робинсон. «Например, в зависимости от выбранной конфигурации администратору сервера может потребоваться настроить дополнительные поддомены или установить безопасные сертификаты.Скорее всего, будет некоторая координация с любым поставщиком CDN. Разработчики могут выполнять большую часть работы оттуда, но определенно требуется немного технической работы».

8. Действительно ли AMP — это будущее мобильного Интернета?

Реальность такова, что будущее AMP все еще туманно. «AMP потенциально имеет большое значение для мобильного Интернета, но все зависит от того, получит ли он широкое распространение в качестве стандарта», — говорит Робинсон. «Не все, что продвигает Google, набирает обороты. Например, Google настаивал на внедрении разметки Authorship, которая требовала от издателей внесения изменений в код и поощряла своих авторов настраивать и подключать учетные записи Google+.Но разметка Authorship теперь не имеет значения, и некоторые издатели чувствуют, что их отправили в погоню за дикими гусями».

AMP «может иметь больше шансов стать широко распространенным стандартом, поскольку он менее проприетарен, чем альтернативы, такие как Facebook Instant Articles или Apple News», — говорит Робинсон. «В результате издатели могут быть более склонны к разработке AMP. Это в сочетании с ресурсами, которые Google вложила в продвижение AMP в качестве нового стандарта для мобильных устройств, означает, что на него следует обратить серьезное внимание».

Google AMP может отправиться в ад

Давайте поговорим об ускоренных мобильных страницах, или сокращенно AMP.AMP — это любимый проект Google, который позиционируется как «инициатива с открытым исходным кодом, направленная на то, чтобы сделать Интернет лучше для всех» . Хотя на официальном сайте AMP много внимания уделяется его природе с открытым исходным кодом, факт заключается в том, что более 90% вкладов в этот проект поступают от сотрудников Google, и он был инициирован Google. Итак, давайте будем реалистами: AMP — это проект Google .

Google также является причиной, по которой AMP вообще принимается. По сути, Google заставил веб-сайты, особенно новостных издателей, создавать AMP-версии своих статей.Для издателей AMP не обязателен; без AMP статьи издателя вряд ли появятся в карусели Top Stories в мобильном поиске Google.

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

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

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

И Google это не устраивает. Нет, Google хочет большего от AMP. Гораздо больше.

Сообщения Search Console

Вчера некоторые из моих клиентов публикации получили эти сообщения от Google Search Console:

Внимательно посмотрите на эти сообщения.Очень хороший вид. Вот проблемы, которые Google видит с AMP-версиями этих веб-сайтов:

.

«На странице AMP отсутствуют все функции навигации, присутствующие на канонической странице, такие как оглавление и/или меню гамбургеров».

«Каноническая страница позволяет пользователям просматривать и добавлять комментарии, а статья AMP — нет. Пользователи часто считают это отсутствующим контентом».

«Канонический URL-адрес позволяет пользователям делиться контентом напрямую с различными платформами социальных сетей.Эта функция отсутствует на странице AMP».

«Каноническая страница содержит медиа-карусель, которая отсутствует или не работает в AMP-версии страницы».

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

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

Канонический усилитель

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

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

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

Google не говорит об этом прямо, но намекает на это уже довольно давно.Это было частью обсуждения на AMP Conf 2018 в Амстердаме, и эти последние сообщения Search Console — не очень тонкие намеки издателям: полное использование AMP в качестве кодовой базы по умолчанию для их веб-сайтов — это путь наименьшего сопротивления.

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

Сеть в форме Google

Сеть — запутанное и запутанное место.С момента зарождения Интернета разработчики свободно и быстро играли с официальными стандартами, а веб-браузеры, такие как Netscape и Internet Explorer, добавили к этому беспорядку, представив свои собственные неофициальные технологии, помогающие расширить возможности Интернета.

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

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

В течение многих лет Google подталкивал веб-мастеров к созданию более качественных веб-сайтов — «лучший» означает «более легкий для понимания Google». Такие технологии, как карты сайта XML и структурированные данные schema.org, активно поддерживаются Google, потому что они облегчают жизнь поисковой системе.

Другие инициативы, такие как файлы отклонения и rel=nofollow , помогают Google поддерживать чистоту графа ссылок и освобождать его от вопиющего спама. Все статьи, опубликованные на веб-сайте разработчиков Google, предназначены для того, чтобы хаотичная, беспорядочная сеть стала больше похожа на чистую и понятную сеть. Другими словами, сеть в форме Google. Это битва, которую Google ведет десятилетиями.

Последнее оружие в арсенале Google — AMP.

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

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

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

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

Аккуратный. Аккуратный. Однородный. в форме Google.

 

Танец, танец для Google

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

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

Знаете, что я на это скажу? №

Google может пойти к черту.

Кто они такие, чтобы решать, как должна работать сеть? Они не изобретали это, они не популяризировали это — они на этом разбогатели и думают, что это дает им право указывать Сети, что делать. «Не надевай это платье», Google говорит, «в нем ты выглядишь дешево. Вместо этого наденьте это, красивое, чопорное и опрятное.

Ф#&! вы Google, и f # &! лошадь AMP, на которой вы ехали.

Это World Wide Web , а не Google Wide Web. Мы будем делать все, что нам заблагорассудится. Наша работа не в том, чтобы угождать Google и делать наши веб-сайты приятными для них. Нет, они поняли это неправильно — их работа состоит в том, чтобы разобраться в наших веб-сайтах, потому что без нас Google не существовало бы.

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

Убери свои грязные лапы от нашего интернета, Google. Это не твоя игрушка, она принадлежит всем.

дать отпор

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

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

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

Просто подчиниться. Делайте то, что говорит Гугл. Примите их заявления и прыгайте, когда они вам скажут.

Или ты можешь дать отпор. Вы можете сказать им, чтобы они заткнулись, и найти способы подорвать их господство. Используйте другую поисковую систему и убедите своих друзей и семью сделать то же самое. Напишите избранным должностным лицам и попросите их расследовать монополию Google. Прекратите использовать браузер Chrome. Выбросьте свой Android-телефон. Отключите отслеживание Google каждого вашего шага.

И, ради бога, отключите AMP на своем сайте.

Не кормить монстра — сразиться с ним.

Мобильный, Новостной SEO, Технический

Google AMP мертв! Страницы AMP больше не получают преимущественную обработку в поиске Google

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

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

Google AMP больше не требуется для ранжирования

Вот что сказал Google:

Функция карусели «Главные новости» в поиске Google будет обновлена ​​и будет включать весь новостной контент. Это означает, что использование формата AMP больше не требуется и что любая страница, независимо от ее оценки Core Web Vitals или статуса страницы, будет иметь право появляться в карусели Top Stories.

Мы также вносим аналогичные обновления в приложение Новости Google, основное место, где пользователи со всего мира могут получить полное представление о важных новостях дня. В рамках обновления интерфейса страницы мы расширяем использование контента без AMP, чтобы улучшить основные возможности на сайте news.google.com и в приложении Google News.

Кроме того, мы больше не будем показывать значок AMP для обозначения содержимого AMP

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

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

Ваш сайт может работать быстрее, чем AMP, без использования AMP

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

Заявленное намерение Google состояло в том, чтобы ранжировать сайты, которые загружаются быстрее, но вместо этого они ранжировали сайты, использующие AMP. И крупнейшая рекламная компания в мире, диктующая, как создавать веб-сайты, — это не путь к более здоровой и открытой сети. Нам не нужна сеть в форме Google, которая «поставляется Google».

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

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

Почему Google внесла это изменение именно сейчас?

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

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

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

AMP больше не является требованием Google для создания быстро загружаемого веб-сайта. Вы можете разработать легкий сайт с удобным интерфейсом и лучшими показателями Core Web Vitals, даже не используя ограниченный и контролируемый Google способ создания веб-сайта.

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

Следующим шагом для Google должен стать еще один взгляд на Google FLoC.

Что такое Google AMP? Краткое и простое руководство

Давайте перейдем к сути: ни у кого нет времени на медленную загрузку веб-страниц.

Черт возьми, согласно отчету Unbounce о скорости страницы за 2019 год, почти 70 процентов потребителей заявили, что скорость страницы влияет на их готовность покупать в интернет-магазине.

Иек .

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

Никто больше не хочет быстрое — они хотят мгновенное.

Но как заставить веб-страницы загружаться мгновенно ? Войдите в Google AMP.

Хорошо, но что такое Google AMP, как он работает и как он может помочь вам в развитии вашего бизнеса? Это руководство объяснит все это.

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

Начать бесплатно

Что такое Google AMP?

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

AMP означает «ускоренные мобильные страницы».

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

Google AMP совместим со многими основными веб-браузерами, включая Chrome (очевидно) Firefox, Edge, Safari, Opera и UC Browser.

Более того, Google AMP, вероятно, более распространен, чем вы думаете.

Множество мировых брендов внедрили Google AMP, чтобы лучше обслуживать свою целевую аудиторию и клиентов, включая таких гигантов, как Facebook, Baidu, Pinterest, Twitter, BBC News, The New York Times и The Washington Post.

На самом деле сейчас существует более 31 миллиона доменов, которые создали более 5 миллиардов AMP.

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

Давайте посмотрим, как определить ускоренные мобильные страницы.

Выполните поиск в Google на своем мобильном устройстве, и вы увидите ускоренные мобильные страницы со значком молнии, разбросанным по всей странице результатов поисковой системы.

Итак, для чего именно вы можете использовать Google AMP?

4 типа Google AMP

Вы можете использовать Google AMP для создания четырех типов ускоренных мобильных страниц:

  1. Веб-сайты / Веб-страницы
  2. Истории
  3. Реклама
  4. Электронная почта 6
  5. 9 один.

    1. Google AMP

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

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

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

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

    Посмотрите этот пример Google AMP:

    Следующий?

    2. Истории Google AMP

    Истории Google AMP похожи на истории Facebook или истории Instagram, но более гибкие.

    Круто, да?

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

    Вот еще один пример Google AMP от BBC, показывающий формат историй. Они создали AMP-историю о том, что осталось на Луне:

    . Это важный шаг вперед в удовлетворении потребительского спроса.

    Сегодня все больше людей потребляют контент в формате историй — фактически, каждый день только Instagram Stories используют 500 миллионов человек.

    Итак, будь то истории AMP, Facebook, Instagram или Snapchat, ясно, что этот формат никуда не денется.

    Грег Манифолд, директор по дизайну The Washington Post, сказал:

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

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

    3. Объявления Google AMP

    Реклама является жизненно важным компонентом почти всех бизнес-моделей в Интернете.

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

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

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

    Пять секунд — это долгое время.

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

    Это здорово.

    Шон Захария, президент и соучредитель компании по программным технологиям Triplelift, сказал: «Они загружаются намного быстрее. Пользователи замечают каждую небольшую задержку, а когда реклама загружается быстро, это очень положительно влияет на их восприятие и эффективность рекламодателя».

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

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

    Короче, выигрывают все.

    В результате Google AMP меняет способы создания и показа рекламы в Интернете.

    4. Электронная почта Google AMP

    Маркетинг по электронной почте может быть чрезвычайно мощным.

    Тем не менее, по сравнению со многими новыми маркетинговыми каналами, электронная почта устарела и лишена динамических функций.

    Основная проблема: сообщения электронной почты статичны.

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

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

    Электронные письма Google AMP решают обе эти проблемы.

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

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

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

    Каковы преимущества Google AMP?

    Одним словом: Скорость .

    Но почему скорость является таким весомым преимуществом?

    «Веб-страницы не имеют полос загрузки», — сказал Энди Крестодико, основатель и директор по маркетингу компании веб-дизайна Orbit Media.«Итак, когда страница тормозит, посетитель не знает, будет ли задержка еще 500 миллисекунд или 15 секунд. Возможно, он никогда не загрузится. И кнопка «Назад» находится прямо здесь».

    Из-за этого более быстрая загрузка может повысить вовлеченность и снизить показатель отказов.

    Исследование Forrester Total Economic Impact показало, что AMP увеличивает трафик веб-сайта на 10 % и удваивает время, проведенное на странице.

    Также стоит помнить, что целевые страницы большинства маркетологов не достигают приемлемой скорости.

    На самом деле, отчет Unbounce о скорости страниц за 2019 год показал, что 85% целевых страниц участников работали медленнее, чем рекомендовано Google на 5 секунд или меньше при использовании соединения 3G.

    Это делает Google AMP надежным способом получить ключевое конкурентное преимущество.

    Кроме того, благодаря своей скорости Google AMP также особенно полезен для доставки контента пользователям с медленным подключением к Интернету. Сюда входят районы с плохим покрытием мобильной связи или медленными общедоступными сетями Wi-Fi, например, в аэропортах и ​​кафе.

    Тем не менее, Google AMP также может помочь вам улучшить ваши усилия по поисковой оптимизации.

    Как? Что ж, Google Top Stories Carousel на мобильных устройствах только использует кеш AMP для отображения статей. Кроме того, AMP должен занимать первое место в результатах мобильного поиска Google.

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


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

    Хороший вопрос.

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

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


    Тот же отчет Unbounce показал, что когда сайты электронной коммерции замедляются, 45% людей с меньшей вероятностью совершат покупку, а 36,8% людей с меньшей вероятностью вернутся в будущем.

    Ой .

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

    Вот почему Google AMP может помочь вам увеличить продажи.

    Помните исследование Forrester Total Economic Impact? Что ж, было обнаружено, что веб-сайты электронной коммерции, использующие AMP, показали 20-процентное увеличение конверсии продаж по сравнению с теми, которые его не используют.

    Скорость Google AMP особенно полезна, если вы ориентируетесь на более молодую аудиторию.По данным Google, поколение Z (сегодняшние подростки) предпочитают использовать смартфоны для совершения покупок в Интернете.


    Давайте рассмотрим конкретный пример из магазина Merchology, размещенного на Shopify.

    Этот ведущий поставщик фирменной одежды позволяет клиентам добавлять собственные логотипы на одежду и подарки.

    Компания Merchology проверила влияние Google AMP, и влияние увеличения времени загрузки страницы было очевидным.

    Объявления, направляющие пользователей на страницы AMP, получили оценку 4.Снижение показателя отказов на 8% и повышение коэффициента конверсии на 39%.

    Пользователи также в среднем на 19,2% больше просмотрели страниц за сеанс, т. е. люди просматривали больше продуктов.

    Ноа Джеффри, старший инженер по маркетингу Range Digital Media, маркетингового агентства Merchology, объяснил: «Когда мы смотрим на скорость загрузки страниц, неудивительно, что страницы AMP превзошли наши стандартные адаптивные страницы почти по всем проанализированным нами показателям».

    Каковы недостатки Google AMP?

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

    Во-первых, когда дело доходит до SEO, приходится идти на компромисс.

    Ранее мы упоминали, что вы не можете занимать первое место в результатах поиска Google на мобильных устройствах без использования Google AMP.

    Однако страницы Google AMP размещаются на серверах Google AMP Cache.

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

    По словам Google, сейчас нет реального способа обойти эту проблему.


    Далее, данные отслеживания со страниц AMP все еще несколько ограничены, хотя AMP интегрируется с Google Aalytics, и возможности отслеживания расширяются.

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

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


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

    Как работает Google AMP?

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

    Вот где сияет AMP.

    Он просто устраняет многие из этих элементов. По сути, Google AMP снижает потребность в дополнительных запросах CSS и накладывает ограничения на громоздкие элементы, такие как изображения и Javascript.

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

    Другими словами, они теряют заполнение, и файлы лучше организованы.

    Чтобы узнать больше о том, как работает Google AMP, посмотрите это короткое видео:

    Стоит отметить, что AMP загружается быстрее всего при посещении через поиск Google.

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

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

    Но, в отличие от мгновенных статей Facebook, Google AMP не ограничивается одной платформой. Он работает с множеством поисковых систем и платформ социальных сетей, таких как Bing, Reddit, Twitter, Medium, Tumblr и LinkedIn.

    Как начать работу с Google AMP

    Чтобы создать страницы AMP, вам необходимо создать еще одну версию своего веб-сайта, соответствующую стандартам Google AMP.

    Таким образом, ваш веб-сайт Google AMP будет иметь собственный уникальный URL-адрес, например «site.com/page/amp», и будет совместим с большинством веб-браузеров.

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

    В противном случае ознакомьтесь с библиотекой руководств и руководств по AMP.

    Сводка

    Google AMP — это технология с открытым исходным кодом, которая позволяет создавать и предоставлять контент практически мгновенно в Интернете.

    Помните, AMP означает «ускоренные мобильные страницы».”

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

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

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

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

    «2019 год станет годом скорости страниц для каждого бизнеса, занимающегося онлайн-маркетингом», — сказал Райан Энгли, вице-президент по маркетингу продуктов в Unbounce. «Компании, которые могут обеспечить молниеносный пользовательский опыт, получат преимущество первопроходца — более высокие показатели качества, более высокий рейтинг рекламы, а также больше лидов и продаж».

    Возможно, сейчас вам не нужен Google AMP, но одно можно сказать наверняка: Интернет ускоряется.

    Было бы разумно не отставать.

    Что вы думаете о Google AMP? Вы используете его? Дайте нам знать в комментариях ниже!

    Хотите узнать больше?

    Google AMP помогает создавать потрясающие веб-сайты. Вот как.

    Сегодня я узнал о типе страниц, которые загружаются «почти мгновенно». Что ж, с таким рэпом я должен был проверить это на себе. Итак, я зашел на Tasty, кулинарный веб-сайт, на своем рабочем столе и на своем телефоне, чтобы проверить время загрузки для каждого из них.Домашняя страница обоих загружалась и отображалась за одну секунду. Это было впечатляюще.

    Источник

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

    Источник

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

    Страницы Google AMP могут помочь вам в разработке страниц электронной коммерции, привлекательных рекламных объявлений и захватывающих мобильных приложений благодаря размещению страниц, которые загружаются практически мгновенно. Например, Gizmodo обнаружил, что их страницы загружаются в три раза быстрее, а у Mashable средний CTR увеличился на 200%.

    Источник

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

    Что такое Google AMP?

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

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

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

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

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

    Как работает Google AMP

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

    Как работает Google AMP?

    1. AMP-страницы загружают все содержимое страницы сразу.
    2. Макет страниц AMP заранее известен браузерам.
    3. CSS находится в строке и привязан к размеру.
    4. Веб-шрифты очень большие, поэтому AMP-страницы загружают их в первую очередь.
    5. AMP-страниц сводят к минимуму повторные расчеты стиля и макета.
    6. Мощность загрузки изображений переносится с ЦП на ГП для ускорения.
    7. Загрузка ресурсов является главным приоритетом для AMP-страниц.

    1. Страницы AMP загружают все содержимое страницы сразу.

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

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

    2. Макет страниц AMP заранее известен браузерам.

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

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

    3. CSS является встроенным и ограниченным по размеру.

    На страницах AMP требуется только одна таблица стилей: встроенная. Это удаляет несколько HTTP-запросов из пути рендеринга. HTTP предназначен для обеспечения связи между веб-браузерами и серверами.

    Удаление нескольких HTTP-запросов упрощает взаимодействие браузеров и серверов, необходимых для полной загрузки страницы.Кроме того, встроенные таблицы стилей имеют максимальный объем данных (50 килобайт), что позволяет создавать сложный контент, но достаточно простой, чтобы соответствовать правилам CSS.

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

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

    AMP не требует запуска HTTP-запросов до начала загрузки шрифтов.Это возможно по причинам один и два. Таким образом, с AMP нет связи HTTP, блокирующей браузер от загрузки шрифтов.

    5. Страницы AMP сводят к минимуму повторные расчеты стиля и макета.

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

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

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

    6. Для ускорения загрузка изображений переносится с ЦП на ГП.

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

    Когда ЦП создает изображения, он создает слои, а затем отправляет их на ГП для дальнейших изменений. Например, графический процессор может сжимать, увеличивать, поворачивать или обрезать изображения.

    7. Загрузка ресурсов является главным приоритетом для AMP-страниц.

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

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

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

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

    Как сделать страницы Google AMP

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

    Краткий ответ: Может быть.

    Я не разработчик, и мои познания в области кодирования очень минимальны.Но когда я начал играть с «Игровой площадкой AMP», я смог создать очень простую веб-страницу.

    Когда вы разрабатываете страницу AMP, Google предлагает рабочий процесс. Сначала вы создаете страницу, которую Google называет «Hello World». Затем вы интегрируете свою страницу, изучаете основы страниц AMP, оптимизируете страницу и настраиваете отслеживание аналитики, а также разрабатываете страницу в соответствии с потребностями и целями своего веб-сайта.

    Google AMP интегрируется с платформами CMS. Вы можете найти полный список этих платформ здесь.

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

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

    Если вы хотите попробовать, как будет работать со страницей AMP, посетите домашнюю страницу amp.разв. Там вы можете немного поэкспериментировать с игровой площадкой AMP, как это сделал я. Здесь я использовал свои очень ограниченные знания в области кодирования, чтобы поэкспериментировать, как показано ниже, когда я добавил текст к пустому объявлению:

    .

    Мне очень понравилось работать с этим инструментом. Я мог визуализировать изменения, которые я делал, когда они происходили. Если вы хотите создать образец веб-страницы с игровой площадкой, вот что я сделал.

    Как создать страницу Google AMP

    1. Реализовать и изменить текст заголовка.
    2. Работа над абзацами тела.
    3. Измените кнопки в соответствии с потребностями вашей веб-страницы.
    4. При необходимости переключить атрибуты класса.

    1. Реализовать и изменить текст заголовка.

    Во-первых, я начал с заданного стандартного шаблона. Я следовал ключевым словам в коде «» и «

    », которые говорят мне, что я буду работать с h3 внутри тела страницы. Я изменил заголовок с «AMP — это просто» на «Добро пожаловать на мой сайт!» поместив текст в скобки h3.

    2. Работа над абзацами тела.

    Затем я перешел к разделу абзацев. В коде абзацы помечаются красными «

    » и «

    ». Красный подобен сигналу; Он сообщает веб-странице, что будет содержать последующий контент. В данном случае это был текст, который я изменил на «Ниже показано адаптивное изображение. Адаптивные изображения оптимизированы для мобильных и настольных компьютеров».

    3. Измените кнопки в соответствии с потребностями вашей веб-страницы.

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

    Мы знаем это по коду «tap:greeting.show». Я изменил белый текст, чтобы изменить то, что написано на кнопке, прежде чем убедиться, что добавлено окончание «». Это означает, что я закончил с первой кнопкой.

    4. При необходимости переключите атрибуты класса.

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

    Когда я переключал атрибуты переключения, я играл с цветами и текстом. Вместо оригинального красного цвета я изменил переключатель на зеленый и переключил текст приветствия с «Привет» на «Привет!».

    Класс в HTML используется для определения типа атрибута, если у вас их несколько. (Если бы вам нужно было перечислить различные напитки на своем сайте, вы бы использовали «класс», чтобы указать дизайн для вина, водного сока и т. д.).В этом случае атрибут класса был для цвета.

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

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

    Что заменит, может быть хуже • Реестр

    Функция

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

    Звучит как отличная новость. Как давний критик Google AMP, я хотел бы сказать, что с Google AMP покончено, но я не уверен.

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

    — Google или AMP «зло»? Я не знаю. Это не имеет значения. У людей, стоящих за AMP, могли быть добрые намерения, а может и нет. Google не обязательно должен быть «злым», чтобы делать вещи, которые вредят открытому Интернету…

    К сожалению, то же самое можно сказать и о Core Web Vitals.

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

    Требование к издателям использовать формат AMP для новостей — спорный вопрос. Все основные поставщики новостей уже используют AMP. Google не нужно требовать AMP, потому что некому заставить его использовать.Отказ от требования AMP — это не признак победы открытой сети, а признак поражения.

    Другая проблема заключается в том, что если вы являетесь издателем, заинтересованным в отказе от поддержки AMP, Google News — не единственная игра, которую стоит рассмотреть.

    Ссылки

    AMP широко используются в других сервисах Google, включая Gmail, Google Images и Google Search.Несмотря на то, что это больше не требуется для Новостей Google, примерно через месяц после того, как изменения рейтинга Google вступили в силу, почти каждая история, которая в настоящее время находится в карусели Новостей Google, все еще использует AMP.

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

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

    Что за суета?

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

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

    Еще одна распространенная защита AMP, которую вы услышите, заключается в том, что это открытый исходный код. Это верно, но также и непоследовательно. Нет ничего хорошего в том, что что-то с открытым исходным кодом. Как сказал веб-разработчик Ферди Кристан еще в 2018 году, защита с открытым исходным кодом «не просто слабая защита, это вообще не защита.Я могу открыть исходный код плана геноцида. Термин «открытый исходный код» не имеет смысла, если то, что является открытым исходным кодом, вредно». Совершенно верно.

    Так как мы только что задействовали что-то похожее на Закон Годвина, давайте на мгновение остановимся, чтобы ответить на вопрос, является ли Google или AMP «злом»? Я не знаю. Это не имеет значения. У людей, стоящих за AMP, могли быть добрые намерения, а может и нет. Google не обязательно должен быть «злым», чтобы делать вещи, которые вредят открытому Интернету.

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

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

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

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

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

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

    Тем не менее, получение места в карусели «Главные новости» Новостей Google — мощный пряник, и это сработало. Почти каждый крупный веб-издатель (включая этот) публикует AMP-версии своих страниц.

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

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

    Как отмечает веб-разработчик Итан Маркотт: «Хотя переход на Core Web Vitals — это шаг в правильном направлении, это также означает, что только Google определяет, что означает «отличное взаимодействие со страницей».

    В настоящее время это означает, что ваша страница должна загружаться в основном за 2,5 секунды. Если честно, это не очень высокая планка, но это все же планка, а веб-бары не делает. Хуже того, это требование может измениться завтра. Маркотт дает понять, что он считает снижение приоритета AMP в пользу Core Web Vitals очень хорошей идеей, но я не уверен, что это правда.Как и Маркотт, который продолжает замечать, что Google «взял свой собственный формат документов и заменил его собственным набором статистики производительности, который имеет еще меньше внешнего контроля».

    Все дело в контроле

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

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