什么是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來展示內容了,例如:


      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


      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等項目。曾任職于長城計算機、萬興科技,負責英文網站的整站營銷。畢業于江西財經大學,英語和計算機科學與技術雙學位。





      點贊(2) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部