使用技巧

如何在WordPress中建立Google Web Stories

埃德温(Edwin)是战略内容专家。在加入Yoast之前,他花了几年时间在荷兰领先的网页设计杂志上磨练自己的技能。

如何在WordPress中建立Google网站故事如何在WordPress中建立Google网站故事

Instagram故事,Facebook故事,Snapchat故事和Twitter车队有什么共同点?它们都是相同故事概念的所谓社交媒体实现。故事是一系列图像或其他类型的内容,它们在一起,从而讲述一个故事。视觉故事讲述非常庞大,现在网络也具有开放故事格式。Google的Web Stories于2018年作为AMP Stories推出,现在可以在WordPress中使用。

什么是网络故事?

网络故事是一种可滑动的,丰富的视觉故事格式,可用于移动设备。Web Stories提供了一种全屏体验,可以融合各种可以想象的内容。与Instagram故事等封闭格式相反,Web故事是开放的并且可以自由分发。您可以在自己的网站上制作和发布它们。您拥有自己的故事。

更重要的是,Web Stories在Google搜索结果中占据了自己的位置-排在顶部。不仅如此,因为故事还可以出现在Google图片,Discover和Google应用中。都非常突出。

网络故事使您可以更好地控制发布的内容以及操作方式。您可以自由决定格式,发布位置以及故事的“直播”时间。这些故事快如闪电,可为您提供快速简便的内容类型。

请记住,虽然“ Web故事”旨在用于移动设备,但每个故事也会自动获得一个简单的桌面查看器。这意味着您的移动内容真正适用于所有人。

再见AMP故事,您好网络故事

2018年初,Google引入了AMP Stories,作为使用开放技术快速构建网络视觉故事的一种方式。2020年5月,AMP Stories成为Web Stories,到2020年10月,在全球排名第一的平台WordPress上启动。WordPress的Web Stories插件使在您拥有的平台(您的网站)上构建故事变得更加容易。

Google继续改进Web Stories,同时也推动采用。今年早些时候,该公司宣布其某些其他工具(例如Rich Results Testing Tools和Search Console)现在可以识别Web Stories。在WordPress插件的设置中,您可以设置Google Analytics(分析)的跟踪ID。这有助于您了解您的故事的表现。

网络故事示例

您可以将Web Stories用于很多事情,我们已经看到许多大型媒体品牌都在使用它。尽管它们似乎最适合一口大小的内容,但您可以深入了解自己的故事。如果您可以建立一个引人入胜的故事,那么人们可能会蜂拥而至。这可能会使您的内容变得病毒式传播。

以下是一些Web Stories(及其前身AMP Stories)的出色示例:

如何在WordPress中建立Google网站故事如何在WordPress中建立Google网站故事英国广播公司(BBC)制作了有关月球的网络故事如何在WordPress中建立Google Web故事1如何在WordPress中建立Google Web故事PCGamesN仅提供了视频就讲述了皇家战争游戏的故事如何在wordpress-2中建立Google网站故事如何在WordPress中建立Google网站故事大西洋一直在寻找新闻报道,美国如何在wordpress-3中建立Google网站故事如何在WordPress中建立Google网站故事有线电视新闻网(CNN)制作了有关南极洲的精彩网络故事

这些是相当高级的Web故事,当然,您不必使用相同的新闻方法来创建它们-只需确保您的故事高质量并对您和您的读者有价值即可。

如何使用WordPress插件构建Web Stories

如果您有WordPress网站,则开始使用Web Stories很容易。只需安装官方的Google Web Stories插件-别忘了阅读Google的文档以使您的故事为搜索引擎做好准备。该插件是由Google开发人员的强大团队公开开发的,是一件艺术品。它现已正式启动,因此每个人都可以了解其构建故事。

安装插件后,转到“编辑器设置”,然后填写要求的详细信息。那您就可以出发了!如果您缺乏灵感,或者想了解Web Story的含义,请浏览模板部分。看到喜欢的一个吗?只需单击“使用模板”,编辑器就会随模板一起打开。现在,您可以使用各种工具使故事适应您的喜好。

当然,您可以自由地从头开始构建Web Stories。让我们看看情况如何。

  1. 打开网络故事插件

    安装插件后,通过单击Web Stories仪表板中的Create New Story开始一个新故事。您还可以通过将鼠标悬停在WordPress菜单>故事>添加新内容上来开始新故事。如何在WordPress中建立Google Web故事4如何在WordPress中建立Google Web故事

  2. 介绍Web Stories界面

    如果您创建了一个新故事,该界面将打开并带有一个空白模板。在左侧,您可以看到资产管理器,其中包含您上传的图像以及可以在故事中使用的素材。T图标打开文本选项卡,三角形打开形状。如何在WordPress中建立Google Web故事5如何在WordPress中建立Google Web故事

  3. 添加图像以浏览右侧

    单击蓝色的“上传”按钮,然后选择要上传的图像。双击图像将其添加到画布。您会注意到右侧的设置发生了变化。在这里,您可以找到每个项目的属性和设计选项。这些类型因类型而异,因此文本与图像具有不同的选项。如何在WordPress中建立Google Web故事6如何在WordPress中建立Google网络故事

  4. 习惯了界面

    如果您曾经使用过任何类型的设计工具,都可以在Web Stories WordPress插件的界面中感到宾至如归。您可以对齐,旋转,分层,更改文本类型,颜色,几乎所有您需要的东西都在这里。您可以使用图像,插图,文字,视频等。如何在WordPress中建立Google Web故事7如何在WordPress中建立Google Web故事

  5. 现在尝试建立一个简单的网络故事

    我们将以一个简单的例子为例。打开新故事并上传图片以开始使用。我想摘一张我们的插图,因为我想写一篇关于开店的文章。单击图像,您会注意到它周围的蓝线,这使您可以缩放,旋转和缩放图像。双击图像以查看完整图像及其适合的位置。以看起来不错的方式使图像合适。如何在WordPress中建立Google Web故事8如何在WordPress中建立Google Web故事

  6. 向您的网络故事添加文本

    单击左上角的T转到文本选项卡。在这里,您会看到不同的尺寸。这些是基于常规HTML标题的,因此最大的一个是h1,而一个段落则得到p。请在您的网络故事中正确使用这些内容。给标题加上h1,给小标题加上h2或其他名称。使用该段落作为您的段落。这样,您的网络内容将遵循所有常规准则。如何在WordPress 9中建立Google Web故事如何在WordPress中建立Google Web故事

  7. 颜色,填充和对齐

    如果您的图像有像我这样的繁忙背景,则可能需要给文本设置一种颜色以突出显示,甚至可能是背景填充颜色。幸运的是,您可以。单击标题1将标题添加到图像。将其拖放到要显示的位置。如何在wordpress-10中建立Google网站故事如何在WordPress中建立Google网站故事

  8. 网络故事的新页面

    要将新页面添加到故事中,请单击屏幕按钮上的大+按钮。如果要复制当前页面是因为要将其用作下一个屏幕的模板,请单击“复制”页面。用所有需要的页面填充您的故事。如何在wordpress-11中建立Google网站故事如何在WordPress中建立Google网站故事

  9. 链接到您的网站

    Web Stories的一项很酷的功能就是您可以自由链接到自己的内容。只需单击一个元素并添加链接。不要过度使用,保持链接数量有限。如何在wordpress-12中建立Google网络故事-如何在WordPress中建立Google网络故事

  10. 填写元数据并发布

    完成网络故事后,请单击“预览”对其进行测试。在点击发布之前,您需要填写一些元数据来改善故事。根据Google的说法,您需要此内容才能获得有效的网络故事。单击文档,然后填写徽标,封面图像,摘录并选择一个好的永久链接。准备?发布您的故事!Web Stories插件将询问您是否要为该故事撰写新帖子。如果这样做,请单击按钮,然后将打开一个新帖子,其中嵌入了您的故事。how-to-build-google-web-stories-in-wordpress-13如何在WordPress中构建Google Web Stories

这里是一个简短的视频!

Keep in mind

Web stories are a cool new addition for your content arsenal. It’s a completely different tool for a completely different goal. Of course, not everyone will find use for these stories, but do look at the possibilities. It is easy to get started, but it’s powerful!

Here are a couple of things you need to keep in mind:

  • Make sure that the URLs of your stories are available in your XML sitemap (Yoast SEO does this for you)
  • Add Schema structured data to make it easier for Google to understand your stories (Yoast SEO does this for you)
  • Link to your stories from other (relevant) parts of your site
  • Make sure that your stories are valuable and of high quality
  • You can add ads, but don’t overdo it
  • Don’t add too many links to outside sources, that will distract readers
  • Keep the story short and snappy (Google says 5-30 pages, with a sweet spot between 10-20)
  • Keep the title short
  • Don’t use too much text on pages
  • Add alt text to describe images for accessibility
  • Stories are ideal for video, but keep them short

And, as Google wrote in their SEO for Web Stories post:

Do all the SEO things you would do for any other page on your website. If it helps rank your non-Story pages, it’ll probably help the Stories as well.

One word will jump out at you while reading through the list above: short. A good story is short, while still being valuable and insightful. Experiment with that. Find what your audience likes to see and in what format. This is still new, so there are no ‘rules’, so to say. Luckily, Google’s Web Stories plugin for WordPress makes it a joy to build these stories!

Don’t forget to test your Web Stories in the AMP Test Tool to see if your stories are eligible for inclusion in the search results.

how-to-build-google-web-stories-in-wordpress-14 How to build Google Web Stories in WordPressCheck if your web story is valid and get a sense of how it will look in GoogleThat’s how to build Web Stories in WordPress

You’ve just read a short primer on Web Stories in WordPress. These short form pieces of content are very enjoyable to consume on mobile phones, but even on desktop they work fine. Google has done a lot of work making the stories format a success and adoption is sure to surge — especially since these stories get their own spot in the Google search results.

Try it and report back, we’d love to see what you come up with!

Source