搜尋
清除搜尋內容
關閉搜尋框
Google 應用程式
主選單

修正網誌的混合內容

如果您為網誌啟用 HTTPS,建議您配合 HTTPS 來修改您的網誌內容,確保這些內容能夠正確顯示。

當網頁透過 HTTPS 安全地下載了初始 HTML 內容,接著又透過不安全的 HTTP 載入後續內容 (例如圖片、影片、樣式表、指令碼),這時就會產生混合內容錯誤。這些瀏覽器錯誤不僅會降低 HTTPS 的安全性,更會讓瀏覽您網誌的使用者感受不佳。

下列來源中的 HTML 標記或 JavaScript 內容可能會導致混合內容的產生:

  • 範本來源
  • 文章和網頁來源
  • 小工具來源

檢查您的網誌是否有混合內容錯誤

使用最新版 Chrome。

  1. (選擇性) 將所有非 Google 小工具從您的網誌中移除。
  2. 從您的瀏覽器透過 HTTPS 造訪您的網誌。
  3. 在瀏覽器頂端依序按一下 [檢視] > [開發人員] > [JavaScript 控制台]。
  4. 尋找混合內容錯誤:
    • “Mixed Content: The page at 'https://<您的網誌>.blogspot.com/' was loaded over HTTPS, but requested an insecure script 'http://<某一網址>/script.js'. This request has been blocked; the content must be served over HTTPS.”
    • “Mixed Content: The page at 'https://<您的網誌>.blogspot.com/' was loaded over HTTPS, but requested an insecure image 'http://<某一網址>/image.jpg'. This content should also be served over HTTPS.”
  5. 列出您看到的網誌網址,以及錯誤訊息中指出有安全疑慮的所有網址。
  6. (選擇性) 逐一將小工具重新加入您的網誌。重複步驟 2 至 5,並記下任何新產生的混合內容錯誤。

請務必逐一進入您網誌的各個網頁查看,因為系統僅會針對瀏覽過的網頁 (而非整個網誌) 顯示錯誤訊息。記下您看到的錯誤,以及是否有多個網誌頁面出現相同的問題網址。

修正網誌的混合內容錯誤

 

如果錯誤僅出現在單一網頁

這表示造成混合內容的來源可能是網誌當中的一個網頁或文章。

  1. 按一下您網誌資訊主頁中的 [文章] 或 [網頁]。
  2. 使用您檢查混合內容時所列的網誌網址清單。找出有問題的文章或網頁,然後按一下 [編輯]。
  3. 按一下左上角的 [HTML]。
  4. 在瀏覽器頂端,依序按一下 [編輯] > [尋找] > [尋找...]。
  5. 搜尋「http://」。
  6. 如果您在 HTML 標籤屬性 (也就是 <img>、<video>、<audio>、<script><link> 標籤) 中找到任何 HTTP 網址,請將「http://」改為「https://」。
  7. 在瀏覽器中透過新視窗來開啟各個網址,藉此確認 HTTPS 可以正確顯示這些網址。如果 HTTP 和 HTTPS 連結顯示相同結果,表示一切正常。
  8. 按一下 [更新] 儲存文章或網頁。
  9. 再次檢查您的網頁中還有沒有混合內容,確認所有錯誤皆已排除。

 

如果有多個網頁出現相同錯誤

這表示造成混合內容的來源可能是您使用的其中一個範本。

  1. 按一下您網誌資訊主頁中的 [範本]。
  2. 按一下 [編輯 HTML]。
  3. 按一下範本內容,再按一下 Ctrl + f 鍵 (Windows) 或 Cmd+F 鍵 (Mac)。
  4. 搜尋「http://」。
  5. 如果您在 HTML 標籤屬性 (也就是 <img>、<video>、<audio>、<script><link> 標籤) 中找到任何 HTTP 網址,請將「http://」改為「https://」。
  6. 在瀏覽器中透過新視窗來開啟各個網址,藉此確認 HTTPS 可以正確顯示這些網址。如果 HTTP 和 HTTPS 連結顯示相同結果,表示一切正常。
  7. 按一下 [儲存範本]。
  8. 再次檢查您的網頁中還有沒有混合內容,確認所有錯誤皆已排除。

如果錯誤仍未完全解決,那麼原因可能出在您網誌所使用的其中一個小工具。這時,請移除您使用的非 Google 小工具,然後檢查您的網誌中還有沒有混合錯誤,然後再次逐一新增小工具,以便確認是哪一個小工具含有混合內容。

如何修正小工具所造成的混合內容:

  1. 檢查小工具標記或來源 (如果有的話)。
  2. 將小工具從您的網誌中移除。
如需取得進一步的協助,請前往 Blogger 論壇搜尋您遇到的問題或參閱相關文章。

使用 Blogger 文章編輯器避免出現混合內容錯誤

您可以利用 Blogger HTML 編輯器找出文章和網頁中是否有混合內容。

  1. 為網誌啟用 HTTPS
  2. 建立新文章或網頁,或是編輯現有文章或網頁,開啟 Blogger 編輯器。
  3. 輕觸或按一下 [編輯]
  4. 輕觸或按一下左上角的 [HTML]
  5. 進行所需變更。
  6. 輕觸或按一下右上角的 [發佈] 或 [儲存]。如果內容有任何錯誤,就會顯示在編輯器畫面中,而且系統不會儲存該文章或網頁。
  7. 如要處理錯誤,請輕觸或點選下列選項:
    • 修正:修正編輯器指出的錯誤並儲存文章。
    • 關閉:忽略該部分的錯誤。

注意:關閉錯誤會直接儲存文章或網頁。只要重新整理頁面,錯誤就會再次顯示。

這篇文章實用嗎?
我們應如何改進呢?