如何在 WordPress 中嵌入影片(逐步指南)

已發表: 2024-08-28

研究發現,與文字內容相比,影片內容能吸引更多的線索、注意力和流量。畢竟,這類內容更具吸引力、互動性更強、更容易掌握。

您還可以透過創建影片內容並將其嵌入到您的部落格或貼文中來提高您的網站的優勢,以獲得更好的搜尋引擎可見性。無論是教學、新聞或資訊內容,影片格式的內容都易於任何人觀看和理解。它給人一種人與人互動的感覺。

為了讓這項策略成功,我們將幫助您如何輕鬆地將影片嵌入 WordPress 網站。因此,事不宜遲,讓我們開始吧。

但在深入研究這些方法之前,首先要了解為什麼在 WordPress 中嵌入影片很重要。


目錄
如何在WordPress網站中嵌入影片?
為什麼在 WordPress 中嵌入影片如此重要?
關於優化和增強影片以獲得更好用戶體驗的一些技巧
結論

如何在WordPress網站中嵌入影片?

在本節中,我們將幫助您提供三種主要方法,您可以透過它們在 WordPress 網站中嵌入影片。

  • 使用影片來源 URL 直接嵌入
  • 使用區塊編輯器直接嵌入您的視頻
  • 使用影片小工具或自訂 HTML 小工具將影片嵌入到 WordPress
  • 使用 iFrame 方法在 WordPress 中嵌入視頻
  • 使用 WordPress 外掛程式在 WordPress 中嵌入視頻

1.使用視訊來源URL直接嵌入(oEmbed方法)

oEmbed 是一種協議,允許將任何媒體嵌入到網站/網頁中,直接插入其來源 URL。

這是最簡單的方法之一,不需要任何 WordPress 外掛或技術專業知識。

你所要做的就是,

  • 造訪 YouTube 等影片平台
  • 導航到您想要嵌入 WordPress 網站/頁面的您最喜愛的影片。
  • 從網址列複製影片的 URL
  • 前往 WordPress 儀表板 > 開啟要嵌入的頁面/貼文 > 開啟視覺化編輯器。
  • 將連結貼到要顯示影片的任意位置。

WordPress 將自動偵測連結並為您嵌入影片。

例如:我們在這篇文章中嵌入了一個視頻鏈接,這是發布前的樣子:

Directly Embed using Video source URL
使用影片來源 URL 直接嵌入

這就是它在螢幕上的顯示方式:

但也要考慮這種方法的優缺點:

優點:

  • 易於使用:簡單,無需任何技術技能。
  • 相容性:適用於大多數 CMS 和平台。
  • 免維護:託管服務處理儲存和頻寬。
  • 自動更新:更改立即反映。
  • SEO 的好處:透過優化良好的平台來提高可見度。
  • 響應式設計:自動適應不同設備。

缺點:

  • 有限的定制:受限的外觀和行為控制。
  • 第三方依賴性:視訊可用性與主機平台相關。
  • 品牌問題:包括主機平台的品牌。
  • 隱私問題:第三方追蹤和資料收集。
  • 廣告和乾擾:可能出現廣告和不相關的內容。
  • 載入時間:會減慢頁面載入速度。
  • 合規風險:遵守主機平台政策和法規。

2. 使用區塊編輯器直接嵌入視頻

在您可以關注的 WordPress 網站中嵌入影片的另一種簡單方法是使用 WordPress 影片小工具。這種方式不依賴第三方影片串流平台(如YouTube、Vimeo等),更像是一種自助影片託管服務。

你所要做的就是,

1. 登入您的 WordPress 儀表板。

2. 前往您要嵌入影片的頁面/帖子,然後點擊編輯按鈕。 (始終在可視化編輯器中開啟)

3. 現在點擊「新增區塊,如圖所示,以「+ 」號表示」並蒐索「影片小工具」。

Directly embed your Video using the Block editor
使用區塊編輯器直接嵌入您的視頻

4. 將提供您三個選項,您可以選擇其中一個選項、上傳影片、插入媒體庫中的影片或直接插入影片 URL。

這種方法看起來很方便,實際上也很方便,但你也應該考慮它的優點和缺點。

直接上傳影片到 WordPress 的優點:

  • 完全控制:無第三方品牌或廣告。
  • 一致的品牌:與您網站的設計無縫整合。
  • 無第三方依賴:視訊可用性取決於您的託管。
  • 隱私:無第三方追蹤或資料收集。

直接將影片上傳到 WordPress 的缺點:

  • 伺服器負載增加:伺服器負載和頻寬使用率更高。
  • 儲存限制:大檔案會消耗託管儲存空間。
  • 手動更新:需要手動更新內容變更。
  • 缺乏功能:錯過分析和輕鬆共享等功能。
  • 相容性問題:確保跨裝置流暢播放更加困難。
  • SEO 限制:與第三方平台相比,SEO 優勢較少。

閱讀: 5 個最佳企業私人影片託管平台


3. 使用影片小工具或自訂 HTML 小工具將影片嵌入 WordPress

注意:此特定方法最好用於在網站的側邊欄或頁腳處顯示影片。

這是逐步指南:

1. 登入您的 WordPress 儀表板。

2. 前往外觀 > 小工具

3. 找到視訊小工具並將其拖曳至所需位置。

Embed Videos to WordPress using a Video Widget
使用影片小工具將影片嵌入 WordPress

4. 點選新增影片

5. 從媒體庫中選擇影片檔案或上傳新檔案。

但是,如果您想要更多的自訂和控制,您也可以在 WordPress 中使用自訂 HTML 小工具。只需按照以下步驟操作:

1. 在 WordPress 管理面板中,前往外觀 > 小元件

2. 找到自訂 HTML小工具並將其拖曳到您希望影片顯示的區域。

3. 現在前往您最喜歡的影片串流平台,例如 YouTube,然後導航到您想要嵌入的最喜歡的影片。右鍵單擊視訊視窗上的任意位置,然後選擇“複製嵌入程式碼”,如下所示:

4. 現在將嵌入程式碼貼到小部件的文字區域。

5. 點擊「儲存」應用程式變更並將影片嵌入您的網站。


4.使用iFrame方法在WordPress中嵌入視頻

注意:此方法最適合那些在 WordPress 中嵌入影片時需要更多控制和自訂的使用者。

iFrame 是最好的功能之一,借助它,您可以在您的網站上顯示其他網站的內容,而無需任何熱連結。以下是您在 WordPress 網站上實現此功能的方法。

1. 在 YouTube 上,點擊影片下方的“共享”按鈕並選擇“嵌入”或直接右鍵單擊影片視窗上的任意位置並選擇“複製嵌入程式碼”,就像本文的第三種方法中提到的那樣。

 Embed Video in WordPress using the iFrame method
使用 iFrame 方法在 WordPress 中嵌入視頻

2. 現在前往 WordPress 編輯器,切換到「文字」或「程式碼」視圖,然後將 iframe 程式碼貼到您想要影片的位置。

3. 調整 iframe 的尺寸以確保影片適合您網站的設計,然後就完成了。

使用 iFrame 方法有其優點和缺點:

使用 iFrame 嵌入影片的優點:

  • 可自訂:輕鬆調整尺寸和位置。
  • 輕鬆整合:透過貼上 iframe 程式碼即可輕鬆新增。
  • 無託管成本:節省伺服器的儲存和頻寬。
  • 無廣告:控制外觀,無需額外廣告。
  • 響應式:適合不同設備。

使用 iFrame 嵌入影片的缺點:

  • 第三方依賴:依賴外部平台的效能。
  • 有限的定制:對視頻播放器的控制較少。
  • 潛在的載入問題:外部延遲可能會影響載入。
  • 隱私問題:外部平台可能會追蹤用戶資料。
  • SEO 影響:與自架影片相比,SEO 效益較小。

5. 使用 WordPress 外掛程式在 WordPress 中嵌入視頻

對於那些喜歡進行更多自訂並尋找在 WordPress 中嵌入影片的高級設定的人來說,這是最合適的方法。

以下是您可以使用的最佳 WordPress Vidoe 外掛:

  • 簡易影片播放器
  • YouTube 供稿
  • 一體化影片庫

這些外掛程式可讓您優化和自訂在所有裝置上看起來都很棒的視頻,從而改善網站上的用戶體驗。

使用 WordPress 外掛程式嵌入影片的優點:

  • 易於使用:簡單、快速的嵌入。
  • 進階功能:提供延遲載入、自訂播放器和分析。
  • 一致性:影片外觀一致。
  • 效能:優化影片載入和播放。
  • SEO :透過網站地圖和元數據增強 SEO。

使用 WordPress 外掛嵌入影片的缺點:

  • 相容性問題:與其他外掛程式或主題的潛在衝突。
  • 維護:需要定期更新。
  • 效能影響:某些外掛程式可能會減慢您的網站速度。
  • 學習曲線:學習和配置設定所需的時間。
  • 開發人員依賴:依賴開發人員提供更新和支援。

閱讀:如何在 WordPress 網站中嵌入 Google 地圖?


為什麼在 WordPress 中嵌入影片如此重要?

在網頁內容中嵌入影片可以顯著增強用戶體驗並促進搜尋引擎優化。以下是嵌入影片很重要的幾個原因:

  • 增強的用戶參與度:據觀察,影片比文字和圖像內容更具吸引力。它們可以立即吸引註意力並保持更長時間,從而增加在頁面上花費的時間。
  • 改進的搜尋引擎優化:搜尋引擎始終努力為用戶提供最佳的用戶體驗;因此他們喜歡包含多媒體的內容。由於影片提供了更豐富的用戶體驗,因此可以透過增加保留時間和降低跳出率來幫助改善頁面的 SEO。此外,如果影片經過適當優化,它們有可能出現在影片搜尋結果中並提高整體可見度。
  • 更好地解釋複雜概念:影片是解釋僅透過文字可能難以傳達的複雜想法或過程的絕佳方式。這對於教學課程、產品演示和教育內容特別有用。
  • 增加社群分享:影片更方便在社群媒體平台上分享。它們可以為您的網站帶來更多流量並提高品牌曝光。
  • 提高轉換率:影片有助於說服客戶,並可顯著提高轉換率。產品影片、推薦和解說影片可以幫助建立信任並說服訪客採取行動,無論是購買、訂閱新聞通訊還是填寫聯絡表單。
  • 行動優化:隨著行動裝置的使用越來越多,影片已成為行動體驗的重要組成部分。與大塊文字相比,影片在小螢幕上更容易使用。
  • 豐富的摘要:嵌入影片可以在搜尋結果中啟用豐富的摘要,使您的清單更具吸引力和可點擊性。豐富的摘要可以包含影片縮圖,這比標準文字清單更能吸引人們的注意。
  • 教育與資訊內容:影片可以有效提供教育和資訊內容,滿足不同的學習方式。他們可以將訊息分解為易於理解、視覺上吸引人的部分。

關於優化和增強影片以獲得更好用戶體驗的一些技巧

僅僅將影片嵌入 WordPress 並直接發布是不夠的。您還需要確保嵌入的影片易於存取、有效且有吸引力。

為了幫助您解決此問題,以下是一些可以更好地優化影片並增強用戶體驗的提示:

  • 始終使用正確的視訊格式:MP4 是一種流行的視訊格式,但並非所有裝置都支援它。為了確保您的影片隨處播放,還可以使用其他格式,例如 WebM 和 OGV。有些工具可以自動為每個檢視器選擇最佳格式。
  • 讓影片易於存取:還可以透過添加字幕或副標題來為失聰或聽力障礙人士優化影片。如果可能的話,提供文字記錄以便更好地理解和搜尋引擎優化。對於身體殘疾的用戶,請確保無法使用滑鼠的用戶可以使用鍵盤來使用影片播放器。
  • 優化縮圖:有吸引力的縮圖可以讓人們更有可能點擊您的影片。有時,有創意但不具誤導性的點擊誘餌縮圖可以創造奇蹟。但請確保建立一個自訂縮圖,同時提供有關影片內容的提示。
  • 檢查視訊表現:始終關注分析報告,以了解影片的表現。始終監控觀看次數、參與度以及人們停止觀看的位置。收集這些資訊並利用它來改進您的視訊策略。

透過遵循這些提示,您可以使您的影片更具吸引力和效果。


閱讀:在 WordPress 上嵌入影片而不影響頁面載入速度的最有效方法


結論

儘管在 WordPress 中嵌入視頻有五種不同的方法,但我們建議您始終嵌入來自受信任的第三方平台(如 YouTube)的視頻,或者最好使用 iFrame 方法。

現在您已經學習了在 WordPress 中嵌入影片的不同方法以及一些外掛程式以使其功能更加豐富,是時候實施它們並吸引更多流量了。

如果您對這篇文章有任何疑問或建議,請在下面的評論部分告訴我們。