Lỗi Mixed Content là gì?
Mixed Content là lỗi xảy ra khi website đã cài SSL (HTTPS) nhưng vẫn tải một số tài nguyên (ảnh, CSS, JS, video…) thông qua HTTP.
Ví dụ lỗi thường gặp trong Console:
Mixed Content: The page was loaded over HTTPS, but requested an insecure image over HTTP
Các trình duyệt sẽ chặn tài nguyên HTTP để đảm bảo an toàn, điều này làm cho web sẽ bị:
- Ảnh không hiển thị
- Giao diện vỡ
- Điểm SEO & trải nghiệm người dùng giảm
Dấu hiệu nhận biết lỗi Mixed Content
- Website có SSL nhưng:
- Ảnh không hiện
- CSS / JS không tải
- Mở F12 → Console thấy thông báo:
- Mixed Content
- This request has been block
Nguyên nhân gây lỗi Mixed Content trong WordPress
1. Ảnh và dữ liệu cũ vẫn dùng HTTP
- Website trước đó sử dụng http:// thay vì https://
- Sau khi cài SSL, link trong database chưa được đổi sang https://
2. Copy nội dung từ website khác
- Copy bài viết, hình ảnh từ website không chạy SSL
- Link ảnh vẫn là HTTP
3. Theme hoặc plugin hard-code HTTP
- File .php, css fix cứng http
- Plugin cũ không hỗ trợ SSL
4. Cache / CDN chưa được xóa
- Đã sửa link nhưng cache vẫn lưu bản cũ
Cách khắc phục lỗi Mixed Content trong WordPress (triệt để)
Cách 1: Sửa thủ công trong bài viết (website ít bài)
- Vào Bài viết / Trang
- Click vào ảnh bị lỗi
- Đổi link:
http://tenmien.com/...
↓
https://tenmien.com/...
- Cập nhật bài viết
Tuy nhiên nếu website có nhiều bài viết thì sửa bằng cách này khá vất vả.
Cách 2: Dùng WP-CLI
Trong hosting bạn truy cập vào phần phpMyadmin rồi chạy câu lệnh SQL sau
wp search-replace 'http://tenmien.com' 'https://tenmien.com' --skip-columns=guid
- Tự động sửa toàn bộ database
- Không ảnh hưởng GUID
- Xử lý được cả ảnh, link nội bộ, shortcode
Cách 3: Dùng plugin Search & Replace
Nếu không dùng được WP-CLI, cài plugin:
- Better Search Replace
- WP Migrate Lite
Thiết lập:
- Search: http://tenmiencuaban
- Replace: https://tenmiencuaban
Chạy replace toàn bộ bảng database
Cách 4: Kiểm tra cài đặt WordPress
Vào Settings → General:
- WordPress Address: https://tenmiencuaban
- Site Address: https://tenmiencuaban
Cách 5: Xóa cache & CDN
Sau khi sửa link:
- Xóa cache plugin (LiteSpeed, WP Rocket…)
Chúc các bạn thành công
