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

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

Изучите WordPress: Просмотрите более 300 бесплатных руководств по WordPress.

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

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

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

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

Пример 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

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

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

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

Связанный: Как создать бесплатную инфографику в Canva?

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

Когда открывается редактор веб-историй, плагин по умолчанию скрывает боковую панель 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 из опубликованной истории

Заключительные слова

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

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

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

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