一文搞懂Google Web Stories
什麼是Google Web Stories
源於2018年發布的AMP Stories，Google於2020年5月對其進行品牌升級，重新命名為“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/）來驗證其有效性；
● 確保與
● 確保與
● 建議在 標記中添加 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
