Разное,  Фотография

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

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

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

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

Web Stories Google 2020: настройка истории в бета-версии плагина WordPress
Пример рабочего окна плагина с созданной историей.

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

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

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

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

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

Возможности и баги Web Stories Google 2020
Пример рабочего окна плагина Web Stories Google для WordPress (бета-версия 1.0.0).

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

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

Заготовки историй в Dashboard бета-версии Web Stories
Заготовки для историй в разделе Dashboard.

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

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

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

Основные рабочие окна плагина для создания веб-историй в Гугл 2020
Всё, что предоставляет Гугл для формирования историй на сайтах WordPress.

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

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

Пример конструктора веб-историй для Гугл - makestories
Один из онлайн-конструкторов историй для Google — makestories.

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

Баги и проблемы плагина 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.

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

Баги и медленная загрузка веб-историй Гугл в августе 2020 года (пример теста PageSpeed)
Замер скорости образца истории от Гугл в PageSpeed Insights.

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

Замер скорости работы веб-историй от Google на ПК с помощью PageSpeed
Тест Web Stories для ПК в PageSpeed insights.

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

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

Проверка тестовой веб-ситории инструментом для тестирования AMP-страниц
Проверка тестового результата не выявляет багов, но есть ещё дополнительные значения!
Даже в тестовом образце веб-ситорий от Гугл есть проблемы с разметкой
В дополнительных параметрах проблемы с разметкой есть. Упс!

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

Моя первая веб-ситория для поисковой системы Гугл
Моя первая веб-история при проверке не выдала никаких ошибок.

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

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

Тест Web Stories от CNN показывает слабые стороны веб-историй
Веб-история от CNN набрала всего 40 баллов в тесте PageSpeed.

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

Проблемы Web Stories на примере Washington Post
Ещё один тест истории в PageSpeed.

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

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

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

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

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

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

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

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

Каким блогам подойдут веб-истории от Гугл в 2020 году

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

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

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

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

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

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

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

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

Веб-истории Гугл - выводы о том, стоит ли использовать плагин в 2020 году

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

Понравилась статья? Поддержите автора донатом, заказом фотосессии или покупкой фото!

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

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

Фотограф, гик, ретушёр.

Добавить комментарий

Ваш адрес email не будет опубликован.