如何在 WordPress 中添加谷歌网络故事?

一旦准时,互联网上充斥着静态 HTML 网站。 多年来,网站管理员很容易创建和忘记网站。 然而,近年来,随着智能手机和动态网站的革命,情况发生了变化。 如今,您必须采用最新的手机技术才能保持在互联网上。 谷歌一直在推动 AMP 用于创建高速移动页面。 最新的是谷歌网络故事,它为读者提供视觉故事,而不是无聊的基于文本的内容。 在本文中,我们将解释如何在 WordPress 网站中添加 Google Web Stories。

什么是 Google 网络故事?

谷歌网络故事是移动设备的视觉内容格式。 与 Instagram 和其他社交媒体故事格式不同,Google Web Story 是一种开源格式。 这意味着,您可以在互联网上的任何地方创建、嵌入和分发它们。

  • 它采用讲故事的格式,带有 PowerPoint 演示文稿等视觉元素。
  • 重点是在移动设备上进行优化,同时您还可以在桌面上查看 Web Stories。
  • 您可以使用音频、视频和图像创建引人入胜的故事,而不是完全依赖传统的文本内容。
  • 网络故事由 AMP 技术提供支持,之前称为 AMP 故事。 因此,网页故事页面需要针对 AMP 格式进行验证。

您可以在中查看网络故事的示例 谷歌网络故事网站 和许多其他流行的媒体网站,如 美国有线电视新闻网

谷歌网络故事示例
谷歌网络故事示例

为什么你应该关注谷歌网络故事?

您应该专注于为您的网站创建网络故事有多种原因。

  • 视觉叙事在社交媒体平台上变得流行。 这种趋势可能还会持续几年,您很有机会通过 Google 网络故事吸引用户。
  • 与社交故事不同,谷歌有一种开源格式。 它使您可以轻松地在您的网站上共享内容,并为其他人提供嵌入或共享的链接。
  • Google 网络故事是 Google 搜索中“发现”部分的一部分,显示在其他文本结果的顶部。 因此,这是一个通过使用和推广您的网络故事在 Google 搜索中排名第一的巨大机会。 此外,谷歌还在图片和普通搜索部分显示网络故事,使其对网站管理员更具吸引力。
  • 您可以通过故事获利并从故事中赚钱。

如何创建谷歌网络故事?

有多种方法可以创建 Google 网络故事:

  1. 在 WordPress 平台上使用官方谷歌插件
  2. 定制开发
  3. News Room AI 和 MakeStories 等第三方应用。

在本文中,我们将仅解释 WordPress 插件部分。

适用于 WordPress 的 Google 网络故事插件

Google 发布了一个官方 WordPress 插件,用于直接从您的 WordPress 管理面板创建网络故事。 该插件将使用名为“web-story”的自定义帖子类型在您的网站上创建和发布网络故事。 尽管每个故事都有一个单独的链接,但 Google 建议将故事嵌入到您的常规帖子或页面中,以便在搜索引擎上获得更多可见性。

目前该插件不支持 Google AdSense 集成。 但是,我们希望 Google 能够尽快启用此功能,以便所有出版商都可以积极地花时间创作故事。

安装 Google Web Stories WordPress 插件

登录到您的 WordPress 管理面板并导航到“插件 > 添加新”部分。 搜索“网络故事”以找到网络故事插件。

安装 Google 网络故事插件
安装 Google 网络故事插件

在您的站点上安装并激活插件。 激活后,您可以看到如下横幅以查看一些故事。

转到仪表板横幅
转到仪表板横幅

单击“转到故事仪表板”按钮。

网络故事插件选项

或者,转到“故事 > 我的故事”菜单以查看仪表板部分。

我的故事部分
我的故事部分

仪表板包含以下选项的侧边栏菜单:

  • 创建新故事 – 这将带你到故事编辑器。
  • 我的故事 – 它包含您以前创建的所有类似于帖子页面的故事。
  • 探索模板 – 获取随插件提供的入门模板。
  • 编辑器设置 – 在此处添加徽标和 Analytics 跟踪代码。
  • 支持 – 这将带您到 Google AMP 开发人员站点,您可以在其中阅读帮助文档。

一个困惑是您可以在 WordPress 侧边栏菜单以及仪表板部分中看到菜单项。 因此,当您在管理面板上使用 Web Stories 插件时,您可以折叠默认侧边栏。

使用模板

Google 通过该插件提供了不到十个预定义模板。 如果这是您第一次创建网络故事,我们建议您通过单击“探索模板”菜单来使用库中的模板。

查看网络故事模板
查看网络故事模板

将鼠标悬停在任何模板上,然后单击“查看详细信息”链接。

点击查看详情
点击查看详情

详细信息部分将向您显示模板的简短描述和故事的所有页面部分,并带有预览。 您可以使用滑块箭头浏览所有可用模板。

查看模板详情
查看模板详情

创建第一个网络故事

确定模板后,单击“使用模板”按钮以基于该模板开始您的故事。 这会将您带到故事编辑器以编辑所选模板。

谷歌网络故事编辑器
谷歌网络故事编辑器

如果您想从头开始您的故事,请单击插件仪表板上的“创建新故事”按钮。 您将使用空白画布转到同一个故事编辑器来开始您的故事。

从头开始创建故事
从头开始创建故事

我们使用空白模板进一步解释,以便您轻松了解编辑器界面。

网络故事编辑器界面

当网络故事编辑器打开时,该插件将默认隐藏 WordPress 侧边栏以提供全屏视图。 编辑器界面分为三个部分,用于使用媒体、预览和自定义每个元素。

在网络故事中使用媒体

编辑器的第一部分允许执行以下操作:

  • 查看或上传图像/视频到媒体库。 将图像或视频拖放到预览部分以开始添加内容。
  • 如果您没有好的图像,请单击顶部显示的小图像图标以从 Unsplash 获取免版税图像。 您可以获得免费图片、GIF 和视频以插入到您的故事中。
从 Unsplash 获取免费媒体
从 Unsplash 获取免费媒体
  • 单击文本图标可查看所有可用的文本元素。 标题、列表、步骤、封面、表格、联系人等有不同样式的文本。您还可以根据故事模板自动匹配字体。
在故事中插入文本
在故事中插入文本
  • 媒体部分的最后一个选项是形状。 只需在画布上拖放一个形状,即可将其添加到您的故事页面。
形状的媒体部分
形状的媒体部分

媒体部分很容易理解,您只需将任何元素拖放到画布上即可将其添加到页面上。

编辑器的预览部分

尽管此部分显示预览,但您可以在此处执行许多其他操作。 您可以添加标题、添加/删除/复制页面、播放故事、预览和发布。

预览部分
预览部分

您可以拖动每个元素并根据您的想象进行调整。

自定义元素

在预览画布上选择一个元素将在“设计”选项卡下的最后一部分显示自定义选项。 您可以更改背景颜色、添加动画、插入多个图层、插入超链接和自定义故事页面。

自定义故事元素
自定义故事元素

“文档”部分类似于 WordPress 中的帖子编辑器。 在这里,您可以更改永久链接、添加元描述、设置幻灯片持续时间并为您的故事添加封面图片。

故事的 SEO 设置
故事的 SEO 设置

请务必查看清单部分以查看您的故事中的所有错误。 它将显示缺失的描述、检查故事的长度并进行其他验证,以确保您的故事非常适合在 Google 搜索结果中显示。

使用清单验证错误
使用清单验证错误

在帖子中嵌入故事

如果清单中有未清项目,“发布”按钮将向您显示警告。 您可以修复所有错误并在线发布您的故事。 发布后,您将看到如下所示的框,要求您查看或嵌入帖子。

故事发表
故事发表

单击“添加到新帖子”以打开嵌入故事的 WordPress 帖子编辑器。 您可以调整故事的对齐方式和大小并发布帖子。

在古腾堡编辑器中嵌入故事
在古腾堡编辑器中嵌入故事

或者,转到“故事 > 我的故事”菜单,然后单击故事下方的三个点按钮。 您可以从这里获取故事 URL。 它应该是这样的 https://yoursitename.com/web-stories/my-first-story/. 您可以将此 URL 嵌入到您网站或外部网站的任何帖子或页面上。

获取故事网址
获取故事网址

请注意,Web Stories 插件还为 Gutenberg 编辑器提供了一个名为“Web Stories”的嵌入块。 您可以使用此块在帖子和页面上嵌入您的任何故事。

网络故事嵌入块
网络故事嵌入块

在已发布的网站上,故事将包含一个分享图标。 用户可以单击它,然后单击“获取链接”按钮复制故事 URL 以进行共享。

分享已发布故事的 URL
分享已发布故事的 URL
  博客的 8 大抄袭检查工具

类似文章