一文搞懂GoogleWebStories

什么是Google Web Stories

源于2018年发布的AMP Stories,Google于2020年5月对其进行品牌升级,重新命名为“Google Web Stories”,它是一种用于展示热门“故事”的内容形式,可以混合视频,音频,图片,动画以及文字来营造动态的沉浸式用户体验。


大家感受一下 Google Web Stories 的实际样式:


Google Web Stories目前仅在移动端的Google Search(美国),Google Discover(美国,印度和巴西) 以及 Google Images的搜索结果中出现,但可以在桌面端和移动端的浏览器中展示。下图为Google Web Stories在Google Discover中的展示示例:


我们可以通过使用传统的HTML标记语言&CSS样式表来美化Google Web Stories的展示样式,例如增加Title,Description,Open Graph标记来使得我们的页面更适合在搜索结果中呈现,或被分享到社交平台上。


国外很多大型权威资讯站点已经都开始使用Google Web Stories来展示内容了,例如:

一文搞懂GoogleWebStories


Google Web Stories的优势

内容不受平台限制

虽然也有一些Social平台(例如Instagram)有类似Google Web Stories的功能,但寄人篱下总是要受对方的约束,而Google Web Stories是发布在自己网站服务器上的页面,因此所有内容都在自己掌控之下,不用看别人的眼色。


允许添加外部链接

很多有类似Google Web Stories功能的社媒平台,对于添加链接至外部网站可能有限制,而使用Google Web Stories则不会有这种问题。


支持部署跟踪代码

由于这是一个发布在网站上的页面,因此我们可以通过部署各种有需要的跟踪代码(例如Google Analytics)来进行数据跟踪,方便分析这种新的内容展示形式对于我们数字营销的影响。


易于收录和链接

由于Google Web Stories本质上是网页,因此可以被Google收录并有机会被优化至较好的排名位置,也可以方便的从其它页面链接至相关Story。


独有的“live-story”属性

通过在Google Web Stories中添加"live-story"属性,可以实时通知用户该Web Story有内容更新,当有爆炸性新闻或重要事态发展时,添加这个属性会非常有用。


沉浸式的用户体验

无论是通过桌面端还是移动端浏览Google Web Stories时,页面都是以全屏形式展示,这能浏览者带给沉浸式的用户体验,不会受到普通页面中其它页面元素的干扰。


可以嵌入广告

Google Web Stories中既可以嵌入有针对性的广告内容,也能植入Google Ads,这对于内容产出者来说是一个不错的盈利方式。


如何创建Google Web Stories

这是一个注重品牌的时代,如何讲好品牌故事,并能使用生动、吸睛的方式呈现出来,会变得越来越重要,Google Web Stories可能会是一个不错的解决方案。


如果有自己专业的创建AMP页面的技术人员,我们可以不受限制的发挥创意,创造完全定制化的Web Stories。但即使你没有专业的技术人员,我们可以借助工具,依然能够快速制作个性化的Google Web Stories。如下是比较流行的Google Web Stories创建工具,很多工具中都内置了一些很精美的模板供用户直接使用,稍作修改调整,便能生成一个效果不错的Web Story网页。


如果您使用的是Wordpress建站,可以安装Google官方开发的插件,当然Shopify网站也有对应的插件可供安装使用。而对于使用自有系统开发的网站,也可使用如下相应的工具(例如Newsroom AI)创建后上传至网站,感兴趣的朋友可以自行尝试。


● Google Web Stories for Wordpress(官方Wordpress 插件):https://wp.stories.google/

● Product Stories(Shopify 插件,将产品页面转换成Web Stories):https://productstories.app/

● Newsroom AI:https://www.nws.ai/

● Make Stories:https://makestories.io/

● Visual Stoies:https://visualstories.com/

● Tappable:https://tappable.co


Google Web Stories的最佳实践

我们从故事讲述、设计、搜索引擎优化和技术四个方面来解释Google Web Stories制作的最佳实践。


故事讲述

● 视频比文字或图片更吸引人。尽可能多地使用视频,并使用图片和文字作为补充。

● 在故事的各个网页之间制造悬念。通过提供背景信息和叙事内容,引导用户阅读故事。


设计

● 添加代表品牌的高分辨率Logo;

● 建议每个网页包含的视频长度不超过 15 秒;

● 使用高质量的图片;

● 避免包含文字过多的网页。考虑将文字数量减少到每个网页约 280 个字符;

● 确保文字未被网页中的其他内容遮挡;

● 确保读者能够看到Web Stories 中的所有文字;

● 利用动画让故事跃然纸上,避免使用可能会导致用户疲劳的重复性动画;


搜索引擎优化

● 建议使用少于 70 个字符的描述性标题;

● 不要在故事中添加 noindex 属性,该属性会阻止 Google 将相应网页编入索引,并阻止其显示在 Google 搜索结果中;

● 将Web Stories 添加到 XML Sitemap中;

● 在Web Stories 页面中须包含指向自身的Canonical标签;

● 为Web Stories 部署结构化数据;

● 如果我们的Web Stories存在多个语言的版本,可以部署多语言标签代码来进行区分;


技术

● Web Stories 页面必须为AMP页面,可以使用 AMP验证工具(https://validator.ampproject.org/)来验证其有效性;

● 确保与 <amp-story> poster-portrait-src 属性相关联的图片至少为 640x853 像素,并使用 3:4 的宽高比;

● 确保与 <amp-story> publisher-logo-src 属性相关联的Logo图片至少为 96x96 像素,并且宽高比为 1:1;

● 建议在 <meta> 标记中添加 og:image,以便让您的故事更容易被发现;


创建Google Web Stories的一些Tips

1、必须包含如下字段的内容:

● publisher-logo-src

● poster-portrait-src

● title

● publisher

一文搞懂GoogleWebStories


2、使用 Google URL Inspection Tool 来检查其收录情况;

3、针对Google Web Stories 的页面部署区别于主站的GA跟踪代码,避免数据混淆;


4、由于Google与 Unsplash(https://unsplash.com/: 免费图片素材平台)& Coverr(https://coverr.co/: 免费视频素材平台)的合作关系,当使用Google官方的Web Stories 插件时,可以快捷的下载使用这两个平台的免费资源(注意:尽量使用纵向的素材);


5、Web Stories 的末尾可以链接展示更多的其它故事,吸引用户浏览更多内容;


几个Google Web Stories示例

如前所述,海外很多大型平台都已经开始使用这种新型的内容展示方式,下面也分享了几个优秀示例供大家体验,如下:

● PCGames:https://www-pcgamesn-com.cdn.ampproject.org/c/s/www.pcgamesn.com/amp-stories/best-battle-royale-games.html


● CNN:https://edition-cnn-com.cdn.ampproject.org/c/s/edition.cnn.com/ampstories/world/protecting-the-antarctic-a-journey-to-a-continent-in-distress


● USA Today:https://www-usatoday-com.cdn.ampproject.org/c/s/www.usatoday.com/amp-stories/beyonce-rule-the-world/


后记:一些思考

Google Web Stories 的确是一种更酷的内容呈现方式,但其终究也只是一个工具而已。如何合理、创新的利用这个工具为我们的数字营销助力才是最重要的部分。我们可以尝试大开脑洞,思考一下如何将Google Web Stories 与其它的工具或营销方式来进行结合,最大化我们的营销效果,例如:


● 与其它平台的结合 - Google Web Stories x Tiktok;

● 与各种广告的结合 - Google Web Stories x Google Ads

● 与促销活动的结合 - Google Web Stories x Chrismas

● 与其它营销渠道的结合 - Google Web Stories x EDM

……


各位看官如果有更多奇葩想法,欢迎在下方评论区分享讨论,See you!




SimonSu  苏嵩

现任环创网络海外解决方案总监,近10年海外数字营销经验,服务OPPO海外、Realme、Gameloop等项目。曾任职于长城计算机、万兴科技,负责英文网站的整站营销。毕业于江西财经大学,英语和计算机科学与技术双学位。




内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/163564.html

(0)

相关推荐

  • 战狼2什么时候上映,战狼二播出时间

    战狼2什么时候上映,战狼二播出时间 今日(5月31日),据猫眼电影专业版显示的信息,《战狼2》《红海行动》《湄公河行动》《智取威虎山》四部影片将开启重映。据猫眼电影专业版显示,《战狼2》和《湄公河行动》自6月1日起重

    攻略 2021年11月5日
  • 便血的原因有哪些,便血的原因有哪些鲜红不疼

    便血的原因有哪些,便血的原因有哪些鲜红不疼日常生活中,由于上火、大便干燥、久站久坐等原因,大便带血经常发生,很多人都有便血的经历,一遇到便血就想到了痔疮,自己用各种药物保守治疗,却发现,便血总是不能除根。宝鸡远大肛肠医院

    趣活 2021年12月15日
  • 大麦若叶青汁能和药一起吃吗,大麦若叶青汁可以多喝吗

    大麦若叶青汁不能和什么一起吃 大麦若叶青汁吃多了会怎么样本文

    阅读 2022年5月15日
  • 穿越火线能卖多少钱,cf手游马来剑怎么样

    CF手游马来剑卖多少钱谁能帮我CF得一支马来剑。我刚刚玩网友分享: 呃 兄弟你牛叉 你认为有人会白送么?有钱还不如自己买来用..CF手游毁灭马来剑什么时候上架商城打折?Hello这里是林木解说。感谢你的邀请,据我所知。马来剑毁灭都是在开火趴中出现打折的情况。运气好的玩家。也可能在黑市中见到它哟。 我就回答到这里了。喜欢的。晕、cf、m4大炮一月45快 M4-A一月30快 猎狐永久30块 幽冥之刃和防化服一月都是45块 希望能帮到你 大炮一月45快 M4-A一月30快 猎狐永久30块 幽冥之刃和防化服一月都是45。穿越火线我已有修罗和马来剑,如果有换购活动把极光换成毁灭大炮,值不值?那如果从你没

    阅读 2022年7月5日
  • 卤肉在卤汤里泡过夜吗

    卤肉在卤汤里泡过夜吗 红烧肉可以泡在红烧肉汤里过夜,但要注意保存方法。如果是夏天,建议把红烧肉汤放在冰箱里,不要浸泡太久,因为浸泡太久容易导致红烧肉的味道更浓,可能会影响它的味道。红烧肉放入红烧汤中过夜后,可能会使红烧肉

    电商 2021年10月13日
  • “特殊时期 特别家教”(总720期)

    为了在特殊时期为家长提供特别的家庭教育指导,全国妇联推出了“特殊时期 特别家教”微信栏目,家长可以通过家庭教育微课学习家庭教育知识。

    生活 2021年9月26日