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. :)
Bạn ơi cho mình hỏi chút mình cài SSL https trên cloudflare và cả trên hawkhost rồi mà bị lỗi:
You have an invalid or missing intermediate (bundle) certificate. This may not break your padlock on all browsers, but will on others. Please contact your SSL Vendor for assistance with this error
(Mình test trên trang test ssl)
chứ mình ko bị lỗi khi ấn F12 như bạn nêu trên. Giờ mình sửa lỗi này thế nào nhỉ
Trang web của mình giờ cứ vào là lỗi ko an toàn, xong màu đỏ
Bạn lấy cái Origin Certificates mà CloudFlare cung cấp mang lên cài trên cPanel trong khi đó lại không bật CDN của CloudFlare thì nó báo lỗi là đúng rồi. Cái Origin Certificates đó chỉ dùng để giao tiếp giữa host với CloudFlare thôi. Còn giữa CloudFlare với trình duyệt web của người dùng thì phải dùng Universal SSL. Mà muốn có Universal SSL thì bạn phải bật CDN của CloudFlare lên chứ. Ai bày cho bạn cách cài SSL của CloudFlare như vậy?
Mình mới lập web nên ko biết, mình làm theo hướng dẫn của trang thế khương sao ấy : https://www.youtube.com/watch?v=UoMTKbghPdk
Giờ mình sửa như nào đc nhỉ, bị mấy ngày tìm đủ mọi cách mà ko sửa đc :((((((
Tham khảo bài viết “Hướng dẫn cài SSL miễn phí với AutoSSL trên cPanel” nhé. HawkHost có sẵn SSL miễn phí mà, cần gì cài CloudFlare chỉ để dùng SSL của nó?
Giờ mình gỡ wordpress ra cài lại là đc à, nản quá với lỗi này
Lỗi không phải do WordPress. 1 là bạn cài lại SSL trong cPanel. 2 là bạn bật CDN của CloudFlare lên.
Mình cài lại hình như được SSL rồi, nhưng vào trang web nó vẫn hiện ra trang của hawkhost . Thế là đã được SSL chưa ấy nhỉ admin :(
Mà mình kiểm tra ping tên miền trên run ấy thì nó lại hiện ra theo kiểu địa chỉ MAC chứ ko phải hiện ra địa chỉ ip bằng số như bình thường. Ko biết là đc SSL chưa
Bạn ơi mình sử dụng ssl free của cloufare bị báo lỗi, mình có đọc 1 bài của bạn về sử dụng SSL Cloufare. Cho mình hỏi giờ còn sử dụng được nữa không ???
Vẫn dùng bình thường mà bạn. Bạn bị lỗi gì?
Cảm ơn bác, Đã làm và thành công rồi…:D
Nó báo tên file ảnh ấy mà xóa file ảnh trong thư viện rồi vẫn bị chú ạ. Đếch hiểu!
Bác phải xóa ở cái chỗ mà link ảnh được gọi, chẳng hạn như trong style.css chứ xóa trong thư viện thì có tác dụng gì?
https://allbedroomset.com/
anh ơi sao web em không có từ bảo mật nhỉ ???
Vì site của bạn có chứa một số hình ảnh được tải từ web khác và chúng không chạy trên giao thức HTTPS. Muốn biết là ảnh nào thì click chuột phải vào giao diện => chọn Inspect => chọn tab Console.
cảm ơn anh ạ, em đang fix, không biết đc không
anh ơi, site em lại bị sao ấy: https://allbedroomset.com/holiday-home-design/ nó không load được cái favicon với cả click chuột phải vào giao diện => chọn Inspect => chọn tab Console nó hiện ra mấy lỗi kiểu này:
Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
Failed to load resource: the server responded with a status of 404 ()
hi vọng anh sửa giúp em, cảm ơn anh ạ
Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID => site không có SSL nên không thể chạy qua giao thức HTTPS được => lỗi.
Failed to load resource: the server responded with a status of 404 () => file không tồn tại trên web.
vậy em phải fix như thế nào ạ?
em ngu quá, mong anh giúp em
Thay bằng ảnh khác, link khác. Bạn không thể bắt người ta cài SSL lên web của họ được nên cách duy nhất là xóa những link đó đi hoặc thay bằng link khác có hỗ trợ SSL thôi.
vậy làm sao để biết chính xác là link nào ạ, em ngu quá :(
cảm ơn anh nhiều ạ
Ủa. Trong tab Console nó có hiển thị còn gì. Ở phía bên phải ấy. Bạn xem kỹ lại đi.
nhưng mà em không biết nó ở vị trí nào, anh fix hộ em đc k
Bên mình chỉ support cho khách hàng thôi bạn ạ. Không có thời gian để fix web cho độc giả đâu. Mong bạn thông cảm. Bạn mua theme của bên nào thì liên hệ bên đó nhờ họ fix cho. :)
Anh cho em hỏi? Website của e đã cài SSL nhưng khi truy cập vào trang thì k hiện SSL ngay mà phải click vào lại trang chủ thì mới hiện ra SSL? Anh cho em hỏi như vậy là bị lỗi gì? Thanks a
Bạn chưa thiết lập để tự động redirect từ link HTTP sang link HTTPS. Tham khảo bài viết “Hướng dẫn chuyển từ HTTP sang HTTPS không bị mất thứ hạng” hoặc “Cài SSL cho WordPress trong nháy mắt với plugin Really Simple SSL” nhé. :P
Http references in your .css and .js files: change any http:// into //
Images, stylesheets or scripts from a domain without an ssl certificate: remove them or move to your own s
nó bị lỗi ntn , em newbie, k rành nữa, mong a giúp đỡ với
File CSS, JS, hình ảnh của bạn chưa chạy trên giao thức HTTPS. Bạn cài plugin Really Simple SSL vào nhé. Cách thức cụ thể thì tìm trên wpcanban.com sẽ thấy bài hướng dẫn.
Xin chào wpcanban.com
em mới tạo 1 website sonnha24.com nhưng khi truy cập đều báo lỗi bảo mật. vậy có cách nào để khắc phục không ạ? em cảm ơn
Bạn đã cài SSL trên hosting chưa?
Anh ơi em chưa đang ký SSL mà em lỡ tay đổi http:// thành https:// bây giờ em không truy cập được vào trang quản lý website nữa . cách khác phục thế nào ạ em dùng wordpress . cảm ơn
1 là bạn cài SSL vào. 2 là bạn vào phpMyAdmin => export database về máy tính => đổi toàn bộ link từ HTTPS thành HTTP => import trở lại phpMyAdmin. :P
cảm ơn anh em làm được rồi ạ..!
Mình đã làm theo đủ các hướng dẫn mà vấn hiện cảnh báo không an toàn thì còn vì lý do gì nữa không nhỉ
Có thể site của bạn sử dụng tài nguyên tải từ ngoài host và những file này không chạy trên giao thức HTTPS. Bạn click chuột phải vào trình duyệt, chọn Inspect => chọn tiếp tab Console là thấy thông báo lỗi cụ thể. :P