УСКОРЕННЫЕ МОБИЛЬНЫЕ СТРАНИЦЫ AMP

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

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

ОСНОВНЫЕ ОСОБЕННОСТИ УСКОРЕННЫЖ МОБИЛЬНЫХ СТРАНИЦ AMP

Отсутствие кастомных скриптов

Первое и самое главное отличие от стандартных сайтов — это невозможность вставки "обычных" скриптов. То есть большая часть функционала, завязанная на динамическом изменении (действия по клику, анимация, фильтрация, модальные окна), становится недоступной.
Решение — использование доступных компонентов и iframe.
Доступные компоненты позволяют добиться, пусть и не полной, реализации привычных фич, но представляют им достойную замену и оптимизированы для быстрой загрузки.
С их помощью можно сделать боковое меню, карусель, отправку формы, подгружаемый контент, рекламу и прочее.
Каждый компонент связан со своей js-библиотекой, которую нужно подключить для его использования на сайте.

Отсутствие обычных тегов

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

В коде страницы не должно быть inline-стилей

Еще одна особенность, которая должна коснуться в первую очередь текстового редактора, так как редактирование стилей там проходит inline. Элементы с атрибутами типа style=“color:…”, не являются валидными, а изменение цвета или размера шрифта запишет это свойство в код.

Структурированная схема данных (structured data)

Для включения статей в подборку “Top stories google” к страницам должны быть добавлены схемы данных с краткой информацией о статьях, авторе, издательстве, логотип компании, а также даты публикации и изменения статьи.
Использование структурных данных не является обязательным условием, но для того чтобы поисковик корректно отображал данные и изменения при редактировании, нужно помещать эту схему на сайт. Фактически использование AMP без этой схемы становится бессмысленным.

Ссылки canonical и обратная к ней

Чтобы поисковик понял, что есть AMP-версия страницы, она должна содержать ссылку:

А на AMP-странице — присутствовать обратная ссылка:

Css 50 кб

Css стили пишутся inline, и их размер не должен превышать 50кб

Рекомендации по использованию AMP-страниц в Google Поиске

Наши рекомендации по оптимизации сайтов для Google относятся и к технологии AMP. А в этой статье советы по продвижению AMP-страниц в Google Поиске.
AMP-страницы должны отвечать требованиям к HTML.
На AMP-страницах у пользователей должна быть возможность получать тот же контент и выполнять те же действия, что и на соответствующих канонических страницах.
Схема URL вашей AMP-страницы должна быть понятна пользователям.
Так, если URL канонической страницы – example.com/kotiki, то адрес AMP-страницы стоит сделать таким: amp.example.com/kotiki или example.com/amp/kotiki, но не test.com/kotiki. Тогда пользователь не придет в замешательство, увидев в адресной строке браузера URL AMP-страницы, который не связан с вашим доменом. Чтобы страницы правильно работали и могли показываться в результатах поиска с поддержкой функций AMP, они должны пройти проверку. Страницы с ошибками не показываются в результатах Google Поиска.
Если вам нужно добавить на страницу структурированные данные, соблюдайте эти правила.

Часто задаваемые вопросы

Почему AMP-страница показывается на планшете или компьютере как обычная?
Функции AMP, такие как карусель "Главные новости", в Google доступны только для мобильных устройств. Технология AMP работает на всех типах устройств, в том числе на компьютерах, однако в настоящее время мы не планируем реализовывать функции AMP на каких-либо платформах, кроме мобильных.
Верно ли, что AMP-страницы предназначены только для мобильных устройств?
Нет. AMP-страницы можно просматривать на любом устройстве, поэтому лучше, чтобы у них был адаптивный дизайн.
Как AMP-страницы выглядят на компьютере?
AMP-страницы одинаково хорошо выглядят на самых разных экранах. Если технология AMP поддерживает все нужные вам функции, вы можете создать AMP-страницы, у которых нет обычных версий, для показа как на компьютерах, так и на мобильных устройствах. Однако при просмотре AMP-страниц в результатах Google Поиска на компьютере функции AMP недоступны.

Советы по продвижению AMP-страниц в Google Поиске

Подробнее о создании AMP страниц

ПРОВЕРКА AMP СТРАНИЦ

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

Сервис провекрки AMP страниц Google

ЗАКЛЮЧЕНИЕ

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


Эффективные seo методы в 2019 году

Эффективные seo методы в 2019 году

От горчицы — огорчаются, от лука — лукавят, от вина — винятся, а от сдобы — добреют. Как жалко, что об этом никто не знает… Все было бы так просто. Ели бы сдобу — и добрели!

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

RANKSCIENCE автономно оптимизирует сайты

RANKSCIENCE автономно оптимизирует сайты

Искусство SEO-оптимизации под угрозой автоматизации. Стартап RankScience объявил о создании SaaS-решения, которое автономно запускает тысячи A/B тестов и оптимизирует позицию сайта в выдаче поисковиков

бизнес интсрументы в интернете на 2019 год

Программное обеспечение для бизнеса на 2019 год

Предпринимательство находится на подъеме и 2018 год стал знаменательным годом для бизнеса, чтобы сохранить эту тенденцию ознакомьтесь с нескоторыми программными инструментами для бизнеса на 2019 год