Fix lỗi ‘Insecure Content’ (Mixed Content) trong WordPress

Chứng chỉ SSL giờ đây là một thứ bắt buộc cho tất cả website.

Đây không chỉ là một cách giúp trang web của bạn an toàn hơn.

Mà nó còn là một tín hiệu tốt cho SEO.

Tuy nhiên, việc cài đặt SSL cũng như thiết lập website thành HTTPS thường gặp khá nhiều lỗi.

Một trong những lỗi phổ biến nhất là “insecure content” or “mixed content

Đây là một trong những lỗi khá khó chịu (vì chả biết lỗi nằm ở đâu)

Đôi khi chỉ vì nó mà Google đánh giá website bạn không an toàn.

Kết quả, họ có thể không bao giờ quay trở lại web nữa.

Trong hướng dẫn này, mình sẽ chỉ cho bạn cách khắc phục lỗi mixed content bằng cách sử dụng một plugin rất đơn giản (miễn phí).

Hãy theo dõi tiếp để xem công cụ này có gì đặc biệt nhé!

loi-mixed-content

Lỗi mixed content là gì?

Mixed content (hay insecure content) thường xảy ra khi bạn cấu hình HTTPS trên website.

Ví dụ: khi web của bạn được thiết lập cho HTTPS, nhưng hình ảnh và các media link đang được load trên HTTP cũ.

Các trình duyệt sẽ xem đó là hoạt động đáng ngờ.

Và cảnh báo mixed content để nhắc nhở mọi người một số liên kết có thể gây hại.

vi-du-loi-mixed-content

Các trình duyệt như Chrome và Firefox sẽ hiển thị cảnh báo bên cạnh HTTPS lock (cảnh báo nội dung không an toàn).

Lúc này, mọi người sẽ thấy một dấu hiệu cảnh báo bên cạnh HTTPS thay vì biểu tượng khóa bảo mật thông thường.

loi-mixed-content

Trong một số trường hợp, trình duyệt sẽ chặn các script hoặc trang nếu nội dung trên trang được đánh giá có gây hại.

Đặc biệt là khi một website sử dụng HTTPS và tải mã JavaScript trong HTTP.

vi-du-loi-mixed-content1

Các trình duyệt xem đó là nội dung độc hại và chặn lệnh tải.

Đôi khi, chúng còn chặn một trang bằng cách hiển thị một cảnh báo khá “đáng sợ” với người dùng.

Lỗi này ảnh hưởng website tới mức nào?

Trong hầu hết các tình huống, lỗi mixed content không quá nguy hiểm.

Các bài đăng và blog sẽ vẫn được tải và web sẽ hoạt động hầu như bình thường.

Tuy nhiên, nếu cứ để như vậy, việc vận hành web sẽ gặp khá nhiều trắc trở.

Nhìn thấy một thông điệp cảnh báo bên cạnh một website chắc chắn không tốt đẹp gì.

Hãy tưởng tượng bạn đến một trang web để mua hàng và thấy một cảnh báo mixed content.

Lúc này, không ai trong chúng ta cảm thấy thực sự tin tưởng khi nhập thông tin thanh toán.

Đôi khi, lỗi cũng có khả năng phá vỡ thiết kế và nội dung website.

Ví dụ: nếu Chrome chặn một tập lệnh JavaScript quan trọng, theme trên website sẽ không hiển thị chính xác tới người xem.

Hoặc các file media quan trọng như hình ảnh và video không thể xem được.

Làm sao để check lỗi Mixed content?

Rất may, lỗi này khá dễ sửa.

Nhưng trước tiên, bạn cần tìm ra đâu là nội dung gây ra lỗi.

Bạn dễ dàng làm điều này bằng cách sử dụng các developer tool của trình duyệt.

Khi sử dụng Chrome, tải web xong, cách nhanh nhất là bạn bấm F12.

Một bảng điều khiển, công cụ dành cho developer sẽ hiện ra (hoặc nhấn Ctrl + Shift + I).

Chuyển sang tab Security để xem tất cả các cảnh báo đang có.

fix-loi-mixed-content-browser-sercurity

Tại đây, bạn sẽ thấy lỗi mixed content liên quan đến web.

Trên Firefox, cũng nhấn Ctrl + Shift + I để truy cập công cụ dành cho developer và bạn sẽ thấy tất cả các thông báo cảnh báo trong tab Console.

Với phương pháp này, chúng ta sẽ tìm ra link, script hoặc media vẫn đang để link HTTP và chuyển chúng qua HTTPS.

Hướng dẫn fix lỗi mixed content

Nếu bạn có một website nhiều nội dung, việc sửa từng lỗi mixed content rất mất thời gian.

Hiện nay, chúng ta có một plugin cho phép WordPress sửa lỗi ngay lập tức.

Plugin có tên SSL Insecure Content Fixer được thiết kế riêng để sửa lỗi mixed content.

Đây là cách thức hoạt động của plugin này.

Bước 1: Cài đặt SSL Fixer Content Content Fixer

Trước tiên hãy cài đặt plugin lên website của bạn.

Đăng nhập vào WordPress admin dashboard và truy cập vào Plugins » Add New.

Sau đó tìm kiếm ‘SSL Insecure Content Fixer’.

SSL-insecure-content-fixer

Click vào Install và sau đó kích hoạt.

Nếu vẫn chưa biết cách cài đặt plugin WordPress hãy tham khảo bài viết dưới nhé.

» Hướng dẫn cài đặt plugin WordPress (Từng Bước Một)

Bước 2: Chọn nội dung cần khắc phục

Sau khi cài xong, hãy chuyển tới Settings » SSL Insecure Content Fixer để bật plugin.

SSL-insecure-content-fixer-settings

Tại đây bạn có quyền chọn nội dung cần sửa.

Plugin cung cấp 5 phương pháp sửa lỗi khác nhau:

  • Simple: Nếu bạn là beginner, đây là cách mà mình đề xuất. Nó thực hiện một hành động đơn giản giúp sửa các lỗi mixed content phổ biến nhất.
  • Content: Tùy chọn này thực hiện sửa lỗi trong nội dung và văn bản kết hợp với phương pháp Simple. Hãy thử dùng cách này nếu Simple không khắc phục lỗi.
  • Widgets: Sửa tất cả các lỗi có trong hai phương pháp đầu và thêm lỗi trong widget.
  • Capture: Sửa tất cả các liên kết trên một trang từ header đến footer. Nếu các lỗi liên quan đến scripts, Capture sẽ fix chúng. Tuy nhiên, phương pháp có thể ảnh hưởng đến hiệu suất website nên hãy cân nhắc thời gian thực hiện.
  • Capture All: Fix toàn bộ lỗi Mixed content. Chỉ sử dụng khi bốn tùy chọn kia không thành công.

Nếu bạn đã sử dụng các công cụ dành cho developer để tìm hiểu đâu là nguyên nhân, bạn hoàn toàn có thể sử dụng phương pháp phù hợp để sửa lỗi.

Bước 3: Kích hoạt Plugin

Để kích hoạt, chỉ cần bạn cuộn xuống và chọn HTTPS Detection

https-detection

Nếu các bạn sử dụng dịch vụ CDN như CloudFlare hoặc KeyCDN, hãy chọn tùy chọn liên quan đến CDN.

Nếu không, hãy để “standard WordPress function” tiêu chuẩn.

Nhấp vào nút Save Changes và plugin sẽ tự động kích hoạt.

Kết

Insecure content là một lỗi rất phổ biến với những ai thiết lập chứng chỉ SSL thủ công.

Nếu bạn không quen cài đặt SSL, mình khuyên bạn nên dùng plugin Really Simple SSL.

Plugin này sẽ giúp bạn dễ dàng cài đặt SSL (có cả scan mixed content).

Ngoài ra hãy tìm hiểu về các loại chứng chỉ SSL, để lựa chọn loại phù hợp với mình.

Nếu bạn đang gặp lỗi tương tự như bài viết này, hãy comment ở dưới nhé.

5
Trả Lời

avatar
 
smilegrinwinkmrgreenneutraltwistedarrowshockunamusedcooleviloopsrazzrollcryeeklolmadsadexclamationquestionideahmmbegwhewchucklesillyenvyshutmouth
2 Chủ đề bình luận
3 Trả lời chủ đề
2 Người theo dõi
 
Phản ứng nhiều nhất
Bình luận nóng nhất
3 Tác giả
Diều HâuNgô Văn CươngPCCC Song Thái Tùng Tác giả bình luận gần đây

  Đăng ký  
mới nhất cũ nhất bình chọn nhiều nhất
Thông báo về
PCCC Song Thái Tùng
Đọc giả

Cứ mở SSL en’s crypt trong hosting xong cài thêm really simple SSL là xong lol nhiều người không biết cứ tưởng chỉ cài trên hosting là xong, đi chửi cả làng cả xóm lol
bonus thêm là Ád làm bài thay đổi font chữ WordPress đi ạ, hơi lung tung và lờ mờ trên mạng, niềm tin đặt ở Duy Anh (tên Ad nếu nhớ không nhầm smile )

Ngô Văn Cương
Đọc giả

Rất nhiều bác đi copy rồi lôi link không chứa ssl về nhà

Pin It on Pinterest

Shares

Share This

Share this post with your friends!