Страницы с ускоренными мобильными страницами (AMP): полное руководство по WebRankInfo для SEO

  1. AMP ускоренные страницы для мобильных страниц
  2. Как работают страницы AMP?
  3. Кто может использовать AMP на своем сайте?
  4. Где размещаются страницы AMP?
  5. Каковы различия между мгновенными статьями AMP и Facebook?
  6. Настройте AMP на своем сайте
  7. Могу ли я использовать AMP на страницах списков / категорий?
  8. Можем ли мы управлять версией AMP в поддомене или в другом доменном имени?
  9. Должны ли мы пометить его страницы с типом NewsArticle schema.org?
  10. Изображение должно быть действительным AMP?
  11. Как установить AMP на сайт WordPress?
  12. Как установить AMP на сайт Joomla?
  13. Как установить AMP на сайт Drupal?
  14. Как проверить код моей страницы AMP HTML?
  15. Могу ли я показывать рекламу на страницах AMP?
  16. Для рекламы на AMP она должна быть в HTTPS?
  17. AMP в результатах Google (AMP и SEO)
  18. Как AMP отображается в результатах поиска?
  19. Могут ли страницы AMP появляться где-то еще, кроме карусели?
  20. Что такое карусель страниц AMP?
  21. Как появиться в карусели страниц AMP?
  22. Какие структурированные данные должны быть включены в страницы AMP?
  23. В каких странах отображается карусель AMP?
  24. AMP Страницы в Новостях Google
  25. Должны ли страницы AMP иметь тот же контент, что и стандартная версия?
  26. Как избежать дублирования контента с версией AMP?
  27. Какие теги включают в себя объявление AMP на мобильном сайте отдельно?
  28. Должны ли внутренние ссылки указывать на версию AMP?
  29. Должны ли страницы AMP быть добавлены в файл sitemap.xml?
  30. Страницы AMP потребляют бюджет сканирования?
  31. Структурированные данные и открытый график
  32. Как я узнаю, что Google проиндексировал мои страницы AMP?
  33. Как узнать, генерируют ли мои страницы AMP трафик?
  34. Другие вопросы о AMP
  35. Можем ли мы отслеживать трафик AMP-страниц в Google Analytics?
  36. Где я могу получить помощь в формате AMP?

Краткое описание:

  1. Презентация страниц AMP
  2. Как перенести ваш сайт в AMP
  3. AMP и SEO страницы (SEO)
  4. Другие вопросы о AMP

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

Что такое AMP?

Краткое описание:   Презентация страниц AMP   Как перенести ваш сайт в AMP   AMP и SEO страницы (SEO)   Другие вопросы о AMP   AMP ускоренные страницы для мобильных страниц   Что такое AMP

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

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

Вы можете найти официальную информацию на основном сайте ampproject.org (сам по себе доступен в формате AMP).

Цель состоит в том, чтобы страницы AMP появлялись почти мгновенно - обычно на 90 процентов быстрее, чем обычно.

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

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

Как работают страницы AMP?

Для простоты мы можем рассмотреть AMP как структуру с этими 3 основными функциями:

  • страницы закодированы в HTML AMP , своего рода упрощенный HTML: вы берете стандартный HTML, но удаляете все элементы, которые могут замедлить загрузку. Даже тег <img> удален, заменен эквивалентным.
  • сторонние скрипты запрещены , кроме как в особых случаях. Например, javascript не полностью запрещен, но разрешены только некоторые предопределенные и сверхбыстрые библиотеки: речь идет о AMP JS .
  • даже если эти страницы хранятся на вашем сайте, можно просмотреть кэшированную версию, расположенную на серверах Google: AMP CDN

Это не мешает AMP-страницам включать изображения и даже видео: фу!

Кто может использовать AMP на своем сайте?

Всем! Вам не о чем спрашивать, просто разместите на своем сайте AMP-версию каждой страницы или только одну: по вашему желанию.

Где размещаются страницы AMP?

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

Это случай Google: когда он индексирует страницу AMP, он сохраняет ее в кеше на своих серверах (мы говорим о CDN ); затем, когда пользователь заходит на страницу AMP, указанную в результатах поиска Google, отображается кэшированная версия Google, которая обеспечивает мгновенный просмотр. Длительность кеша вроде бы составляет несколько минут, вам не нужно беспокоиться на этом уровне. Этот "CDN AMP" в Google бесплатный.

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

Каковы различия между мгновенными статьями AMP и Facebook?

Понятно, что проект AMP напоминает Мгновенные статьи Facebook и Apple News . Большая разница в том, что страницы AMP остаются дома, на вашем сайте (на вашем сервере), в отличие от решений, предлагаемых Facebook и Apple, которые ограничены их экосистемами.

HTML-страницы AMP хранятся на вашем сервере, в отличие от мгновенных статей Facebook

Другое отличие заключается в том, что проект AMP открыт (см. GitHub ), вы можете участвовать, не спрашивая никого. На Facebook и Apple вы должны подать заявку и получить одобрение (скажите, если я ошибаюсь!).

Для тех, кто отображает рекламу на своих страницах, знайте, что это возможно (не во всех случаях) с AMP. Это также возможно с Facebook и Apple, но они будут жаловать вам 30% вашего дохода мимоходом! от документация AdSense и DoubleClick (от Google), а также A9, Ad Reactor и AdTech (AOL), AdSense и DoubleClick (от Google). Скажите, если вы заметили других, могут быть и другие.

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

Кстати, то, что реклама отображается на страницах формата AMP, не означает, что их нельзя заблокировать. Доверьтесь блокировщикам рекламы, чтобы заняться этими объявлениями ...

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

Настройте AMP на своем сайте

Можем ли мы использовать AMP на всех типах сайтов?

Да, формат AMP не ограничен определенными типами сайтов. Это, безусловно, более сложно для некоторых типов контента, но знайте, что с 23/08/2016 AMP возможен для сайтов электронной коммерции !

Все это развивается, вам решать, возможно ли это для вашего сайта! Например, eBay разработал версию AMP на 8 миллионов страниц в июне 2016 года ( источник ).

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

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

Могу ли я использовать AMP на страницах списков / категорий?

Да, конечно, это не ограничивается статьями (даже если некоторые плагины в настоящее время работают так).

Можем ли мы управлять версией AMP в поддомене или в другом доменном имени?

Да, конечно, вы используете нужный формат URL (необязательно с / amp в конце URL). Вы даже можете использовать поддомен для AMP (как это сделал Guardian на amp.theguardian.com) или даже другое доменное имя.

Во всех случаях будьте осторожны, чтобы определить отношения:

  • на вашей классической HTML-странице скажите Google, что она доступна в формате AMP, добавив тег ссылки rel = amphtml, который предоставляет URL-адрес HTML-версии AMP.
  • на своей странице AMP HTML скажите Google, что официальная версия этого контента существует в формате HTML, включая тег ссылки rel = canonical.

Должны ли мы пометить его страницы с типом NewsArticle schema.org?

Чтобы иметь возможность отображаться в виде карусели, ваша страница должна быть новостной статьей (в этом случае она должна быть объявлена ​​как NewsArticle через schema.org) или постом в блоге (BlogPost), например указано в спецификации.

Но это не обязательно для всех страниц AMP! Если вы не укажете его, в консоли поиска появится предупреждение с заголовком «Ускоренные мобильные страницы» (до августа 2016 года это даже считалось ошибкой).

Изображение должно быть действительным AMP?

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

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

Если вы находитесь на платформе wordpress.com, вам нечего делать, это уже запланировано.

Если вы используете WordPress CMS на своем собственном хостинге, вам нужна конкретная разработка. Смотрите мои объяснения на AMP плагины для WordPress ,

Как установить AMP на сайт Joomla?

Вы можете проверить Плагин wbAMP для Joomla, который я описал здесь ,

Как установить AMP на сайт Drupal?

Вы можете проверить модуль AMP Drupal, который я описал здесь ,

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

Ниже я приведу краткое изложение, но я также написал полный файл на эту тему: обзор валидаторов AMP HTML ,

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

  1. отобразить консоль Javascript в вашем браузере
  2. добавьте #development = 1 в конце URL-адреса вашей страницы AMP и подтвердите, чтобы перезагрузить его

Совет. Чтобы просмотреть консоль Javascript в Chrome, используйте сочетание клавиш:

  • На Mac: ⌘ + Опция + J
  • В Windows и Linux: Ctrl + Shift + J, а затем нажмите Консоль

Вы должны увидеть список ошибок проверки AMP или сообщение « Проверка AMP успешна », если все в порядке:

Вы должны увидеть список ошибок проверки AMP или сообщение « Проверка AMP успешна », если все в порядке:

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

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

Могу ли я показывать рекламу на страницах AMP?

Да, но только для некоторых плат, в настоящее время AdSense и DoubleClick (Google), но также для A9, Ad Reactor и AdTech (AOL).

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

Для рекламы на AMP она должна быть в HTTPS?

Нет, это не обязательно, в отличие от информации, которая распространялась в начале. Например, веб-сайт WebRankInfo размещает рекламные объявления через AdSense на страницах AMP с протоколом HTTP.

AMP в результатах Google (AMP и SEO)

Является ли использование AMP критерием для SEO?

Нет, AMP не является критерием алгоритма ранжирования Google. Сейчас?

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

Поделитесь информацией в Твиттере:

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

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

Затем (с конца 2016 года) Google отображает версию AMP для мобильной страницы (если версия AMP объявлена ​​правильно, см. Ниже).

Могут ли страницы AMP появляться где-то еще, кроме карусели?

Значок AMP в результатах Google

Да, Google отображает страницы AMP на остальных страницах результатов, полностью смешивая обычные страницы HTML и страницы AMP. Страницы в формате AMP обозначены аббревиатурой AMP серым цветом (в начале он был зеленым).

Чтобы проверить это, посмотрите, например, «Руководство AMP WebRankInfo» на Google для мобильных устройств.

Вот как это выглядит:

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

Я также сделал короткое видео демонстрация результатов AMP в Google :

Что такое карусель страниц AMP?

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

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

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

Как только вы увидите статью, вы можете перейти к предыдущей или следующей карусели, проведя пальцем вправо или влево.

Чтобы лучше понять это, посмотрите мое демонстрационное видео:

Найти это видео « AMP карусель демо На канале Youtube WebRankInfo

Как появиться в карусели страниц AMP?

Необходимо:

  • страница в формате AMP без ошибки проверки
  • страница содержит правильные структурированные данные (см. ниже)
  • что страница проиндексирована Google
  • страница выбрана для отображения в карусели

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

Какие структурированные данные должны быть включены в страницы AMP?

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

На данный момент в «Главные новости» (карусели) Google принимает только страницы, на которых представлена ​​статья или видео.

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

  • schema.org/Article
  • schema.org/NewsArticle
  • schema.org/BlogPosting

Если ваша страница представляет собой видео, тип должен быть schema.org/VideoObject.

Для деталей, читать спецификации здесь (структурированные данные для «Главных историй»).

В каких странах отображается карусель AMP?

Страницы AMP отображаются в разделе «Избранные» для пользователей мобильного поиска в 15 странах (Бразилия, Канада, Франция, Германия, Корея, Франция, Индия, Индонезия, Италия, Япония, Испания, Мексика, Великобритания, Россия и Турция).

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

AMP Страницы в Новостях Google

С апреля 2016 года Google добавил страницы в формате AMP в результаты Новостей Google ( источник ). Это формат для мобильных телефонов (смартфонов), анонсированный в конце 2015 года и выпущенный в начале 2016 года, который ускоряет загрузку веб-страниц. Это своего рода легкий HTML 5 для мобильных устройств.

На мобильных устройствах (iOS или Android) Google отображает в заголовках заголовок карусель страниц AMP, то есть 14 миниатюр (изображение + краткое изложение), указывающих на статьи, на которые ссылаются Новости Google.

Карусель страниц формата AMP в Новостях Google

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

Должны ли страницы AMP иметь тот же контент, что и стандартная версия?

Некоторые сайты используют свою версию AMP, чтобы побудить пользователей проверить свою стандартную версию. По сути, они делают минимум в формате AMP (начало статьи), чтобы отображаться именно в SERP.

Теперь это противоречит правилам Google ( источник ):

Сайты, нарушающие это правило, больше не будут видеть свои страницы AMP (затронутые) в результатах Google ...

Предупреждение также будет отправлено им в консоли поиска Google.

Как избежать дублирования контента с версией AMP?

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

  • на вашей классической HTML-странице скажите Google, что она доступна в формате AMP, добавив тег ссылки rel = amphtml, который предоставляет URL-адрес HTML-версии AMP.
  • на своей странице AMP HTML скажите Google, что официальная версия этого контента существует в формате HTML, включая тег ссылки rel = canonical.

Какие теги включают в себя объявление AMP на мобильном сайте отдельно?

Если вы выбрали отдельный метод мобильного сайта (например, m.example.com), вам потребуется указать 2 тега ссылки на HTML-странице вашего рабочего стола и 1 канонический тег URL в каждой мобильной версии:

  • на HTML-странице своего рабочего стола скажите Google, что она доступна на вашем мобильном выделенном сайте, включая тег rel = альтернативной ссылки, который предоставляет URL-адрес для мобильной версии
  • всегда на своей странице рабочего стола HTML сообщайте Google, что она доступна в формате AMP, добавив тег ссылки rel = amphtml, который предоставляет URL-адрес HTML-версии AMP
  • на своей странице для мобильных устройств объявите URL-адрес HTML-страницы рабочего стола каноническим
  • на странице AMP объявите URL-адрес HTML-страницы рабочего стола каноническим

Если вы в конкретном случае сайта, который имеет только HTML-страницы AMP, вы все равно должны включать канонические теги URL (которые ссылаются на себя).

Должны ли внутренние ссылки указывать на версию AMP?

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

Если у вас есть мнение или отзыв на эту тему, заранее спасибо!

Должны ли страницы AMP быть добавлены в файл sitemap.xml?

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

Страницы AMP потребляют бюджет сканирования?

Это вопрос, который для некоторых может показаться чуждым или непонятным, поэтому я немного его объясню ... То, что я называю обходом бюджета ( обход бюджета ), заключается в том, что число ограничено URL-адреса сканируются каждый день на данном сайте. Возможно, этот «бюджет» - это не количество URL-адресов, а время или пропускная способность, но, в конце концов, следует понимать, что у Google нет бесконечных ресурсов! Поэтому важно не сканировать URL-адреса Google без какого-либо интереса, поскольку это происходит за счет хороших URL-адресов.

Если вы не знаете этого понятия, прочитайте мой папка в бюджете сканирования ,

Так что да:

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

Структурированные данные и открытый график

Как и в случае других HTML-страниц, вы можете (и должны!) Включать структурированные данные, по крайней мере, для описания типа контента, заголовка, описания и иллюстративного изображения. Сделайте это, например, интегрировав скрипт JSON-LD на основе репозитория schema.org.

Кажется возможным добавить открытые теги графа на HTML-страницы AMP, но у меня пока нет подтверждения.

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

В вашей учетной записи консоли поиска Google см. Отчет «Ускоренные мобильные страницы», расположенный в разделе «Внешний вид в результатах поиска».

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

Вот как это выглядит при запуске поддержки AMP в феврале 2016 года:

Вот как это выглядит при запуске поддержки AMP в феврале 2016 года:

Образец отчета об ускоренных мобильных страницах в консоли поиска Google

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

Чтобы загрузить список проблемных URL-адресов, сначала необходимо выбрать тип ошибки, а затем нажать кнопку «Загрузить».

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

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

Об индексации Google. В мае на конференции I / O 2016 Ричард Гинграс (Google) заявил, что в настоящее время индексируется 125 миллионов страниц AMP из 640 000 (имен) доменов.

Как узнать, генерируют ли мои страницы AMP трафик?

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

Вы будете знать:

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

Вот изображение, которое говорит вам, где выбрать этот фильтр:

Вот изображение, которое говорит вам, где выбрать этот фильтр:

Фильтр AMP в консоли поиска позволяет вам получать статистику на страницах версий AMP в результатах поиска Google

Другие вопросы о AMP

Совместим ли AMP с AdWords?

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

Можем ли мы отслеживать трафик AMP-страниц в Google Analytics?

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

Где я могу получить помощь в формате AMP?

Вы можете задать свои вопросы в официальный форум но и проще на форуме WebRankInfo!

Вам понравилась эта статья?

Кто может использовать AMP на своем сайте?
Где размещаются страницы AMP?
Каковы различия между мгновенными статьями AMP и Facebook?
Можем ли мы управлять версией AMP в поддомене или в другом доменном имени?
Org?
Изображение должно быть действительным AMP?
Как установить AMP на сайт WordPress?
Как установить AMP на сайт Joomla?
Как установить AMP на сайт Drupal?
Как проверить код моей страницы AMP HTML?