如何打造成功的 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

最新文章

WordPress缺點

WordPress缺點揭露:克服挑戰,打造優質網站的策略指南

這篇文章將深入探討WordPress作為全球最受歡迎的內容管理系統(CMS)所面臨的一些普遍批評和挑戰。雖然WordPress因其易用性、靈活性和強大的社群支持而被廣泛採用,但它也不是完美無缺的。我們客觀分析WordPress缺點,同時提出相應的解決策略和觀點,幫助讀者全面了解使用WordPress的利弊。

遭入侵網站

Google Ads 廣告被判定為遭入侵網站,怎麼辦?

在使用Google Ads進行廣告投放時,突然被判定為遭入侵網站是一種令人困擾的情況。網站遭入侵指的是在網站或網頁原始碼在擁有者不知情的情況下,遭到有心人士竄改或入侵,以此來圖利他人。這種行為不僅可能危害網站的安全性,還可能影響使用者的安全。

Selected Post

精選文章