Video 影片嵌入:YouTube、Vimeo 一鍵內嵌 + VideoObject Schema
2026年4月24日· Howshin Wang
TL;DR
- Video 是影片嵌入 block,支援 YouTube 與 Vimeo,貼分享連結即可。
- 自動產生 VideoObject Schema.org 結構化資料,影片可能出現在 Google 搜尋結果。
- 欄位簡單:heading、subheading、url、caption。
- 載入策略為「點擊才載影片」(lazy),不影響頁面 LCP。
為什麼要嵌入影片
影片是轉換率最強的內容形式之一——停留時間平均比純文字高 3-5 倍。對特定產業更是必備:
- 教練 / 老師 / 講師:讓訪客感受你的教學節奏與聲音。
- 餐飲 / 民宿 / 工作室:空間 30 秒巡禮,勝過 10 張照片。
- 產品展示:使用過程、開箱、實際效果。
- 品牌故事:1-2 分鐘品牌短片,比純文字更易記。
AHHA 的 Video block 不是讓你自己跑 CDN 存影片(那很貴),而是接 YouTube / Vimeo 這些免費代管平台,把影片嵌到你的網站頁面裡。
編輯器欄位
- 標題(heading):例如「看看我們的空間」、「了解服務流程」。選填。
- 副標(subheading):補充說明,例如「1 分 30 秒」、「去年新開幕紀錄」。選填。
- 影片網址(url):貼 YouTube 或 Vimeo 的網址即可,不用做任何格式轉換。
- YouTube 支援:
youtube.com/watch?v=xxx、youtu.be/xxx、youtube.com/embed/xxx。 - Vimeo 支援:
vimeo.com/xxx、player.vimeo.com/video/xxx。
- YouTube 支援:
- 說明文字(caption):影片下方的小字說明,選填。
- i18n 分頁:heading、subheading、caption 支援多語;url 不支援(一個影片就是一個網址)。
該放什麼影片
有效的:
- 品牌故事短片(1-2 分鐘)。
- 服務流程介紹(30 秒至 1 分鐘)。
- 空間 / 環境巡禮。
- 客戶訪談 / 推薦影片。
- 產品使用教學。
無效的 / 會反效果:
- 超過 5 分鐘的長影片(訪客不會看完)。
- 音樂版權有疑慮的影片(播放到一半靜音很尷尬)。
- 畫質差的手機直拍(除非刻意走真實風)。
搭配建議
Video 常見位置:
- Hero 之後或取代 Hero:用 3-40 秒品牌短片當 Hero 的升級版(但要放有隱藏字幕、靜音自動播放的版本,這個目前 Hero block 直接支援,Video block 則是主動觀看的影片區)。
- Services / Features 之後:用影片補充文字說明。
- About 頁:主理人 1 分鐘自我介紹影片。
三個常見錯誤
- url 貼成播放清單連結:貼
youtube.com/playlist?list=...會出錯。要貼單一影片連結。 - 影片設私人:YouTube 的「不公開」影片網站訪客可能看不到,確認是「公開」或「不公開」中的「不公開」限制是否允許嵌入。最保險是公開。
- 忽略影片的手機體驗:桌機看很帥,手機版可能比例跑掉。設定後一定開手機預覽檢查。
寫在最後
Video 不是每頁都要放——該頁面真的有一段好影片再放。放錯的影片比不放更扣分,因為它會把訪客從閱讀節奏中拉走,結果沒補回信任。
登入 AHHA 後台 → 頁面管理 → 加入 Video block → 貼 YouTube / Vimeo 網址 → 存檔即內嵌。
Video 區塊影片嵌入YouTubeVimeoVideoObject Schema
留言討論
只有會員能留言(防止垃圾訊息),留言顯示於此頁。
載入中...