Как без кода создавать веб-истории Google на WordPress

Веб-истории Google создают уникальные «легкие» истории для мобильных пользователей. Они представляют собой оптимизированную по вертикали форму повествования, которая хорошо подходит для людей, находящихся в пути – примеры будут ниже.

С новым плагином WordPress для Google Web Stories вы сможете легко запустить необычную фишку на веб-сайте WordPress – код не требуется. При помощи простого интерфейса перетаскивания можно без труда создавать ваши истории и публиковать их в любом месте веб-сайта.

В данной статье вы узнаете, что такое формат веб-историй и какую пользу он принесет веб-сайту, и пройдете шаг за шагом создание истории с Google Web Stories на WordPress.

Что такое веб-истории Google

Веб-истории Google — это короткие фрагменты содержимого, оптимизированные для мобильных устройств. «История» состоит из серии вертикально расположенных слайдов, которые мобильные посетители могут перелистывать.

По словам Google: Веб-истории погружают читателей в быстро загружающееся полноэкранное взаимодействие. Без проблем создавайте визуальные повествования, с привлекательной анимацией и интерактивными взаимодействиями.Каждая страница в веб-истории может содержать не более 10 слов, а рекомендуемый размер для всей истории составляет от 4 до 30 страниц(или «слайдов»).

В историях можно демонстрировать вертикальные видеоролики до 15 секунд. Для видео необходимо добавить подписи, чтобы люди могли следить за ними без звука, находясь в общественном месте.

Предлагаем посмотреть пару примеров. Их необходимо смотреть на мобильном устройстве. Если вы работаете на настольном компьютере, то получите общее представление о веб-истории Google:

  • CNN Защита Антарктики
  • BBC Moon Mess
  • Атлантическая Амазонка Золотая лихорадка.

На техническом уровне веб-истории Google – это новый тип ускоренных мобильных страниц(AMP). Фактически их ранее называли AMP Stories, а далее изменили название на Web Stories.

Преимущества веб-историй Google

Использование веб-историй Google на веб-сайте WordPress дает пару преимуществ.

Они просто классные и предоставляют уникальный опыт для пользователей. Они предлагают привлекательный и уникальный метод рассказывать истории.

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

На практическом уровне веб-истории могут привлечь особое внимание к результатам поиска Google.

К примеру, для некоторых запросов Google будет включать поле ввода «Визуальные истории», которое включает только веб-истории. Вы также можете ранжировать веб-истории в Поиске изображений Google, что открывает новые функции для связи с поисковиками. Наконец, Google также включит веб-истории в Google Discover.

Стоят ли данные преимущества времени, затрачиваемого на создание веб-историй? Ответить сложно. Но определенно следует потратить некоторое время на эксперименты, особенно для издателей и блогеров.

Как использовать Google Web Stories на WordPress

Google работает над официальным плагином WordPress для веб-историй, который может без труда приступить к работе с веб-историями на веб-сайте WordPress.

Во время написания этого поста(июль 2020 года), плагин все ещё находится в бета-версии, но он скоро появится на WordPress.org.

Однако на данный момент вы можете без проблем найти плагин Web Stories на GitHub. Пока плагин находится в бета-версии, рекомендуем соблюдать осторожность при его использовании на крупных веб-сайтах.

Для начала загрузите плагин с GitHub. Установите его на WordPress, загрузив ZIP-файл, так же, как при инсталляции премиум-плагинов.

Активируйте плагин.

1. Создайте новую историю

После активации появится новая вкладка Истории на панели инструментов WordPress.

Чтобы создать первую историюз, перейдите в раздел Истории → Добавить новый.

2. Добавьте контент

После создания новой истории плагин запустит полноэкранную панель инструментов с тремя столбцами:

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

Конструктор использует различные слои, как если бы вы работали в Photoshop. Каждый элемент имеет в себя слой. К примеру, текстовый заголовок – это один слой, форма – другой слой, и так для каждого элемента.

Сначала необходимо установить фоновое изображение для истории. Нажмите на одно из картинок в медиатеке и при необходимости измените его размер. После параметра нажмите кнопку ‘ Установить как фон» на правой боковой панели:

Как без кода создавать веб-истории Google на WordPress

Чтобы добавить разные типы текста, перейдите на вкладку Текст в левом меню.

Добавив текст:

  • Отредактируйте текст.
  • Используйте настройки справа, чтобы настроить цвета, шрифты, размеры.

Как без кода создавать веб-истории Google на WordPress
Чтобы добавить фигуры, перейдите на вкладку Фигуры. К примеру, наложите фон под текст, чтобы людям было легче читать его.

Можно отрегулировать непрозрачность фигур, чтобы они не в полном объеме закрывали фоновое изображение. Чтобы убедиться, что текст расположен перед фигурой, используйте список слоев. Слой с текстом должен быть выше фона:

Как без кода создавать веб-истории Google на WordPress

Если вы планируете удалить слой, перетащить его с холста, и он автоматом исчезнет.

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

Обзор WP TikTok Feed: показ видео TikTok на WordPress.

3. Повторите для следующих слайдов

Чтобы продолжить создание вашей истории, повторите процесс для стольких слайдов, сколько вы хотели бы включить в историю. Google говорит, что истории должны быть длиной 4-30 слайдов.

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

Как без кода создавать веб-истории Google на WordPress

Дублируйте слайды, если хотели бы использовать то же базовое форматирование. Это сэкономит время.

4. Опубликуйте историю

Закончив настройку всех слайдов, опубликуйте историю. Перейдите на вкладку Документ справа и настройте пару дополнительных настроек.

Например, вы можете без труда изменить информацию об издателе и постоянную ссылку для истории.

Одним из наиболее важных настроек будет Page Advancement. Вы можете без проблем либо автоматически продвигать страницу через определенное число секунд(это работает как истории в Facebook и Instagram), либо вы можете позволить читателям продвигаться вручную при помощи стрелок:

Как без кода создавать веб-истории Google на WordPress

Сделав выбор, нажмите кнопку Опубликовать.

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

Вот пример того, как это выглядит на рабочем столе:

Как без кода создавать веб-истории Google на WordPress

И это все.

Создание веб-историй Google определенно требует времени, так что оно подходит не для каждого веб-сайта. Но это удобная среда для взаимодействия с пользователями, поэтому, возможно, следует поэкспериментировать на веб-сайте WordPress.

С технической точки зрения, плагин может просто создавать истории – вас могут сдерживать только временные затраты.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *