如何打造成功的 Web Stories?
如何打造成功的 Web Stories?

Web Stories 是網頁版的限時動態?如何打造成功的 Web Stories?

Web Stories 是一種身臨其境,可輕觸且易於共享的故事形式,它為創作者提供了機會,以全屏、視覺豐富且吸引用戶的行動裝置優先體驗來組織內容。
目錄

Web Stories 可以很輕鬆地閱讀,讀者喜歡在短時間快速閱讀,等待大眾運輸的時間或喝咖啡的時間,有機會吸收經過濃縮的內容精華。以下方法幫助你打造令人滿意的 Web Stories,以確保每一次閱讀都能吸引人並帶來愉悅。

什麼是Web Stories?

AMP Stories在2020年五月時改名為Web Stories,由於背後的技術架構是AMP,且早期名稱為AMP Stories,所以還是可以看到有人以AMP Stories稱呼之,但正確的官方名稱是Web Stories。

類似於Instagram和Facebook的限時動態,Web Stories 利用更視覺化的方式傳遞內容,並同時保有速度上的優勢。很多美國出版媒體都已經採取了類似的技術。

不同於社群媒體平台限時動態的是,Web Stories 是一個網頁,有著自己的網址,所以搜尋引擎能夠抓取並索引上面的內容,而任何人都能透過搜尋或直接在瀏覽器上輸入網址找到Web Stories

Web Stories 範例:Forbes專題報導

網址:Expert Grilling Tips from Famous Chefs

截圖 2022 03 05 上午11.47.00
美國網路媒體使用Web Stories製作圖文報導

先來快速地說說幾個重點:

  • 講一個完整而有趣的故事。
  • 高質量的圖片和醒目的標題可以提高封面的影響力。
  • 利用全屏滿版的影片或圖像製作。
  • 你可以利用精簡的文字表達你的內容,尤其是在使用視覺圖像時,每頁少於10個英文單字(中文內容則是2-4行)。
  • 使用影片時,最好選擇較短的影片,15秒以內的影片為佳。
  • 某些人和某些情況下需要無聲觀看,透過為影片添加字幕來保持內容的包容性。
  • 給讀者一些啟發,平均長度為10到20頁,使大多數作者都能講述一個好的故事。
  • 不要過度使用動畫或嵌入動畫,並注意過場時間。

了解你要訴說的故事

計劃你的故事介紹,並建立完整的敘述,知道要說的內容後,將其分解,可以撰寫故事大綱,每個 Web Story 頁面應傳達一個能與其他頁面緊密結合的想法。

每個 Web Story至少必須有4頁,理想情況下應少於30頁。Web Stories 必須講得很好並且易於讀者消化。如果你的敘述需要,請超過30頁。

吸引人的故事封面

封面是 Web Story 的包裝,這是讀者首先看到的東西,如果他們不打開它,則只會看到封面內容。確保封面具有吸引力!好的封面要包含兩個要素:醒目的圖像和簡短易記的標題。

圖像

使用適合全屏的高質量肖像圖像或影片,透過添加收藏夾圖標和 logo,讓讀者知道你的品牌。

標題

保持標題清晰整潔,最好少於10個字,且少於40個字符。如果是有時效限制的故事,請包括作者和出版物名稱,並添加發布日期等資訊。

品牌和日期

讀者需要知道誰發布了Web Story,以及何時發布。在封面上註明品牌logo 和出版日期,可以增進信任,如果用戶喜歡你的內容,也可以提高忠誠度。這個由CNN發布的 義大利旅遊 Web Story ,可以從故事封面很容易地看到是誰發布這個故事以及標題、時間。

優質的視覺內容

優質的視覺效果吸引了讀者,並吸引了他們的注意力,使他們可以輕鬆、快速地閱讀內容。主要使用高質量的影片和圖像,且所有圖像和影片應為全屏,並在有意義的地方添加一些動畫效果。

影片

影片吸引了眾多讀者,可以在你的 Web Story 中盡量準備多一點影片內容。每個頁面的影片應少於15秒,如果你有較長的影片,請考慮將其分成較短的秒數。

Web Story 是以直式使用的,因此請記住以下幾點:

  • 盡可能在高端行動設備中拍攝影片。
  • 以480p拍攝。
  • 每秒至少拍攝24幀。
AMP 001
圖片來源:AMP

調整影片大小,以便在底部留出足夠的空間容納文本和字幕,並非所有讀者都能或希望聽到影片內容。

圖片

使用具有高解析度(828 x 1,792)的全屏圖像,避免橫向裁切照片。

將圖像重點放在重要的方面,裁切不必要或分散注意力的元素,並確保照片的關鍵主題清晰且完整。請記住,頂部和底部可能會在某些設備上被裁剪,因此請進行相應的測試。

AMP 002
圖片來源:AMP

文字內容

確保文字內容的可讀性,盡量使用大小24pt 以上的字體,應使其盡可能大且清晰,將文字顏色與故事頁面背景或圖像做對比設計,例如加上文字底色等等,且不要使用只有文字的圖像或影片。

若有文字很多的內容,應將其精簡化,可以以標題配上內容摘要呈現,並利用頁面附件的功能,在頁面附件中包含完整文字內容,如果感興趣,他們可以在行動裝置上向上滑動閱讀完整內容。盡量不要讓文字內容佔據整個故事頁面的10%以上。

這些基本的內容你都掌握了嗎?可以多多練習並設計屬於你的網站或文章的 Web Stories 唷!

資料來源:Best practices for creating a successful Web Story

延伸閱讀:Google 新推出 WP 外掛可望帶來更多流量

分享

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章
WordPress網站安全
5個免費檢測網站安全的必備工具

在當今數位時代,網站安全是至關重要的議題。保護你的網站免受惡意攻擊和數據洩露,是確保網站運作正常並維護用戶信任的關鍵。這篇文章中,我們將向你介紹一些免費且有效的網站安全工具,讓你能夠輕鬆檢測和強化你的網站安全。

SSL憑證
SSL憑證/https是什麼?對網站SEO排名有很大的影響?

SSL(Secure Sockets Layer),也就是安全資料傳輸層憑證,是網頁伺服器與瀏覽器之間的加密通信安全技術,確保您的網站資料不容易被攔截。但它對於網站的SEO又有什麼影響呢?我們將解釋這個重要的議題,讓您更了解SSL憑證的作用。

WordPress 維護
實用!16 個 WordPress 維護的技巧手冊

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。