如何打造成功的 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
最新文章
google site:
網頁設計費用要多少?2026年架站報價實務與避坑指南

想知道 2026 年合理的網頁設計費用是多少?我們深度拆解網域主機、客製化開發與 WordPress 架構的價格差異。幫你避開報價黑洞,從老闆與行銷人的痛點出發,提供少踩雷的架站建議,讓網站不再只是花錢的工具,而是能持續獲客的品牌資產。

一頁式網頁好嗎?不想重花幾萬塊「砍掉重練」必看

許多創業者為了快速上線、提高廣告轉換率而選擇一頁式網頁,卻常在經營後才發現 SEO 難以操作、功能無法擴充。本文由台灣市場經驗出發,深度解析一頁式網站的優缺點、適用場景、破解詐騙地雷,並分享如何透過 WordPress 架構平衡「高轉換」與「長期品牌資產」,助你避開常見的架站踩雷坑,讓網站變成長期資產。

Selected Post
精選文章
WordPress SMTP
SMTP是什麼?收不到 WordPress 網站的信?

如果您注意到無法收到您的WordPress網站發送的郵件,這可能表示您的網站尚未設定SMTP(簡單郵件傳輸協定)。本文將解釋SMTP是什麼,並解釋為什麼它對您的郵件傳遞如此重要。讓我們來探討解決這個問題的方法!

網頁設計推薦
網頁設計推薦2025更新!13 個激發靈感的網站

正在設計網站卻靈感枯竭嗎?我們為你精選了 13 個超實用的網頁設計推薦網站,從歐美大膽前衛到日本極簡清新,匯集全球頂尖設計師的精彩作品,幫助你打破設計瓶頸,激發視覺靈感。每一個網站都可能與你的創意撞出新火花,無論是品牌、排版、配色或互動體驗,通通找得到!

什麼是VPS主機
VPS主機是什麼?網站效能升級的最佳選擇!

現今,網站及應用程式的需求不斷增加。如果你不是一個專業的網站開發人員,你可能會對虛擬專屬伺服器(VPS)主機一知半解。本文將向你說明VPS主機及其優勢,以及什麼是主機代管,讓你更容易理解並做出明智的選擇。