產品介紹影片的規劃順序是:先定播放場景,再寫腳本、安排拍攝,然後依上架位置處理規格。官網產品頁的影片要補足文字說不清楚的操作與質感,電商商品頁的影片要讓人很快看懂用途與尺寸,展會螢幕的影片則要在沒有聲音的環境也看得懂。腳本可以依「問題、示範、規格、行動」四段安排,拍攝以手部操作、細節特寫與尺寸參照為重點。放上官網時,還要處理封面圖、靜音自動播放、字幕與暫停按鈕,讓影片不干擾瀏覽,沒開聲音的觀眾也看得懂。
先定使用場景:官網、電商商品頁與展會
同一個產品,在不同場景要回答的問題不一樣。先決定主要場景,再決定長度、有沒有旁白與要拍哪些畫面:
| 場景 | 觀眾狀態 | 影片任務 | 呈現方式 |
|---|---|---|---|
| 官網產品頁 | 正在比較的潛在客戶 | 補足文字說不清的操作、結構與差異 | 旁白加字幕,可以完整說明 |
| 電商商品頁 | 已在考慮購買 | 確認用途、尺寸與使用方式 | 開頭就給商品全貌,規格用字卡標示 |
| 展會與門市螢幕 | 路過的訪客 | 吸引停留、記住一個賣點 | 無聲循環播放,以字卡說明 |
| 業務與客服 | 已在洽談或已購買 | 說明安裝、操作與保養 | 拆成單一主題的短片,方便個別傳送 |
無論是公司產品介紹影片製作或電商產品影片製作,若同一批素材要用在兩種以上的場景,版本規劃要在寫腳本時就決定,拍攝時才會補齊各版本需要的畫面。若還要剪成投放用的產品廣告影片,長度與比例另依廣告版位規劃,可參考廣告影片製作的版位整理。
產品介紹影片腳本結構:問題、示範、規格、行動
- 問題:用一個使用情境開場,說出產品要解決的事,例如「桌面高度不合,坐久了肩頸緊繃」。
- 示範:直接拍使用過程,讓畫面證明功能,例如按下按鍵後桌面升降的完整動作。
- 規格:把尺寸、材質、承重、適用環境等購買前要確認的資訊做成字卡,和商品頁的規格表一致。
- 行動:告訴觀眾下一步,例如查看規格表、預約試用或詢問報價。
腳本建議寫成畫面與旁白兩欄,每一個功能說法都對應一個能拍出來的畫面;拍不出來、也提不出佐證的形容,就不要放進影片。影片裡的效能與認證說法,要和商品頁文案用同一份資料,避免兩邊寫法不同。賣點的排序方式可以參考產品文案的整理方法:先講顧客在意的效益,再用功能與證據支撐。
產品影片拍攝重點:操作、細節與尺寸參照
產品影片拍攝和商品照片不同,重點在「動起來才看得懂」的部分。拍攝清單可以這樣列:
- 全貌:用轉台或環繞鏡頭拍一圈,讓觀眾看見正面、側面與背面。
- 尺寸參照:讓手、常見物品或使用者入鏡,觀眾才能判斷實際大小。
- 細節特寫:材質紋理、接縫、按鍵與接頭,這些是照片不容易交代的地方。
- 操作過程:從使用者的視角拍手部動作,一個步驟一個鏡頭,不要跳步。
- 使用情境:在實際環境中使用,例如辦公室、廚房或戶外。
- 顏色一致:拍攝前設定白平衡,剪輯後和實品對照,避免畫面顏色和實物不同。
同一次拍攝可以順便拍商品照片與影片的補充畫面,背景、燈光與道具統一,官網與商品頁的視覺才會一致。
上架到官網:播放器、封面與自動播放設定
官網放產品影片有兩種方式:上傳 YouTube 後嵌入,或把影片檔放在自己的主機。用 YouTube 嵌入時,從影片的「分享」選單選「嵌入」取得程式碼,嵌入網址可以設定開始時間與預設開啟字幕;改用隱私加強保護模式時,官方說明嵌入式播放器產生的觀看資料不會影響 YouTube 的瀏覽體驗。
自架影片時,用 HTML 的 video 元素播放,要注意三件事:
- 封面圖:用 poster 屬性指定影片播放前顯示的預設圖片,選一張看得出產品的畫面。
- 自動播放:瀏覽器一般只在影片靜音或使用者已和網站互動等條件下允許自動播放,所以自動播放的影片要設為靜音;在 Safari 自動播放還需要加上 playsinline 屬性。
- 控制項:保留播放、暫停與音量控制,讓觀眾自己決定要不要開聲音。
產品影片與 Google 搜尋:觀賞頁面怎麼安排
Google 的影片說明指出,觀賞頁面的主要用途是向使用者顯示單一影片;影片只是輔助內容的頁面不算觀賞頁面,其中舉的例子就是「附有商品三百六十度影片的產品頁」。非觀賞頁面仍可能以文字結果,或帶有影片標記的圖片結果出現;若希望影片取得影片結果、關鍵時刻等影片功能的資格,Google 建議在對業務合理時,為每支影片建立專屬的觀賞頁面。
實務上可以這樣分工:產品頁保留影片協助購買判斷;安裝教學、操作說明這類有人會直接搜尋的影片,另外建立以影片為主要內容的頁面,再從產品頁連過去。觀賞頁面要讓 Google 找得到影片,影片需要有效的縮圖,也不要依賴滑動、點選或輸入等使用者動作才載入影片;還可以加上 VideoObject 結構化資料描述影片,內容要和實際影片一致。
字幕與無障礙:沒開聲音也看得懂
商品頁的影片若要自動播放,一般得設為靜音,字幕與畫面文字因此是基本配備。WCAG 對影片與自動播放有幾項相關要求,可以當作上架前的檢查清單:
- 字幕:同步媒體中的預錄音訊要提供字幕,A 級。
- 口述影像或替代內容:預錄影片在 A 級要提供口述影像或媒體替代內容,AA 級要提供口述影像。操作步驟只出現在畫面上、旁白沒說到時,可以讓旁白說出關鍵動作,或在商品頁用文字列出步驟。
- 音訊控制:自動播放超過三秒的聲音,要能暫停、停止或獨立調整音量,A 級。
- 暫停、停止、隱藏:自動開始、持續超過五秒且和其他內容並列的動態內容,要能暫停、停止或隱藏,A 級;自動循環播放的背景影片符合這些條件時也適用。
- 閃爍:任一秒內閃爍不超過三次,或低於一般閃爍與紅色閃爍的門檻,剪輯轉場與燈光效果要留意。
動態元素對效能與無障礙的影響,可延伸閱讀網頁動態效果的取捨。
常見問題
產品介紹影片要多長?
沒有固定長度,依場景決定。電商商品頁以快速看懂用途與尺寸為主,官網產品頁可以完整示範,展會螢幕則以循環播放為主。上傳到各平台前,再對照平台當下公告的規格。
產品影片放 YouTube 還是放自己的網站?
兩者可以並用。上傳 YouTube 可交給平台處理轉檔與播放,也能被站內搜尋找到;自架影片能完全掌控播放器與封面,但要自行處理檔案大小與頻寬。
商品頁的影片可以自動播放嗎?
可以,但要設為靜音,瀏覽器一般只在靜音或使用者互動後允許自動播放。同時保留暫停按鈕:自動開始、超過五秒且和其他內容並列的動態內容,WCAG 要求能暫停、停止或隱藏。
產品影片一定要有旁白嗎?
不一定。沒有旁白時,關鍵資訊要用字卡呈現;若操作步驟只出現在畫面上,可以在商品頁用文字列出步驟,讓看不到畫面的使用者也能取得同樣資訊。
同一支產品影片可以用在官網和電商平台嗎?
可以,但建議依場景剪出不同版本,並確認配樂與素材的授權範圍涵蓋所有播放平台。各電商平台的影片長度與檔案規定不同,上架前以平台公告為準。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務,實際案例可見成果與案例。
想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?
相關主題
下一步
規劃產品影片前,先列出產品要出現的場景與每個場景要回答的問題。京采的內容策略服務可以協助撰寫產品影片的腳本架構,規劃產品頁與影片觀賞頁面的文字內容、封面與字幕呈現方式;想討論產品影片在官網上的配置,歡迎與我們聯繫。

