如果您為網誌啟用 HTTPS,建議您配合 HTTPS 來修改您的網誌內容,確保這些內容能夠正確顯示。
當網頁透過 HTTPS 安全地下載了初始 HTML 內容,接著又透過不安全的 HTTP 載入後續內容 (例如圖片、影片、樣式表、指令碼),這時就會產生混合內容錯誤。這些瀏覽器錯誤不僅會降低 HTTPS 的安全性,更會讓瀏覽您網誌的使用者感受不佳。
下列來源中的 HTML 標記或 JavaScript 內容可能會導致混合內容的產生:
- 主題來源
- 文章和網頁來源
- 小工具來源
檢查您的網誌是否有混合內容錯誤
使用最新版 Chrome。
- (選擇性) 將所有非 Google 小工具從您的網誌中移除。
- 從您的瀏覽器透過 HTTPS 造訪您的網誌。
- 在瀏覽器頂端依序按一下 [檢視] > [開發人員] > [JavaScript 控制台]。
- 尋找混合內容錯誤:
- “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.”
- “Mixed Content: The page at '
- 列出您看到的網誌網址,以及錯誤訊息中指出有安全疑慮的所有網址。
- (選擇性) 逐一將小工具重新加入您的網誌。重複步驟 2 至 5,並記下任何新產生的混合內容錯誤。
請務必逐一進入您網誌的各個網頁查看,因為系統僅會針對瀏覽過的網頁 (而非整個網誌) 顯示錯誤訊息。記下您看到的錯誤,以及是否有多個網誌頁面出現相同的問題網址。
修正網誌的混合內容錯誤
如果錯誤僅出現在單一網頁
這表示造成混合內容的來源可能是網誌當中的一個網頁或文章。
- 按一下您網誌資訊主頁中的 [文章] 或 [網頁]。
- 使用您檢查混合內容時所列的網誌網址清單。找出有問題的文章或網頁,然後按一下 [編輯]。
- 按一下左上角的 [HTML]。
- 在瀏覽器頂端依序按一下「更多」圖示 [尋找...]
- 搜尋「
http://
」。 - 如果您在 HTML 標籤屬性 (也就是
<img>、<video>、<audio>、<script>
或<link>
標籤) 中找到任何 HTTP 網址,請將「http://
」改為「https://
」。 - 在瀏覽器中透過新視窗來開啟各個網址,藉此確認 HTTPS 可以正確顯示這些網址。如果 HTTP 和 HTTPS 連結顯示相同結果,表示一切正常。
- 輕觸或按一下右上角的 [發佈]、[儲存] 或 [更新]。如果內容有任何錯誤,就會顯示在編輯器畫面中,而且系統不會儲存該文章或網頁。
- 再次檢查您的網誌中還有沒有混合內容,確認所有錯誤皆已排除。
這表示造成混合內容的來源可能是您使用的其中一個主題。
- 在網誌的資訊主頁按一下 [主題]。
- 按一下 [編輯 HTML]。
- 按一下主題內容,再按一下 Ctrl+F 鍵 (Windows) 或 Cmd+F 鍵 (Mac)。
- 搜尋「
http://
」。 - 如果您在 HTML 標籤屬性 (也就是
<img>、<video>、<audio>、<script>
或<link>
標籤) 中找到任何 HTTP 網址,請將「http://
」改為「https://
」。 - 在瀏覽器中透過新視窗來開啟各個網址,藉此確認 HTTPS 可以正確顯示這些網址。如果 HTTP 和 HTTPS 連結顯示相同結果,表示一切正常。
- 按一下 [儲存主題]。
- 再次檢查您的網誌中還有沒有混合內容,確認所有錯誤皆已排除。
如果錯誤仍未完全解決,那麼原因可能出在您網誌所使用的其中一個小工具。這時,請移除您使用的非 Google 小工具,檢查您的網誌中還有沒有混合錯誤,然後再次逐一新增小工具,以便確認是哪一個小工具含有混合內容。
如何修正小工具所造成的混合內容:
- 檢查小工具標記或來源 (如果有的話)。
- 將小工具從您的網誌中移除。
使用 Blogger 文章編輯器避免出現混合內容錯誤
您可以利用 Blogger HTML 編輯器找出文章和網頁中是否有混合內容。
- 為網誌啟用 HTTPS。
- 建立新文章或網頁,或是編輯現有文章或網頁,開啟 Blogger 編輯器。
- 輕觸或按一下左上角的 [HTML]。
- 進行所需變更。
- 輕觸或按一下右上角的 [發佈]、[儲存] 或 [更新]。如果內容有任何錯誤,就會顯示在編輯器畫面中,而且系統不會儲存該文章或網頁。
注意:關閉錯誤會直接儲存文章或網頁。只要重新整理頁面,錯誤就會再次顯示。