Обновлено 24.11.2018г. 03:06 (UTC+3)

Google AMP: что это, как внедрять и проверять формат

С внедрением этого формата всем владельцам сайтов нужно обеспечивать поддержку двух версий страниц: начальной и AMP. Так как AMP характеризируется большим количеством ограничений, функциональность мобильных страниц будет несколько урезана – например, придется отказаться от динамических элементов. Предстоит большая работа над визуальными элементами. По правилам AMP, высоту и ширину картинок нужно указывать в HTML. С помощью «amp-img» можно демонстрировать разные размеры изображений устройствам с различными разрешениями экранов. Для анимированных gif-файлов предназначен компонент «amp-anim». Для видео - «amp-video», но если это ролик с YouTube, стоит использовать «amp-youtube». Формат поддерживает лайтбоксы, «карусели», элементы, внедряемые через популярные социальные сети. Для переключения обычной страницы на AMP, в исходной коде нужно прописать «link rel», указав ссылку на AMP-страницу. Соответственно, на всех AMP-страницах должны быть канонические ссылки на базовую версию.

Статистика для AMP страниц

Владелец сайта может отслеживать статистику по таким страницам. Для этого можно воспользоваться простым тегом «amp-pixel», применяемым для отслеживания просмотров страниц с применением запроса GET. Есть и расширенный компонент «amp-analytics», с помощью которого можно внедрить Google Analytics.

AMP и SEO

Наличие на сайте AMP-страниц, разработанных под мобильные устройства, дает ресурсу большое преимущество в ранжировании. Чтобы не допустить дублирования контента, нужно в заголовке HTML страницы указать на AMP-аналог: < link rel="amphtml" href="(ссылка на АМР-страницу"> Соответственно, в заголовке AMP-страницы нужно сослаться на стандартную: < link rel="canonical" href="(ссылка на обычную страницу)">

Внедрение AMP на сайтах с CMS

Принципы внедрения зависят от используемой платформы. Однако в большинстве случаев проблемы решаются с помощью плагинов. Например, для WordPress разработан плагин AMP WordPress plugin. После его установки и активации нужно отредактировать файл .htaccess для перенаправления пользователей на AMP-страницы: RewriteEngine On RewriteCond %{REQUEST_URI} !/amp$ [NC] RewriteCond %{HTTP_USER_AGENT} (android|blackberry|googlebot-mobile|iemobile|iphone|ipod|#opera mobile|palmos|webos) [NC] RewriteRule ^([a-zA-Z0-9-]+)([/]*)$ https://example.com/$1/amp [L,R=302]

Плюсы и минусы AMP

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

  • открытый стандарт;
  • растет скорость загрузки страниц, а это ключевой фактор ранжирования;
  • теоретически это один из факторов ранжирования в Гугл;
  • есть возможность попадания в «карусель» в топе мобильной выдачи;
  • есть много плагинов для внедрения AMP на CMS.

Недостатки:

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

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

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