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

Когда-то Интернет был заполнен статическими HTML-сайтами. Веб-мастерам было легко создать и забыть о веб-сайте на долгие годы. Однако в последние годы ситуация изменилась с революцией смартфонов и динамических веб-сайтов. В настоящее время вы должны использовать новейшие технологии для мобильных телефонов, чтобы оставаться в курсе всех событий в Интернете. Некоторое время Google продвигал AMP для создания высокоскоростных мобильных страниц. И последняя из них — Google Web Stories, предлагающая читателям визуальные истории вместо скучного текстового контента. В этой статье мы объясним, как добавить Google Web Stories на сайт WordPress.

Что такое Google Web Stories?

Google Web Stories — это формат визуального контента для мобильных устройств. В отличие от Instagram и других форматов историй в социальных сетях, Google Web Story — это формат с открытым исходным кодом. Это означает, что вы можете создавать, встраивать и распространять их где угодно в Интернете.

  • Это в формате повествования с визуальными элементами, такими как презентация PowerPoint.
  • Особое внимание уделяется оптимизации на мобильных устройствах, в то время как вы также можете просматривать веб-истории на настольных компьютерах.
  • Вы можете создавать привлекательные истории, используя аудио, видео и изображения, вместо того, чтобы полностью полагаться на традиционный текстовый контент.
  • Веб-истории основаны на технологии AMP и ранее назывались AMP Stories. Поэтому страницы веб-историй необходимо проверять на соответствие формату AMP.

Вы можете просмотреть примеры веб-историй в Веб-сайт Google Web Stories и многие другие популярные медиа-сайты, такие как CNN

Пример Google Web Story
Пример Google Web Story

Почему вам следует сосредоточиться на веб-историях Google?

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

  • Визуальное повествование становится популярным в социальных сетях. Эта тенденция, вероятно, сохранится еще несколько лет, и у вас есть хорошие шансы привлечь пользователей с помощью Google Web Stories.
  • В отличие от социальных историй, Google имеет формат с открытым исходным кодом. Это позволяет вам легко делиться контентом на своем веб-сайте и предлагать ссылку для встраивания или публикации другим пользователям.
  • Веб-истории Google являются частью раздела «Обнаружение» в поиске Google, который отображается поверх других текстовых результатов. Следовательно, это огромная возможность занять первое место в поиске Google, используя и продвигая свои веб-истории. Кроме того, Google также показывает веб-истории в изображениях и в обычном разделе поиска, что делает его более привлекательным для веб-мастеров.
  • Вы можете монетизировать истории и зарабатывать на них деньги.

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

Есть несколько способов создания веб-историй Google:

  1. Используйте официальный плагин Google на платформе WordPress
  2. Индивидуальная разработка
  3. Сторонние приложения, такие как News Room AI и MakeStories.

В этой статье мы расскажем только о части плагина WordPress.

Плагин Google Web Stories для WordPress

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

На данный момент плагин не поддерживает интеграцию с Google AdSense. Однако мы надеемся, что Google скоро включит это, чтобы все издатели могли активно тратить время на создание историй.

Установка плагина Google Web Stories WordPress

Войдите в админ-панель WordPress и перейдите в раздел «Плагины> Добавить». Выполните поиск по запросу «веб-истории», чтобы найти плагин веб-историй.

Установить плагин Google Web Stories
Установить плагин Google Web Stories

Установите и активируйте плагин на своем сайте. После активации вы можете увидеть баннер, как показано ниже, для просмотра некоторых историй.

Перейти к баннеру панели инструментов
Перейти к баннеру панели инструментов

Нажмите кнопку «Перейти к панели управления историями».

Параметры плагина веб-историй

Либо перейдите в меню «Истории> Мои истории», чтобы просмотреть раздел панели инструментов.

Раздел
Раздел «Мои истории»

Панель инструментов содержит меню боковой панели для следующих опций:

  • Создать новую историю — это приведет вас к редактору рассказов.
  • Мои истории — Он содержит все ваши ранее созданные истории, похожие на страницу сообщений.
  • Изучить шаблоны — получить стартовые шаблоны, поставляемые с плагином.
  • Настройки редактора — добавьте сюда логотип и код отслеживания Google Analytics.
  • Служба поддержки — вы перейдете на сайт разработчика Google AMP, где сможете прочитать справочные документы.

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

Использование шаблонов

Google предлагает менее десяти предопределенных шаблонов с плагином. Если вы создаете веб-историю впервые, мы рекомендуем использовать шаблоны из библиотеки, щелкнув меню «Исследовать шаблоны».

Просмотр шаблонов веб-историй
Просмотр шаблонов веб-историй

Наведите указатель мыши на любой шаблон и нажмите ссылку «Подробнее».

Нажмите Просмотреть подробности
Нажмите Просмотреть подробности

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

Посмотреть детали шаблона
Посмотреть детали шаблона

Создание первой веб-истории

После того, как вы определились с шаблоном, нажмите кнопку «Использовать шаблон», чтобы начать рассказ на основе этого шаблона. Вы попадете в редактор историй для редактирования выбранного шаблона.

Редактор веб-историй Google
Редактор веб-историй Google

Если вы хотите начать свою историю с нуля, нажмите кнопку «Создать новую историю» на панели инструментов плагина. Вы перейдете в тот же редактор историй с пустым холстом, чтобы начать свою историю.

Создать историю с нуля
Создать историю с нуля

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

Интерфейс редактора веб-историй

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

Использование медиа в Web Story

Первый раздел редактора позволяет:

  • Просматривайте или загружайте изображения / видео в медиа-библиотеку. Перетащите изображение или видео в раздел предварительного просмотра, чтобы начать добавление содержимого.
  • Если у вас нет хороших изображений, щелкните небольшой значок изображения вверху, чтобы получить изображения без лицензионных отчислений с Unsplash. Вы можете получить бесплатные изображения, GIF и видео для вставки в свою историю.
Получите бесплатные медиафайлы от Unsplash
Получите бесплатные медиафайлы от Unsplash
  • Щелкните значок текста, чтобы просмотреть все доступные текстовые элементы. Существуют разные стили текста, доступные для заголовка, списка, шага, обложки, таблицы, контакта и т. Д. Вы также можете автоматически сопоставить шрифт в соответствии с шаблоном истории.
Вставить текст в историю
Вставить текст в историю
  • Последний вариант в разделе медиа — это формы. Просто перетащите фигуру на холст, чтобы добавить ее на страницу истории.
Медиа-раздел для фигур
Медиа-раздел для фигур

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

Раздел предварительного просмотра редактора

Хотя в этом разделе показан предварительный просмотр, здесь вы можете сделать многое другое. Вы можете добавить заголовок, добавить / удалить / дублировать страницу, воспроизвести историю, просмотреть и опубликовать.

Предварительный просмотр раздела
Предварительный просмотр раздела

Вы можете перетащить каждый элемент и настроить в соответствии с вашим воображением.

Настройка элементов

Выбор элемента на холсте предварительного просмотра покажет вам параметры настройки в последнем разделе на вкладке «Дизайн». Вы можете изменить цвет фона, добавить анимацию, вставить несколько слоев, вставить гиперссылку и настроить страницу истории.

Настроить элементы в истории
Настроить элементы в истории

Раздел «Документ» аналогичен редактору сообщений в WordPress. Здесь вы можете изменить постоянную ссылку, добавить мета-описание, установить продолжительность слайда и добавить изображение обложки для своей истории.

Настройка SEO для истории
Настройка SEO для истории

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

Проверьте ошибки с помощью контрольного списка
Проверьте ошибки с помощью контрольного списка

Встраивание истории в сообщения

Кнопка «Опубликовать» покажет вам предупреждения, если в контрольном списке есть открытые элементы. Вы можете исправить все ошибки и опубликовать свою историю в Интернете. После публикации вы увидите окно, как показано ниже, с просьбой просмотреть или встроить в сообщение.

История опубликована
История опубликована

Нажмите «Добавить в новое сообщение», чтобы открыть редактор сообщений WordPress со встроенной историей. Вы можете настроить выравнивание и размер истории и опубликовать пост.

Вставить историю в редактор Гутенберга
Вставить историю в редактор Гутенберга

Либо перейдите в меню «Истории> Мои истории» и нажмите кнопку с тремя точками под своей историей. Вы можете получить URL-адрес истории здесь. Это должно быть что-то вроде https://yoursitename.com/web-stories/my-first-story/. Вы можете встроить этот URL-адрес в любое сообщение или страницу на своем сайте или на внешнем сайте.

Получить URL-адрес истории
Получить URL истории

Обратите внимание, что плагин Web Stories также предлагает встроенный блок под названием «Web Stories» для редактора Gutenberg. Вы можете использовать этот блок для встраивания любой своей истории в сообщения и страницы.

Блок встраивания веб-историй
Блок встраивания веб-историй

На опубликованном веб-сайте история будет содержать значок «Поделиться». Пользователи могут щелкнуть по нему, а затем кнопку «Получить ссылку», чтобы скопировать URL-адрес истории для совместного использования.

Поделиться URL из опубликованной истории
Поделиться URL из опубликованной истории

Похожие записи

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

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