Web Stories Google — возможности и баги в августе 2020

В начале августа 2020 года плагин для создания веб-историй на CMS WordPress от Google доступен только в бета-версии и устанавливается напрямую со страницы разработчика или GitHub. В этой статье я постараюсь разобраться, какие возможности и баги есть у Web Stories.

Примечание: тестирую веб-истории «в лоб», без попытки залезть под капот плагина или создать публикацию на сторонних ресурсах. Только возможности из коробки, только хардкор!

Апдейт: плагин вышел из беты. Больше подробностей читайте в этой статье)

Возможности Web Stories для WordPress (бета-версия 1.0.0).

Основные возможности веб-историй от поисковой системы Гугл — проигрывание фото и видео контента через заданные промежутки времени (по умолчанию равные 7 секундам) или по клику пользователя. Контент добавляется на вертикальные окна, «стандартные» для историй в социальных сетях.

Единственная разница — скупость настроек. По сравнению с Instagram, истории от Google не отличаются разнообразием: настроить можно только цвет фона, заголовок, подзаголовок, форматирование, цвет и стиль текста, вариант заливки (fill, highlight — заполнение и выделение). Что ещё можно сделать? Добавить ссылку на какую-либо страницу сайта вместе с описанием, обложкой и логотипом страницы, сформировать обложки для публикаций, на которые вы ссылаетесь, а также создать/посмотреть ссылку на готовую историю.

Во время заполнения либо после публикации можно посмотреть историю с помощью кнопки "View Story" или "Preview".

Основная панель редактирования, на которой расположены «плашки» — слайды для заполнения, выглядит так:

Первоначально перед вами будет 1 белый лист без надписей и картинок. Фото и текст, как на примере выше, вы создаёте своими руками. Под основным окном располагаются 3 иконки: корзина для удаления страниц, кнопка для дублирования выбранного листа и «плюс» для создания новой страницы. Все действия можно отменить или вернуть обратно с помощью стрелок внизу; кнопки по бокам листают страницы вперёд-назад.

Можно сделать всё с нуля, либо воспользоваться заготовками, расположенными в Dashboard плагина Web Stories.

При создании истории в консоли макеты не предлагаются! Их можно запустить только из меню плагина (раздела «Explore Templates»).

Совместил три скриншота с окном добавления текста, основных форм, картинок и видео. Только с последовательностью слукавил. По умолчанию она иная: сначала фото и видео, затем текст, после формы.

Пример основных настроек Web Stories Google 2020:

Забавный нюанс: все элементы добавляются в плагине на манер графического редактора, хранясь в панели «Layers» в правом нижнем углу экрана. Удаляются они при помощи выделения и нажатия клавиши Del. При простом нажатии на экран и удалении лично у меня текст не удаляется, хотя возможно, что это всего лишь глюк системы.

Альтернативу созданию историй в WordPress предоставляют 3 площадки, ссылки на которые размещены на странице AMP. WYSIWYG-редакторы отличаются расширенными возможностями для формирования и публикации историй, используют библиотеки графики и шрифтов, которые могут отсутствовать на вашем сайте.

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

Баги и проблемы плагина Web Stories для CMS WordPress от Google в 2020 году.

• При создании заголовков могут самопроизвольно удаляться последние части предложения (обычно 1-2 слова), при этом в меню редактирования они есть;
• Может не удаляться текст с первой попытки;
• При удалении всей истории из Dashboard плагина история удаляется полностью, минуя корзину. Восстановить историю после случайного удаления не получится;
• Несмотря на утверждение, что формат веб-историй в Гугл инновационный и практически «мгновенный», большая часть тестовых примеров показывает в лучшем случае среднюю, а в худшем — низкую скорость даже в тесте PageSpeed;
• В первые дни после внедрения веб-историй проверка с помощью инструмента для тестирования AMP-страниц выдавала ошибки. Сейчас они выдаются только для отдельных параметров страниц и не для всех сайтов, но из-за ошибок истории могут не попадать в расширенные результаты поиска Google;
• Если вы используете шрифты Google, GIF, картинки и видео большого размера для оформления историй, скорость загрузки со смартфонов в тесте PageSpeed падает со средней (57-71) до очень низкой (30-50);
• Даже оптимизация изображений и уменьшение количества текста до минимума не поможет — скорость загрузки страниц будет высокой только при очень небольшом размере картинок, что лишает истории всякой привлекательности. Историям «из коробки» явно не хватает оптимизации;
• В Web Stories не предусмотрены поля для ввода ключевых слов и описания. SEO-плагины не работают с бета-версией, за исключением настройки Schema, URL;
• Ссылки в историях прикрепляются для всего абзаца, а не только для выделенного участка текста;
• Текст ссылки сильно обрезается, в итоге видна лишь небольшая часть названия. Проблему можно решить при назначении названия ссылки вручную;
• Работа плагина не протестирована с текущей версией WordPress, поэтому он может иметь потенциальные проблемы с безопасностью.

Это основные недостатки плагина, которые нашёл при беглом изучении бета-версии Web Stories для WordPress.

Глюки и баги — вещь неприятная, но вот низкая скорость загрузки — это куда более серьёзная проблема. Что примечательно, проблема касается не только моей «слепленной наугад» презентации, но и демонстрационных примеров!

Причём проблемы со скоростью загрузки касаются только мобильной, но не ПК версии:

Мой результат в PageSpeed чуть выше, но всё равно далёк от идеала — 76 и 98 (сравните это с 95\96 или 97\100, которые выдаются для большей части обычных публикаций).

Результат тестирования истории инструментом для проверки AMP-страниц:

Простые истории, создаваемые с помощью плагина Web Stories, при проверке ошибок не выдают:

Хорошие результаты тестирования AMP-страниц ещё не значат, что Web Stories Google будут отлично грузиться на смартфонах. Даже статичные или сжатые для сети изображения с минимумом текста и ссылок в историях могут загружаться до 4-5 секунд при медленном соединении.

Стоит добавить больше контента — скорость загрузки упадёт ещё сильнее, например, до 5,5-6 секунд (для полной загрузки тяжёлого контента). Такой результат показывает тест истории от CNN:

6,3 секунды до взаимодействия, 5,5 секунд на отрисовку крупного контента, первое время загрузки больше 3 секунд, большое время блокировки, — всё это явно не соответствует рекомендациям Гугл.

PageSpeed — не показатель реальной скорости загрузки истории на смартфонах. Тем не менее уже в 2021 году показатели Lighthouse будут одним из факторов, влияющих на выдачу публикаций в Гугл. Хотя у историй может быть отдельный раздел, их не стоит перегружать контентом!

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

Стоит ли использовать Web Stories?

Несмотря на очевидные недостатки вроде медленной загрузки и небольшого количества настроек, Web Stories Google стоит использовать, чтобы получить конкурентное преимущество в поисковой системе. Вопрос лишь в том, нужно ли делать это именно сейчас?

В августе 2020 года плагин находится на бета-тестировании. Какие баги и конфликты могут возникнуть — никому не известно. Как сильно изменится формат историй, не придётся ли вам по пять раз переделывать подборки до выхода альфа-версии — тоже сказать сложно.

Хотите быть на гребне волны и вырваться вперёд конкурентов -  используйте все доступные инструменты, но будьте готовы к тому, что это принесёт много головной боли. Важнее стабильность сайта? Лучше подождать выхода финальной версии плагина Web Stories для WordPress и гайдов по созданию историй!

Кому подойдут Web Stories от Гугл?

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

Веб-истории не рассчитаны на большое количество текста. Не нашли ничего, что подойдёт рассказу или статье в качестве оформления, — не тратьте на это время, лучше сделайте упор на что-то иное.

Для веб-историй желательно использовать вертикальные изображения. Картинки, ориентированные по горизонтали, в Web Stories будут обрезаться, либо занимать меньшую часть экрана, как и в историях, которые публикуются в социальных сетях (например, в Instagram).

Советы по созданию веб-историй для Гугл 2020.

• Уменьшайте размер картинок и видео перед публикацией. Web Stories с картинками и клипами большого размера будет грузиться долго даже при высокой скорости соединения;
• Не злоупотребляйте рекламой и ссылками;
• Рекомендуемый объём истории — от 5 до 20 страниц, хотя допускается и 10-30;
• Не добавляйте на одной странице веб-истории больше одной ссылки или прикрепляемого файла (картинки), это затруднит восприятие, увеличит время загрузки и процент отказов;
• Сопровождайте прикреплённые ссылки и файлы описанием того, что будет при нажатии на них или что пользователи получат при скачивании;
• В веб-истории можно размещать только 1 партнёрскую ссылку. Ссылкам на свои страницы также не стоит злоупотреблять;
• Рекомендуемая длина заголовка — до 40 символов;
• Каждая страница должна передавать 1 идею. Избегайте слишком длинных фраз;
• В тексте на одной странице Web Stories должно быть не более 200 символов. Ещё лучше использовать короткие предложения и избегать краёв (границ истории), чтобы они одинаково хорошо воспринимались на разных устройствах;
• Видео в веб-историях не должно быть дольше минуты, рекомендуемая продолжительность — 15 секунд и менее;
• Если вам необходимы расширенные настройки для SEO, рекламы, прикрепляемых файлов, лого и авторства, лучше использовать сторонние решения, чем плагин Web Stories для WordPress.

Больше советов читайте в справочном разделе Google.

Веб-истории Гугл: общие выводы.

В отдалённой перспективе плюсы плагина Web Stories для WordPress очевидны: публикации собираются за несколько минут, удобно демонстрируются на мобильных устройствах, ориентируются на визуальную, а не текстовую часть. Это позволит привлечь дополнительный трафик из поисковой системы, особенно для сайтов с развлекательным контентом, фотографиями или артами.

При этом минусы Web Stories не менее впечатляющие: минимальное количество настроек, в том числе для SEO, долгое время выполнения кода, блокировка отображения, медленная загрузка на смартфонах со слабым соединением.

Вердикт: веб-истории — крутой, но очень сырой инструмент, поэтому лучше подождать выхода плагина из бета-тестирования, прежде чем начинать активно его использовать.

Понравилась статья?

Делитесь публикацией с друзьями, пишите комментарии, подписывайтесь на Telegram, Boosty и другие страницы, чтобы первыми видеть всё самое интересное!

Смотрите также:

• Как правильно заполнить лицензию на картинки в Google 2020?
• Подборка бесплатных фото с галактикой Млечный Путь и стоковых фонов на продажу
• Где наблюдать комету NEOWISE в начале августа 2020 года?
• Список преимуществ и недостатков Spotify 2020