Развитие технологии AMP не остановилось на привычных нам AMP-версиях обычных HTML-страниц. Google пошел дальше и вслед за успехом Instagram Stories решил сделать свой аналог получивший название AMP Stories. К слову, помимо Google данный формат реализован и у других популярных платформ: Истории из ВКонтакте, Stories из Facebook и уже отключенные Нарративы из Яндекс.Дзена.
У Stories из соцсетей и Google есть ряд фундаментальных отличий, основные из них сведены в данную табличку:
Отличие | Google AMP Stories | Stories в соцсетях |
---|---|---|
Доступность | Доступна для всех | Ограничена соцсетью |
Индексируется поиском | Да | Нет |
Встраивается на сайте | Да | Нет |
Время существования | Сколько нужно | Ограничено (чаще всего сутки) |
Создание | HTML или конструктор | Конструктор соцсети |
Взаимодействие | Ссылки, кнопки, рекомендации | Голосования, лайки, личные сообщения |
Аналитика | Google Analytics или Яндекс.Метрика | Просмотры, взаимодействия |
Чем же Stories отличаются от обычных AMP? С точки зрения пользовательского опыта это те же Stories из Instagram, но реализованные на нашем сайте и открывающиеся в Google AMP Cache. А с точки зрения разработки это все те же AMP, только они используют дополнительную библиотеку amp-story и их контент размечен специальными тегами <amp-stories-slide> и <amp-stories-page>.
Для тех кто не сталкивался с форматом Stories, рекомендую просто один раз посмотреть (и лучше всего это сделать со смартфона). История может объединять изображения, видео и текст в красивом и анимированном слайдшоу.
Ролик на YouTube-канале проекта AMP, в котором был представлен формат Stories:
Показы Stories в Google
Google может показывать сниппеты ваших Stories в обычном поиске, поиске по картинкам, а также в Google Discover.
В обычном поиске сниппет выводится либо в сетке историй (например, при брендовом запросе), либо в привычном виде (как обычная страница). Чаще всего все-таки второе, так как в момент написания этой статьи сетка выводится только на английском языке и только в США.

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

В Google Discover сниппет выводятся либо в общей карусели историй (только в Бразилии, Индии и США), либо в привычном сниппете статьи со всё той же белой иконкой (только на английском, в США). Для тех кто не в теме, Discover - это лента рекомендованных материалов от Google в их приложении на iOS и Android.

Оптимизация страниц Stories
Если вы уже работали с AMP, то тут для вас не будет ничего нового.
На страницах Stories можно указать оптимизированный Title, а также мета-теги Description и Keywords (если кто-то его ещё заполняет). Также возможно указание любой микроразметки в формате JSON-LD: BreadcrumbList, Article, Event и Product.
Что касается контента, то его вы можете размечать его любыми нужными для SEO тегами: <h1>..<h6>, <p>, <ul> <li>, <img>, <table> и многими другими.
Для того чтобы страница Stories была проиндексирована, её конечно же необходимо включить в XML карту сайта, а также поставить на нее внутреннюю ссылку (желательно с главной).
Советы по созданию
Постарайтесь в своем материале рассказать максимально полную историю и сделать это как можно интереснее и приятнее глазу.
Используйте вместо фона слайда изображения или видео, улучшающие погружение в контент или позволяющие лучше раскрыть текст. При этом фон должен заливать весь слайд, а не только его часть.
Не переборщите с текстом, слайд не должен выглядеть как полотно. Придерживайтесь ограничения не более 10 слов на слайде.
Контент по-прежнему должен быть доступен для поисковых систем и читалок. А потому изображения и видео должны иметь заполненный атрибут alt, если они находятся в отдельном теге.
Постарайтесь не использовать видео длинной более 15 секунд. Во-первых большие видео не нужны вашим пользователям, а во-вторых легкие и быстрые AMP Stories будут не такими уж и легкими и быстрыми.
Некоторые пользователи смотрят Stories без звука, а потому дублируйте всю озвученную информацию текстом.
Дайте читателям возможность листать, оптимальное количество слайдов в формате Stories от 10 до 20.
Изображения должны быть хорошего качества, чтобы на слайдах не было видно эффекта пикселизации (желательно 720 на 1080 пикселей и портретная ориентация). У видео к этому добавляется требование большого количества кадров в секунду (как минимум 24) для плавности картинки.
Размещайте на первом же слайде не только заголовок,но и логотип бренда (или имя автора) и дату публикации. Иначе пользователи попавшие через Google на ваш нарратив просто нет поймут чей он и давно ли создан (особенно если он на тему, для которой материал теряет актуальность со временем).
Популярные ошибки
Избегайте популярных ошибок связанных с оформлением и наполнением AMP Stories.
Ошибка 1 - Вывод видео или изображений в небольшом окне, не фоном.

Ошибка 2 - Отсутствие заголовков.

Ошибка 3 - Отсутствие субтитров для речи.

Ошибка 4 - Низкая контрастность между текстом и фоном.

Ошибка 5 - Наличие моноцветной заливки.

Наглядный кейс
Прежде чем писать эту статью я уже протестировал формат AMP Stories, создав подборку с идеями подарков девушкам на новый год на своем статейном AMP-only сайте.
Самое интересное тут, что Google не то что не стал её показывать в поиске и Discover, он даже ее не проиндексировал! Хотя времени уже прошло прилично с отправки на сканирование, а также страница была добавлена в карту сайта и на неё проставлена ссылка с главной страницы (которая тоже была повторно просканирована). Причем обычно на этом сайте статьи очень быстро попадают в поиск. Думаю, причина в малом количество уникального текстового контента и отсутствии внешних ссылок.
В Яндексе же всё наоборот, он быстро проиндексировал страницу и учел её контент со всех слайдов (кроме изображений):

Резюмируем
Если вы уже где-то выкладываете интересные сториз, то странно удерживать этот контент в рамках одних соцсетей, попробуйте использовать возможности AMP Stories. Только стоит понимать, что если вы не продвигаете сайт на английском под США, то практически никаких преимущества в Google поиске и Google Discover вас не будет. А потому лучше всего воспринимать это сегодня лишь как библиотеку для простой реализации Stories на вашем сайте.
Продвигал основные сайты таких компаний как ВТБ, Альфа-Банк, Газпром АГНКС, Технопарк и BMW Борисхоф.
Спикер конференций Optimization в Сколково, Merge в Иннополисе, SEO без воды и многих других.