Как опубликовать AMP-Страницу

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

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

Запустите валидатор, добавив #development=1 в URL-адрес AMP, например:

/templates/examples/publikacija-amp1.html#development=1

Вы можете просмотреть результат проверки в консоли Javascript вашего браузера:

Что будет если использовать тег img вместо amp-img

 

Используйте правильную микро-разметку

Расширенный сниппет с помощью микроразметки для AMP

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

Инструмент проверки структурированных данных — отличный способ проверить правильность метаданных в ваших файлах AMP: убедитесь, что фильтр «Все данные» показывает «Статьи AMP», и все зеленое.

 

 

Настройте связь между AMP и обычными страницами

Сторонние интеграции, такие как карусель Google Top Stories с AMP, обнаруживают ваши AMP через каноническую версию вашей страницы. Чтобы сделать это возможным, оставьте каноническую ссылку на настольную версию:

<link rel="canonical" href=”http://example.ampproject.org/article.html" />

А также на канонической ссылке оставляем ссылку на AMP версию страницы:

<link rel="amphtml" href="http://example.ampproject.org/article.amp.html" />

В противном случае сторонние интеграции могут оказаться не в состоянии обнаружить ваши AMP.

Разрешите роботам сканировать AMP-страницы

Если вы хотите, чтобы ваши AMP отображались на сторонних платформах, убедитесь, что их роботы имеют к ним доступ. Это означает, в частности:

  • Не исключайте роботов через файл robots.txt:

    User-agent: *
    Disallow: /amp/ <= НЕ ДЕЛАЙТЕ ТАК
  • Не добавляйте метатег noindex роботов в HTML-файлы AMP:

    <meta name="robots" content="noindex" /> <= НЕ ДЕЛАЙТЕ ТАК
  • Не включайте noindex в HTTP-заголовок X-Robots-Tag для ваших файлов AMP:

    $ curl -I [http://www.example.com/amp.html](http://www.example.com/amp.html)HTTP/1.1 200 OK
    Date: Tue, 25 May 2010 21:42:43 GMT
    ...
    X-Robots-Tag: noindex <= НЕ ДЕЛАЙТЕ ТАК
    ...

Тестируйте ваши AMP-страницы из кеша Google

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

Оставить комментарий

avatar
25412
  Подписаться  
Уведомление о