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 и другие страницы, чтобы первыми видеть всё самое интересное!
Смотрите также: