你的網站有影片嗎？沒有的話，該補了
根據 Wyzowl 在 2025 年的調查，91% 的企業已經把影片當作行銷工具在使用。但很多人只把影片丟到 YouTube 上就覺得「有做影片行銷了」，回頭看自己的官網，一支影片都沒有。
這就好像你開了一家實體店面，裝潢很漂亮，但門口的電視螢幕是關著的。客人走進來，看了幾行文字就離開了。
影片之所以重要，不只是因為它「比較潮」，而是因為它真的能留住人。根據 HubSpot 的數據，有嵌入影片的網頁平均停留時間比純文字頁面多出 2.6 倍。停留時間拉長，Google 自然會認為你的頁面有價值，排名也跟著往上走。
問題來了：影片該怎麼放到網站上才對？隨便貼一個 YouTube 連結就好嗎？當然不是。影片嵌入方式、頁面版面配置、影片內容跟頁面主題的搭配，每一步都會影響最後的效果。這篇就來聊聊網站設計師在規劃影片行銷時，需要注意的幾個關鍵環節。
為什麼 YouTube 嵌入比自託管影片更適合多數網站
很多設計師第一個反應是「那我把影片檔案直接放到伺服器上就好了嘛」。這個想法可以理解，但對大多數網站來說，直接嵌入 YouTube 影片是更聰明的選擇。
頻寬成本
一支 1080p 的 3 分鐘影片，檔案大概 200-400MB。如果你的網站一天有 500 個訪客，其中一半的人點了影片，那一天就要傳輸 50-100GB 的數據。放在自己的主機上，頻寬費用會讓你非常心痛。YouTube 幫你免費搞定這件事。
自適應畫質
YouTube 會根據觀眾的網路速度自動調整影片畫質。在 4G 環境下自動降到 480p，Wi-Fi 環境下自動跳到 1080p。你自己託管影片要做到這個程度，得花不少功夫在串流技術上。
SEO 加分
Google 會索引嵌入在網頁上的 YouTube 影片。如果你的 YouTube 頻道也有在經營，嵌入影片等於讓你的網站和 YouTube 頻道互相導流，形成一個流量循環。
當然，自託管影片也有它的場景——比如你不想讓觀眾在影片結束後看到 YouTube 推薦的競爭對手影片。不過這個問題可以透過嵌入參數 rel=0 來緩解，我們後面會提到。
影片在網頁上的最佳版面配置
把影片放到網站上不是貼上去就好。位置、大小、周圍的元素配置，都會影響訪客到底會不會點開看。
首屏影片的放法
如果影片是這個頁面的核心內容（比如產品介紹頁），影片應該放在首屏——也就是訪客不需要捲動就能看到的位置。但不要讓影片佔滿整個螢幕，旁邊要有標題和一段簡短的文字說明影片的內容。
很多人忽略了這件事：訪客需要一個理由才會按下播放鍵。如果他們不知道影片在講什麼，大多數人是不會按的。一行「3 分鐘了解我們如何幫客戶省下 40% 的廣告預算」比一個孤零零的播放按鈕有效太多了。
影片寬度的拿捏
在桌面版，影片寬度建議佔內容區域的 70-80%，不要 100%。滿版影片在視覺上很壓迫，而且會讓觀眾的焦點只放在影片上，忽略了你精心安排在旁邊的 CTA 按鈕或重要資訊。
在手機版，影片寬度可以到 100%，因為手機螢幕本來就小，不佔滿的話影片會小到看不清楚。
影片數量的控制
一個頁面放 1-2 支影片就夠了。我看過有些網站一個頁面塞了 5、6 支影片，訪客根本不知道該看哪一支，最後一支都沒看。這就跟餐廳菜單太多頁、客人反而不知道要點什麼是一樣的道理。
嵌入參數的魔鬼細節
YouTube 的嵌入代碼提供了不少參數可以調整，大多數人都用預設值，但有幾個參數你絕對要知道。
rel=0：防止推薦競爭對手
預設情況下，影片播放結束後 YouTube 會顯示推薦影片。雖然加了 rel=0 之後 YouTube 還是會推薦影片，但至少只會推薦你自己頻道的內容，而不是競爭對手的影片。
loading="lazy"：延遲載入
YouTube 嵌入的 iframe 預設會在頁面載入時就開始下載。如果你的頁面有 2 支以上的影片，或者影片不在首屏，加上 loading="lazy" 讓瀏覽器在訪客捲動到影片位置時才載入，可以顯著提升頁面的初始載入速度。
start 和 end：精準控制播放片段
如果你有一支 10 分鐘的完整教學影片，但某個頁面只需要其中 2 分鐘的片段，可以用 start=120&end=240 讓影片從第 2 分鐘開始播到第 4 分鐘停止。這比要求團隊重新剪一支短影片省事多了。
facade 技術：用圖片假裝成影片
這是進階技巧。頁面初始載入時不載入 YouTube 的 iframe，而是顯示一張影片的縮圖。訪客點擊後才載入 iframe 並開始播放。這個做法可以讓頁面的 Core Web Vitals 數據大幅改善——尤其是 LCP 和 FID。
影片內容與網頁主題的搭配策略
嵌入影片不是隨便找一支相關的影片貼上去就好。影片的內容必須跟網頁的主題、訪客的意圖高度吻合，才能發揮「留住人」的效果。
產品頁面：用影片展示實際使用場景
文字和圖片能展示產品的外觀和規格，但影片能展示「用起來是什麼感覺」。一家台中的家具品牌，在每個產品頁面都加上了 60-90 秒的影片，展示家具在真實居家環境中的樣子、觸感、組裝過程。結果產品頁的平均停留時間從 48 秒提升到 2 分 15 秒，加入購物車的比例也提高了 23%。
服務頁面：用影片建立信任
如果你賣的是服務而不是商品，影片的重點應該放在「讓潛在客戶認識你」。一支 2 分鐘的創辦人自我介紹、團隊介紹、或是服務流程說明，比寫 2000 字的「關於我們」頁面有效得多。
部落格文章：用影片補充深度內容
在長篇文章中嵌入相關的 YouTube 影片，可以讓不喜歡讀長文的訪客用看影片的方式吸收同樣的資訊。這不是取代文字，而是多提供一個選擇。
一個實際案例：健身器材電商的影片整合策略
我們之前協助一家健身器材電商做網站改版，其中一個重點就是把 YouTube 影片整合進產品頁面。
改版前的問題
他們的 YouTube 頻道經營得不錯，有 3 萬多訂閱者，每週都有新的健身教學和器材評測影片。但官網上完全沒有利用這些影片——產品頁面只有照片和規格表，跳出率高達 72%，平均停留時間只有 35 秒。
我們做了什麼
- 在每個產品頁面的首屏嵌入一支 90 秒的器材示範影片，用 facade 技術避免影響載入速度
- 在產品頁面下方增加「相關教學」區塊，嵌入 2 支使用該器材的健身教學影片
- 在影片旁邊加上文字摘要和時間戳，讓訪客可以快速跳到感興趣的片段
- 把 YouTube 頻道的影片描述欄都加上對應產品頁面的連結
結果
三個月後，產品頁面的平均停留時間從 35 秒提升到 3 分 42 秒，跳出率從 72% 降到 41%，而且來自 YouTube 的導流佔了整體流量的 18%。更關鍵的是，看過影片的訪客轉換率比沒看的高了 34%。
這個案例說明了一件事：影片不只是「好看的裝飾」，它是真的能推動業績的工具。
影片嵌入對 SEO 的影響
Google 對有影片的頁面確實有偏好，但你得做對幾件事才能拿到這個加分。
Video Schema 結構化資料
在嵌入 YouTube 影片的頁面加上 VideoObject 的 Schema markup，告訴 Google 這個頁面有影片、影片叫什麼名字、多長、縮圖是什麼。做對了這一步，你的頁面在搜尋結果中就有機會顯示影片縮圖，點擊率可以提升 30% 以上。
影片轉錄文字
把影片的口述內容轉成文字，放在影片下方。這有兩個好處：第一，Google 可以透過這些文字了解影片的內容，更精準地判斷頁面跟搜尋關鍵字的相關性。第二，不方便開聲音的訪客也能獲得影片的資訊。
影片 Sitemap
如果你的網站有很多嵌入影片的頁面，建立一個影片 Sitemap 提交到 Google Search Console 可以加速 Google 發現和索引這些影片內容。
常見的錯誤做法
最後提醒幾個我常看到的錯誤。
自動播放
拜託不要讓影片自動播放。尤其是有聲音的自動播放。訪客正在安靜的辦公室裡瀏覽你的網站，突然大聲播放影片，他的第一反應不是看影片，而是關掉你的網站。
影片尺寸沒有做 RWD
YouTube 嵌入預設是固定寬度和高度。在手機上如果沒有處理響應式設計，影片會超出螢幕或者變得很小。用 CSS 的 aspect-ratio: 16/9 搭配 width: 100% 就能解決這個問題。
把影片當成唯一的內容
有些網站的產品頁面就是一支影片加一個購買按鈕，沒有任何文字。這對 SEO 非常不利——Google 主要還是透過文字來理解頁面內容。影片應該是文字的補充，不是取代。
忽略影片的載入速度影響
一個 YouTube 嵌入會載入大約 500KB-1MB 的資源。如果你一個頁面塞了好幾個嵌入又沒有做延遲載入，頁面的 PageSpeed 分數會掉得很慘。
結語：讓影片成為網站設計的一部分，而不是事後附加
影片行銷和網站設計不應該是兩件分開的事。從網站規劃階段就把影片的位置、嵌入方式、互動設計考慮進去，才能讓影片真正發揮它的價值——留住訪客、建立信任、推動轉換。
如果你已經有在經營 YouTube 頻道，那你的官網更沒有理由不利用這些影片資產。反過來說，如果你的網站需要影片但還沒開始製作，從手機拍攝的簡單產品介紹開始就好，不需要一步到位。重要的是先開始做，然後持續優化。