Для создания AMP-страниц на сайте внедряются специальные теги, их определённое количество и они немного отличаются от HTML-тегов.
Далее Google просматривает страницу, находит эти тэги и забирает на свои сервера информацию в них.
Когда пользователь вводит поисковый запрос с Google, то загрузка контента происходит именно с серверов Google, а не с вашего сайта. Опускается дизайн и прочие избыточные элементы. Google отдаёт пользователю чистую информацию с высокой скоростью. Скорость обеспечивается в том числе с помощью фоновой подгрузки всех страниц, пока просматриваются результаты выдачи. Значительно уменьшается объём передаваемых данных (не нужны шрифты, скрипты аналитики, лишний css).
Особенности AMP-страниц:
Страницы уже адаптированы под мобильные устройства.
Нет возможности вставить в них свой JavaScript, вместо него есть так называемые "доступные компоненты".
Ряд стандартных тегов заменены на специальные, например <img> заменены на <amp-img>, что приводит к дополнительным трудозатратам в разработке.
В самом начале Google показывал AMP-страницы через iframe. Это значит, когда в результатах поиска вы выбрали нужный сайт и перешли на него, то URL в строке браузера не изменится. Там останется адрес google.com... Против такого подхода выступило много веб-мастеров. Получается, что с их сайтов взяли контент, подтянули на гугл-сервера. Дальше, если я хочу отправить ссылку другу, то ссылка будет отправляться уже на адрес google. Таким образом, сайт полностью исключается из "пищевой цепочки".
После протестов Google вернул адрес сайта в URL. Появилась возможность делиться ссылками на AMP страницы.
Как указать версию AMP на основной странице сайта?
Для этого в коде страницы нужно вставить такую ссылку:
<link href="адрес" rel="amphtml">Естественно, что страница по этой ссылке должна быть уже заранее подготовлена. Это работа технических специалистов, достаточно добавить ещё одну версию шаблона и выводить в ней контент. Владельцам WordPress, сделать это проще всего. В последнюю версию этой CMS поддержка AMP-шаблонов уже встроена.
В первых обзорах AMP-страниц можно встретить мнение что эта технология хороша только для новостных и статейных сайтов. Но постепенно её стали распространять и на интернет-магазины и на другие типы проектов.
Со временем, аналог AMP-страниц появился и у Яндекса. Технологию назвали Турбо-страницы. И... с AMP она не совместима. В ней используется похожий принцип, но другие теги. Турбо-страницы формируются из RSS-фида.