如何打造成功的 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自架網站:架站前需知道的 11 個常見問題

這篇詳盡的指南將探討WordPress自架網站過程中可能遇到的常見問題,包括技術錯誤、安全風險、性能問題等。文章將提供針對每種問題的實用解決方案和預防策略,幫助讀者了解如何提升網站安全性、提高性能,並確保網站長期穩定運行。無論您是初學者還是有經驗的網站管理員,本文都將成為您不可或缺的資源。

hero section

如何創建出色的網站主頁橫幅(Hero Section)設計?

在本文中,我們深入探討如何創建出色的網站主頁橫幅 (Hero Section) 設計。從選擇相關的圖像到設計簡短、有力的標語,我們提供實用的技巧和建議,幫助您吸引用戶的注意力並引導他們實現目標。了解如何平衡視覺吸引力和用戶需求,確保您的網站主頁橫幅既美觀又高效。

WordPress 後台

WordPress 後台速度慢該如何解決?10+個簡單方法

本文探討了多種解決 WordPress 後台運行緩慢的策略,包括選擇性能更強的主機、精簡必要的外掛、以及定期清理和最佳化數據庫。我們還介紹了如何通過實施快取技術來提升網站速度。這些簡單實用的方法將幫助您改善 WordPress 後台的響應速度,提升整體網站的管理效率和用戶體驗。

網站架設費用

網站架設費用:從基本到進階配置的全面費用分析

本文將提供一個全面的網站建設費用分析,涵蓋從基礎設置到高級功能的所有成本要素。這包括域名、代管、設計、安全協議以及響應式網頁設計(RWD)等現代網站的必備技術。無論您是新手還是尋求升級現有網站的業主,這篇文章都將為您提供寶貴的指導和費用預算建議。

Selected Post

精選文章

網站速度慢的5個原因

網站速度慢的5個原因

對於現在講求快速、即時的時代,若使用者開啟一個網站,網站速度非常慢,要等老半天,是不是會讓你想關掉網站,降低造訪意願呢?

WordPress SMTP

SMTP是什麼?收不到 WordPress 網站的信?

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

SSL憑證

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

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