Рекомендации по созданию веб-историй

Наши советы помогут вам создавать веб-истории, которые будут интересны пользователям. Мы рекомендуем начать с ключевых рекомендаций, а если у вас останется время, то применить и остальные.

Контент для историй

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

Прочие рекомендации

Дополнительные рекомендации в отношении веб-историй
Выражайте свою точку зрения Не ограничивайтесь изложением фактов. Делитесь своим мнением. Будьте главными героями своих веб-историй. Рассказывайте о том, что волнует аудиторию.
Продумайте законченный сюжет Каждая страница вашей истории должна удерживать интригу. Предложите пользователю последить за увлекательным и связным сюжетом. Ваша задача – заинтересовать зрителей настолько, чтобы им захотелось досмотреть веб-историю до конца.

Оформление

Ключевые рекомендации в отношении оформления
Сокращайте количество символов В веб-истории не должны преобладать страницы, содержащие только текст. Старайтесь, чтобы на каждой странице было не больше 280 символов (как в твите).
Убедитесь, что текст удобно читать Текст на странице не должен быть скрыт другими элементами. Лучше не делать текст частью изображения, поскольку при изменении размера изображения под экраны разных устройств он может оказаться под другими элементами.
Следите, чтобы текст не выходил за границы экрана Весь текст веб-истории должен быть хорошо виден пользователю. Лучше не делать текст частью изображения, поскольку при изменении размера изображения под экраны разных устройств он может оказаться невидимым.
Не переборщите с анимацией Этот инструмент позволяет сделать историю более выразительной. Но отвлекающие или повторяющиеся анимированные элементы могут быстро утомить пользователя.

Прочие рекомендации

Дополнительные рекомендации в отношении оформления
Адаптируйте призывы к действию к формату веб-историй Если в ваших веб-историях используется контент, изначально разработанный для Instagram, Snapchat, YouTube или другого сервиса, убедитесь, что в них нет призывов к действию, типичных для этих сервисов. У пользователей должна быть возможность выполнить любое действие, предложенное им в веб-истории.
Размещайте видео и изображения без рамки по краям Отсутствие рамок по краям объектов делает веб-истории более привлекательными для зрителей.
Видео или изображения не должны быть некачественными или искаженными Используйте изображения в высоком разрешении и будьте внимательны при их адаптации для вертикального расположения.
Добавьте логотип вашей компании на первую страницу истории Пусть началом вашей веб-истории станет логотип в высоком разрешении, который представляет ваш бренд.
Соблюдайте ограничение на длительность видео Не рекомендуем делать видео на каждой странице длиннее 15 секунд. Максимальная продолжительность – 60 секунд.
Добавьте звук Рекомендуем добавлять в веб-историю высококачественные аудиофрагменты длительностью не менее 5 секунд, убедившись, что громкость звука в них сбалансирована, а речь хорошо слышна.
Используйте автоматический переход между страницами Если истории состоят только из видео, зрителю удобнее, чтобы переход происходил автоматически.

Поисковая оптимизация

Ключевые рекомендации в отношении поисковой оптимизации
Размещайте качественный контент Самое важное для веб-истории, как и для любой веб-страницы, – качественный контент, который интересен и полезен зрителям. Чтобы удерживать внимание аудитории, ваша веб-история должна иметь законченный сюжет и соответствовать нашим рекомендациям.
Избегайте длинных заголовков Длина заголовков не должна превышать 90 символов. Мы рекомендуем использовать информативные заголовки, в которых не больше 70 символов.
Проверьте, могут ли роботы Google обрабатывать вашу веб-историю Не добавляйте в веб-историю атрибут noindex. Он не позволит нашим роботам проиндексировать страницу, и ваша страница не будет показываться в результатах поиска Google. Не забывайте добавлять все свои истории в файл Sitemap. Выяснить, доступны ли ваши веб-истории роботам Google, вы можете с помощью отчета об индексировании и отчета по файлам Sitemap в Search Console.
Убедитесь, что веб-история является канонической страницей Все веб-истории должны быть каноническими страницами. Убедитесь, что каждая веб-история содержит элемент link rel="canonical", ссылающийся на нее же. Пример: <link rel="canonical" href="https://www.example.com/url/to/webstory.html">
Добавьте метаданные

Приведите свои веб-истории в соответствие с правилами в отношении метаданных в AMP-историях, а также добавьте разметку, необходимую для обычной веб-страницы, например следующую:

Прочие рекомендации

Дополнительные рекомендации в отношении поисковой оптимизации
Добавьте структурированные данные Если в веб-историю добавить структурированные данные, роботам Google будет проще анализировать ее структуру и контент.
Добавляйте атрибуты alt для изображений Если добавлять атрибуты alt для изображений, пользователи будут чаще находить вашу историю.
Добавьте веб-истории на свой сайт

Рекомендуем вам интегрировать веб-истории с контентом основного сайта. Один из способов сделать это – добавить ссылку на них на главную страницу или страницы определенных категорий. Предположим, ваша веб-история посвящена пляжному курорту и у вас есть страница, где перечислены все статьи по теме туризма. В таком случае ссылку на веб-историю можно также добавить на эту страницу. Кроме того, можно создать специальную целевую страницу (например, www.example.com/stories) и связать ее с основными страницами сайта.

Прикрепляйте дополнительные материалы к страницам AMP-историй Если вам нужно предложить аудитории какие-либо материалы в дополнение к веб-истории, вы можете прикрепить их к странице AMP-истории.
Добавляйте субтитры к видео Чтобы пользователям было удобнее смотреть веб-историю, добавьте субтитры к видео в ней. Мы не рекомендуем использовать встроенные субтитры: они могут не поместиться на экране или закрывать контент на нем.
Сделайте веб-истории, содержащие только видео, максимально удобными для просмотра

Рекомендуем создавать веб-истории с помощью семантической разметки HTML. Однако некоторые инструменты для редактирования веб-историй экспортируют контент в видеофайлы таким образом, что весь текст становится частью изображения. В этом случае рекомендуем добавлять текст, который предназначен для показа в видео, в качестве атрибута title элемента amp-video. Напоминаем: этот вариант вам подойдет, только если вы не можете использовать в веб-историях семантическую разметку.

Предусмотрите поддержку экранов с горизонтальным расположением В результатах поиска Google на компьютерах могут появляться только веб-истории, которые можно смотреть на экранах с горизонтальным расположением.

Технические рекомендации

Ключевые технические рекомендации
Проверьте, нет ли в веб-истории ошибок Убедиться в том, что ваша веб-история не содержит ошибок и отвечает требованиям к AMP-страницам, можно с помощью специального инструмента. Если он обнаружит какие-либо ошибки, исправьте их.
Не добавляйте текст на главную страницу Старайтесь не использовать на главной странице веб-истории изображения, на которые наложен текст. Это может привести к тому, что при предварительном просмотре истории в результатах поиска ее название будет трудно прочитать, и пользователи утратят интерес к ней.
Используйте на главной странице изображение с подходящим соотношением сторон и размером С атрибутом <amp-story> poster-portrait-src должно быть связано изображение с соотношением сторон 3:4 и размером не менее 640 x 853 пкс.
Используйте логотип с подходящим соотношением сторон С атрибутом <amp-story> publisher-logo-src должно быть связано изображение логотипа с соотношением сторон 1:1 и размером не менее 96 x 96 пкс.

Прочие рекомендации

Дополнительные технические рекомендации
Добавьте свойство og:image Чтобы аудитории было проще находить вашу историю, добавьте в теги <meta> свойство og:image.

Другие ресурсы