Hướng dẫn sửa lỗi SSL trong 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 blog/ 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 blog/ 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 subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
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
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/
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 ạ. :)
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 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
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
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. :)
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
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?
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é. :)
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
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 ạ..!
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?
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.
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
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. :)
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ì?
Cảm ơn bác, Đã làm và thành công rồi…:D
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ì?
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