Что такое AMP Stories
Опубликовано by Pavel Nakonechnyy on (изменено: ) в Web development. Метки: AMP.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 гиганты, они отлично понимают перспективу уже полюбившегося пользователям формата для поисковых запросов.