Pavel Nakonechnyy

Что такое AMP Stories

Опубликовано by Pavel Nakonechnyy on (изменено: ) в Web development. Метки: .

AMP Stories (теперь Web Stories with AMP) — новый веб формат доставки сторис контента, основанный на технологии AMP.

Сторис (истории) — формат контента, состоящий из набора вертикальных динамичных слайдов 9:16, проматываемых автоматически или вручную. Каждый слайд в сторис может содержать картинки, тексты, фоны, видео или аудио контент.

Сторис как формат зародились в Snapchat, что дало стремительный рывок развитию соцсети. А 2 августа 2016 аналогичный функционал появился и в Instagram. Сейчас сторис также доступны в ВК и Facebook. Они стали одним из самых конвертируемых форматов соцсетей: полоска сторис показывается на главной странице, а их просмотр полностью автоматизирован.

Пользователи хотели быстро и наглядно видеть, что человек делает сейчас. Формат сторис решил эту проблему и стал прорывом в сторителлинге. А AMP Stories позволяет нам просматривать сторис в браузере по ссылке, которые ещё и индексируются поисковиками. И они не удаляются через 24 часа.

Элементы и особенности AMP Stories

Давайте подробнее разберём ключевые элементы и особенности AMP Stories как формата и технологии:

Страница. Сторис состоят из страниц. Каждая страница может состоять из набора элементов, таких как фон, текст, изображения, видео, embed твиты и Github gists. В сторис вставляют от 2 до 40 страниц. Они проматываются автоматически каждый определённый промежуток времени или вручную пользователем.

Видео. Разработчики AMP рекомендуют вставлять видео только в качестве фона слайда, а также ограничить длительность видеофрагментов до 15 секунд.

Анимация. Элементы страницы сторис могут быть анимированы как в целом, так и по-отдельности. Пример сторис с анимацией

Bookend — элемент сторис AMP, которых вы не найдёте в соцсетях. Bookend — небольшое проматываемое окошко, которое видит пользователь после окончания истории. В нём вы можете порекомендовать ему другой контент, добавить кнопки «поделиться» или вставить ссылку на сайт.

Приложение — дополнительный блок классического текстографического контента к странице, который пользователь сможет открыть кнопкой в нижней части сторис. Например, если в истории вы делаете сторис об особенностях климата Индонезии, то в приложение вы можете вставить энциклопедическую информацию. Вместо содержимого можно использовать ссылку на страницу на сайте.

Призыв к действию — дополнительный слой сторис, который расположен в нижней части страницы. Туда обычно вставляют кнопки для перехода на сайт или другие сторис.

Кроссплатформенность. AMP Stories уверенно работают в Chrome и Firefox (мобильные и ПК). В Edge проблемы с анимацией при смене страниц на большом экране.

SEO. Google уже индексирует Stories, а в ближайшем времени на страницах начнёт появляться блок с лучшими сторис по запросу. Ниже — подтверждение с AMP Conf 2019:

Аналитика. AMP Stories могут включать несколько видов аналитики, таких как Google Analytics. Страница документации AMP по аналитике сейчас сломана.

Реклама. AMP Stories могут включать рекламные страницы через Google Ad Manager.

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

По этой же причине я решил посвятить формату AMP Stories целое руководство.

544