如何修復 WordPress 中的混合內容錯誤

已發表: 2023-12-19

WordPress 象徵著創造力和功能性,使數百萬用戶能夠將他們的數位想法變成現實。

然而,即使是精心設計的 WordPress 網站也會面臨技術障礙,其中一個常見問題是「混合內容錯誤」。

如果您在瀏覽網站時看到有關網頁不安全部分的警告,則您可能遇到了此錯誤。 當網站包含安全性 (HTTPS) 和非安全性 (HTTP) 元素時,就會發生這種情況,為使用者帶來潛在的安全風險。

不用擔心! 在這篇文章中,我們將討論混合內容錯誤並提供在 WordPress 網站上修復該錯誤的可行步驟。

你準備好了嗎? 讓我們深入了解一下。

目錄

  1. 什麼是 WordPress 中的混合內容錯誤?
  2. 如何識別 WordPress 中的混合內容錯誤
  3. 修復 WordPress 中的混合內容錯誤
  4. 經常問的問題
  5. 結論

1什麼是 WordPress 中的混合內容錯誤?

當網站透過 HTTPS 提供服務但也包含不安全 (HTTP) 的元素時,WordPress 中會出現混合內容錯誤。

HTTP 代表超文本傳輸協定。 它是一種允許訪客的瀏覽器與您的 WordPress 網站進行通訊的協議,而 HTTPS(安全超文本傳輸協定)是 HTTP 的安全版本,可對通訊進行加密。

HTTPS/SSL 有助於保護敏感資訊免於駭客攻擊,並確保您的網站安全。

Google 等搜尋引擎強烈建議網站所有者在其網站上包含 HTTPS/SSL。

擁有安全通訊端層 (SSL) 憑證對於您的網站非常重要,因為它是排名因素,並表明使用 HTTP 的網站被認為是不安全的。

因此,沒有 SSL 憑證可能會對您網站的排名產生負面影響。

為網站取得 SSL 憑證非常簡單,因為大多數最好的託管提供者都將免費憑證作為其套餐的一部分。

如果您成功為網站安裝了 SSL 證書,您可能會注意到瀏覽器網址列中網站 URL 旁邊有一個掛鎖。

掛鎖

另一方面,如果您的 HTTPS/SSL 設定配置不正確,您會在網址列中看到資訊標誌或損壞的掛鎖圖示。

您還會看到一則訊息:「您與此網站的連線不安全」。

連線不安全

因此,如果在安裝 HTTPS/SSL 後,您網站上的某些資源會繼續透過不安全連線 (HTTP) 加載,則您應該會出現混合內容錯誤。

圖像、腳本和樣式表是這些資源的範例。

2如何識別 WordPress 中的混合內容錯誤

使用瀏覽器的檢查工具,您可以識別使用不安全協定提供的內容。 您可以透過右鍵點擊包含圖像等內容的頁面並選擇「檢查」來檢查您的網站。

點擊“檢查”修復混合內容錯誤

當您按一下「檢查」時,瀏覽器的「檢查」工具將啟動。 接下來,導覽至「控制台」標籤。

混合內容錯誤將在控制台中顯示為警告,如下所示。

控制台選項卡

如果控制台上只有一個錯誤,您可以透過編輯發現錯誤的貼文、頁面或主題檔案來手動修復該錯誤。

仔細觀察圖像中突出顯示的部分,您將看到在「但請求不安全元素」這句話之後提供的 URL。 按一下 URL。

點選網址

點擊該 URL 將轉到主要資源,從而觸發混合內容錯誤。

例如,

通常情況下。 您網站上圖片的 URL 應如下所示:https: https://example.com/images/image.jpg.

如您所看到的,上面的圖像 URL 格式以 HTTPS 開頭。

但是,如果您使用以下格式直接將圖像插入您的網站:

http://example.com/images/image.jpg.

它幾乎肯定會導致混合內容錯誤,因為圖片 URL 以不安全的協定 HTTP 開頭。

這就是說,只要您網站的資源 URL 以 HTTP 開頭,就一定有混合內容問題。 因此,當您找到該資源時,請在您網站的頁面上尋找它並手動刪除或更新 URL。

但是,在大多數情況下,WordPress 會動態添加這些元素或將它們儲存在資料庫中。 在這種情況下,手動檢測和修復所有這些問題將很困難。

現在,讓我們研究一下 WordPress 中混合內容錯誤的簡單修復方法。

3修復 WordPress 中的修復混合內容錯誤

修復此錯誤的最簡單方法是使用插件。

您所要做的就是安裝並啟用SSL 不安全內容修復器外掛程式。

您可以參考我們關於安裝 WordPress 外掛的專門教學。

啟用外掛後,從 WordPress 儀表板前往「設定」→「SSL 不安全內容」

導航至 SSL 不安全內容

該插件提供了多種針對混合內容錯誤的修復。 我們將詳細介紹每個選項,解釋其工作原理並幫助您確定最適合您情況的選項。

“關閉”選項開始,如果您當前遇到混合內容錯誤,則不需要它,因此請隨意跳過它。 讓我們討論其他選項。

1. 簡單

對於初學者來說,這是最快且強烈推薦的選擇。 它會自動解決與樣式表、腳本和媒體庫圖像相關的 WordPress 混合內容錯誤。 選擇此解決方案應該可以立即解決該錯誤。

2. 內容

如果「簡單」等級無法修復網站上的「混合內容」錯誤,請嘗試「內容」設定。 它將使用 Simple 的所有功能,並檢查 WordPress 頁面內容和文字小部件中資源的修復。

3. 小部件

此等級包括內容等級中應用的所有修復,以及網站上任何小部件上載入的資源的附加修復。

4. 捕捉

此方法可擷取每個 WordPress 網站頁面上的所有內容,從頁首到頁腳,例如腳本、樣式表和其他資源,並將它們替換為 HTTPS URL。 它排除了 Ajax 調用,以防止一些相容性和效能問題。

5. 捕獲全部

當前面所有層級都失敗時,可以嘗試此設定。 與「捕獲」選項一樣,它會捕獲整個頁面並修復腳本、樣式表和其他資源。

但是,在這種情況下,它並不排除 Ajax 調用,而是包含它們,這很可能會導致您的網站出現相容性和效能問題。

我們建議您從第一個選項開始,然後使用瀏覽器的檢查工具測試您的網頁,看看錯誤是否已解決。 您應該對所有其他選項重複此過程,直到您找到解決內容錯誤的選項。

對於您網站的特定主題和外掛程式以及是否將外部網站內容保留在 HTTP 上,還有其他選項。 您可以保留這兩個選項並繼續執行最後一個選項。

在最後一個選項中,您必須指定 WordPress 如何偵測透過 HTTPS 載入頁面的情況。

HTTPS偵測

對設定感到滿意後,請點選「儲存變更」按鈕進行儲存。

清除網站快取並返回檢查工具以確保混合內容錯誤消失。

4常見問題

如何修復 WordPress 中的混合內容錯誤?

最簡單的方法是使用 WordPress 外掛。
您可以手動更新您網站的所有網址。
您仍然可以修改 .htaccess 檔案(需要編碼經驗)。

如何防止將來出現混合內容錯誤?

確保在您的網站上安裝 SSL 憑證。 避免在您的網站頁面上使用具有不安全 URL (HTTP) 的第三方圖像。
安裝新外掛程式或主題時要小心,並確保它們與 HTTPS 相容。

如果我自己無法修復網站上的混合內容錯誤怎麼辦?

如果您無法獨立解決混合內容錯誤,請立即聯絡您的網站寄存供應商的支援人員或聘請專業開發人員。

5結論

解決 WordPress 網站中的混合內容錯誤對於維護安全、無縫的瀏覽體驗是必要的。

選擇託管提供者時,請確保他們提供免費的 SSL 證書,並且您在安裝 WordPress 網站時從託管面板或 cPanel 安裝 SSL 證書。

其次,確保不要在網頁上貼上不使用安全性協定(例如 HTTPS)的 URL,因為這些也可能會觸發此錯誤。

但是,如果您已經遇到了該問題,您可以使用本部落格文章中提到的推薦外掛程式來修復錯誤,或者您可以在檢測到連結時手動更新連結。

如果您喜歡這篇文章,請透過推文@rankmathseo 告訴我們。