什么是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!
文章為作者獨立觀點,不代表DLZ123立場。如有侵權,請聯系我們。( 版權為作者所有,如需轉載,請聯系作者 )

網站運營至今,離不開小伙伴們的支持。 為了給小伙伴們提供一個互相交流的平臺和資源的對接,特地開通了獨立站交流群。
群里有不少運營大神,不時會分享一些運營技巧,更有一些資源收藏愛好者不時分享一些優質的學習資料。
現在可以掃碼進群,備注【加群】。 ( 群完全免費,不廣告不賣課!)