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

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

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

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

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

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

Оформление

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

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

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

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