Hướng dẫn sửa lỗi SSL trong website WordPress một cách đơn giản.
SSL (HTTPS) ngày càng trở nên phổ biến sau khi Google công bố họ sẽ ưu tiên các website sử dụng giao thức HTTPS trên bảng xếp hạng kết quả tìm kiếm. Trong WordPress, các bạn có thể cài đặt SSL một cách dễ dàng với sự trợ giúp của các plugin như WordPress HTTPS (SSL) hay Really Simple SSL. Tuy nhiên, chúng chưa thực sự “hoàn hảo” dẫn đến vẫn còn tồn tại một số lỗi SSL. Cụ thể là nhiều thành phần vẫn chưa thực sự hoạt động trên giao thức HTTPS khiến cho trình duyệt web không hiển thị biểu tượng ổ khóa màu xanh và dòng chữ “Secure” (bảo mật).
Tham khảo thêm:
- Chrome cảnh báo không an toàn đối với website sử dụng HTTP
- Chuyển từ HTTP sang HTTPS không bị mất thứ hạng tìm kiếm
Điều này có thể khiến cho website của bạn kém an toàn và giảm mức độ uy tín trong mắt khách hàng. Đừng quá lo lắng, hôm nay, tôi sẽ hướng dẫn cho các bạn cách sửa lỗi SSL trong WordPress một cách đơn giản và nhanh chóng, bất cứ ai cũng có thể tự làm được.
Nguyên nhân khiến trình duyệt web không hiển thị ổ khóa bảo mật
Toàn bộ các file tĩnh trên website của bạn (JS, CSS, hình ảnh, web font…) chưa hoạt động trên giao thức HTTPS, đó chính là nguyên nhân khiến cho trình duyệt web không hiển thị ổ khóa bảo mật trên thanh địa chỉ.
Để kiểm tra xem những file nào đang chạy giao thức HTTP kém bảo mật, trên trình duyệt Google Chrome, các bạn click chuột phải vào giao diện website, chọn Inspect (hoặc bấm phím F12) rồi chọn tiếp tab Console. Danh sách các file gây lỗi SSL sẽ được bắt đầu bằng cảnh báo “Mixed Content” tương tự như hình bên dưới:
Nếu các file này được load từ website khác (không hỗ trợ HTTPS), cách duy nhất là tìm kiếm và loại bỏ chúng hoặc thay thế bằng một file khác tương đương được tải từ website của bạn với giao thức HTTPS.
Nếu các file này được load từ website của bạn, hãy tham khảo bài viết “Cài HTTPS cho WordPress trong nháy mắt với Really Simple SSL” để sửa lỗi SSL một cách nhanh chóng.
Ngoài ra, các bạn còn có thể sử dụng plugin SSL Insecure Content Fixer để xử lý vấn đề theo một phương pháp đơn giản hơn.
Sửa lỗi SSL trong WordPress với SSL Insecure Content Fixer
1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin SSL Insecure Content Fixer.
2. Tiếp theo, truy cập vào Settings => SSL Insecure Content. Tại đây, các bạn sẽ thấy một số tùy chọn như sau:
Trong đó:
- Fix insecure content: lựa chọn level (cấp độ) sửa lỗi nội dung không bảo mật, được sắp xếp từ thấp đến cao: Off < Simple < Content < Widgets < Capture. Các bạn nên thử bắt đầu từ mức độ Simple, cho đến khi các lỗi SSL được khắc phục hoàn toàn (trình duyệt hiển thị ổ khóa màu xanh, không bị tam giác màu vàng trên ổ khóa nữa).
- Fixes for specific plugins and themes: chỉ lựa chọn nếu website của bạn sử dụng các plugin như WooCommerce. Nếu không, hãy để trống cả 2 tùy chọn trong mục này.
- HTTPS detection: lựa chọn cách WordPress phát hiện một trang được tải thông qua giao thức HTTPS (standard WordPress function – tính năng mặc định của WordPress; HTTP_X_FORWARDED_PROTO – lựa chọn nếu bạn có sử dụng load balancer, reverse proxy, NginX; HTTP_X_FORWARDED_SSL – lựa chọn nếu bạn sử dụng reverse proxy; HTTP_CF_VISITOR – lựa chọn nếu bạn sử dụng Flexible SSL của CloudFlare; unable to detect HTTPS – không phát hiện HTTPS).
Click vào nút Save Changes để lưu lại các thiết lập.
3. Truy cập website của bạn và kiểm tra xem các lỗi SSL đã được khắc phục triệt để chưa nhé. Chúc các bạn thành công!
Mọi thắc mắc và góp ý về vấn đề sửa lỗi SSL, xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp. Nếu bạn biết phương pháp khác đơn giản hơn để sửa lỗi SSL trong WordPress, đừng quên chia sẻ nó với chúng tôi.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
em có tải lên ssl-insecure-content-fixer.2.4.0 lên rồi đăng ký luôn rồi nhưng sao vẫn chưa kích hoạt được à site em đây http://giamsat24hvn.com
mong ad rep em ạ em cảm ơn nhiều
Bạn deactive và xóa plugin SSL Insecure Content Fixer đi. Sau đó làm theo hướng dẫn trong bài viết “Cài SSL cho WordPress trong nháy mắt với plugin Really Simple SSL” thử xem nhé. :)
CHo mình hỏi khi cài xong SSL thì bị cảnh báo bảo mật NET::ERR_CERT_AUTHORITY_INVALID
làm sao để khắc phục xin cảm ơn
Bạn cài thiếu file hoặc cài file không hợp lệ rồi. Kiểm tra lại quy trình cài đặt đi nhé. :) Mà bạn cài loại SSL nào vậy? Cài trên shared host hay VPS?
Cho mình hỏi tại sao mình cài xong các trang con thì hiện ổ khóa riêng trang chủ thì không
Bạn vào trang chủ, bấm F12, mở tab Network. Rồi F5 lại trang chủ xem các request nào không có ổ khóa màu xanh không. Nếu có tìm cách replace hoặc gỡ nó đi
Mình vào thấy ổ khóa xanh lè rồi mà. :P
Bạn ơi, cách tối ưu Ssl thế nào cho blog chạy nhanh vậy bạn. M thây trang của bạn tốc độ load khá nhanh (Kể cả trang ko có Amp)
😍😍😍😍😍😍
Load nhanh cần kết hợp giữa nhiều yếu tố bạn ạ. Không riêng gì SSL. :)
Tuyệt vời, thanks Ad nhiều nhé , đã thành công. Không hề quảng cáo những vừa mua cái host bên a Thạch được Free cái SSL cài vào xanh nè thấy bị kích thích ….
Giờ host ở đâu chẳng tặng SSL bạn. Let’s Encrypt là miễn phí mà. :P
Chào anh hiếu, website em dùng ssl của cloudflare mà sao e không dùng ảnh ở ngoài, toàn bộ ảnh em đều tự tải lên mà cái thì được mã hóa cái thì lại không nên cái https của em nó màu trắng, a có thể giải thích giúp em cái này không:
Demo: https://www.chibi.info/bo-anh-chibi-anime-girl-cute-full-hd.html
Bạn đổi hết link trong database thành link HTTPS hoặc cài plugin Really Simple SSL lên là được nhé. :P
Cảm ơn anh, có cách nào không phải dùng plusgin mà khi tải ảnh lên nó đều mặc định là https không anh, em cài nhiều plusgin quá rồi :D
Cách mình đã chỉ rồi còn gì. 1 là dùng query để thay link HTTP thành HTTPS ngay trên phpMyAdmin. 2 là export database về máy tính => dùng NotePad++ mở ra => tìm kiếm và thay thế toàn bộ link HTTP thành HTTPS => drop database cũ và import database vừa chỉnh sửa lên. :P
oke cảm ơn bác trung hiếu nhiều <3
vui lòng kiểm tra giúp mình xem trang web cachchamsocbe.com không hiện ổ khóa màu xanh, dù đăng nhập vào quản trị thì lại có
Chào a Hiếu, e thấy site của a cũng dùng dịch vụ chứng chỉ SSL của Comodo, site của e cũng vậy.
Cho e hỏi là : khi truy cập bằng máy tính thì ổ khóa vẫn xanh, tuy nhiên vào bằng điện thoại Android thì lại bị ổ khóa đỏ, chặn truy cập.
A có cách khắc phục hay thủ thuật nào không chỉ giáo e với ạ, e mò mãi mà không ra.
Bạn vào bằng trình duyệt gì mà bị lỗi vậy? Có thể là do trình duyệt không tương thích với SSL. Nếu như vậy thì không có cách gì để khắc phục cả. Trừ khi bạn mua SSL khác có khả năng tương thích cao hơn. :P
E mua SSL bên Hostvn gói POSITIVE SSL của Comodo, bị lỗi trình duyệt thì không phải rồi bởi vì e đã thử nhiều site mà vẫn vào được. E hỏi bên kỹ thuật hostvn thì họ sửa mãi không được, chắc phải cancel để đi mua chỗ khác thôi ^^
Mình cũng dùng Positive SSL của Comodo. Bạn vào site mình có bị lỗi không? :P Chẳng lẽ host của Hostvn kém đến nỗi chạy cái SSL cũng không xong? Nếu như vậy thì đáng chuyển. :P
Chào bạn. Mình cũng cài OK rồi. Ổ khóa xanh lè. Vậy mà vào bằng IOS, DESTOP ( Chorm, Fifox, Cococ ) bình thường. Không hiểu sao mình không vào được Androi giống của bạn. Và cũng không biết phải sửa ở phiên bản điện thoại của mình lỗi hay do bên Sever bạn nhỉ. Bạn có kinh nghiệm chỉ mình với. Mình dùng VPS của Inet và dùng SSL của Rapid
Chào bạn Nguyễn Vương Quyền, nếu bạn bị trường hợp như mình là bị cảnh báo SSL thì hãy tham khảo bài viết này nhé https://xuanhong.info/huong-dan-cach-sua-loi-https-khong-hien-o-khoa-mau-xanh/
Mình đã hướng dẫn rất chi tiết bằng kinh nghiệm của mình, nếu bạn còn thắc mắc thì ib FB cho mình nhé.
Xin phép a Hiếu ạ. :)
Mình cài đặt Plugin và cấu hình như hướng dẫn mà sao vẫn không biến mất cái tam giác vàng cạnh ổ khóa nhỉ? Hiếu có cách nào giúp mình không? Thanks
Mình dùng CloudFlare Flexible SSL
SSL nào cũng vậy cả. :)
Nếu site của bạn có tài source từ bên ngoài host và source đó không được mã hóa SSL (tức là sử dụng HTTPS) thì vẫn bị lỗi nhé. Plugin này chỉ giúp fix lỗi nằm trên host thôi. :)
Chào anh, cho e hỏi, anh nói “source từ bên ngoài host và source đó không được mã hóa SSL (tức là sử dụng HTTPS) thì vẫn bị lỗi nhé. Plugin này chỉ giúp fix lỗi nằm trên host thôi” tức là các link dẫn từ web khác k chuẩn HTTPS thì vẫn k hiện ổ khóa xanh và k thay đổi đc vì link nằm trên web ng ta. Trừ khi xóa link đó đi đúng k ạ?
Đúng rồi bạn. :)
Mình cũng bị lỗi giống bạn, nhưng không biết khắc phục sao, => ai giúp mình với
https://sites.google.com/site/napmucmayintannoitb/
e thì không bị tam giác vàng mà không xanh vì chưa cập nhật hết link, cài Wordpress HTTPS kich hoạt là xanh lè đẹp đẽ. cài SSL chỉ vì thích cái màu xanh đó, màn hình máy tính thì ko thích mà thích màu xanh hiển thị trên điện thoại hihi