logo
提供專業網上推廣服務,包括 SEO 搜尋引擎優化、SEM 關鍵字廣告、PPC 點擊付費廣告、社交媒體推廣、電子商貿顧問服務、數碼分析及網站設計等。免費網絡推廣諮詢,立即聯絡我們。

SEO 搜尋引擎優化

SEM|PPC 搜尋|點擊付費廣告

社交媒體推廣

電子商貿服務

網站設計

立即聯絡我們
免費網上推廣諮詢,包括:SEO、SEM、PPC、社交媒體、電子商貿及網站設計等。

+852 2603 0600 / 5743 0073

九龍觀塘觀塘道410號觀點中心15樓3-6室

香港銅鑼灣怡和街28號恆生銅鑼灣大廈12樓A-B室

星期一至六 09:00 - 18:00

+852 2603 0600 / 5743 0073

一文搞懂Google Web Stories

一文搞懂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/)來驗證其有效性;
● 確保與 poster-portrait-src 屬性相關聯的圖片至少為 640×853 像素,並使用 3:4 的寬高比;
● 確保與 publisher-logo-src 屬性相關聯的Logo圖片至少為 96×96 像素,並且寬高比為 1:1;
● 建議在 標記中添加 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

Share
No Comments

Post a Comment