Khắc phục lỗi hình ảnh sau khi cài chứng chỉ SSL Let's Encrypt

Hướng dẫn nhanh: Khắc phục lỗi hình ảnh sau khi cài chứng chỉ SSL

Hôm nay mình mới cài đặt chứng chỉ Let’s Encrypt cho một website của công ty, những trang khác đều chạy ngon lành, nhưng riêng trang chủ thì bị dấu chấm than như sau:

Trên Chrome:

Mình cài đặt Let’s Encrypt bằng tay trên VPS, sau đó đã cài đặt Plugin Simple SSL bản miễn phí. Sau khi kích hoạt Simple SSL, mình thấy Plugin đã thông báo đầy đủ như sau:

Nhưng vào trang chủ vẫn bị tình trạng không hiển thị ổ khoá đẹp đẽ như những trang khác. Sau đó mình đã rà soát lại toàn bộ các trang, cuối cùng phát hiện ra, những trang mà mình sử dụng khối có sẵn của Elementor. Những khối có sẵn này khi up hình ảnh lên sẽ bị lỗi để link là http chứ không phải https.

Mình có lên mạng search thì cũng không thấy có ai nói đến lỗi này. Nên đành tự mày mò để sửa, mình chỉ cho các bạn luôn cách mình sử dụng Firefox để tìm những link ảnh dạng http như sau:

Bước 1: Truy cập trang web bị lỗi không hiển thị ổ khoá SSL bằng Firefox

Nếu bị lỗi SSL, Firefox sẽ hiển thị như sau:

Lúc này, click vào biểu tượng ổ khoá có hình chấm than màu vàng, sau đó nhấn tiếp vào phần mũi tên bên cạnh:

Một bảng thông tin hiện ra, click vào “Thông tin thêm”

Bước 2: Xác định những liên kết có dạng http

Kế tiếp chọn tab Đa phương tiện, tiến hành tìm những liên kết ảnh có nguồn là http:

Bạn có thể nhấn vào cột Địa chỉ để sắp xếp lại thứ tự hiển thị của các link này cho dễ nhìn:

Bước 3: Sửa lại link ảnh dạng http thành https

Bạn click vào từng ảnh, dưới có phần Preview để bạn có thể biết được ảnh nào:

Sau đó vào sửa trang, vào Elementor để upload lại ảnh bị lỗi:

Phải sửa lại toàn bộ những link ảnh dạng http. Đến khi xong, xuất bản lại trang, tải lại. Nếu đã hiển thị ổ khoá là oke:

Kết luận

Có cách khác để biết được những link ảnh nào không phải là https, như việc xem mã nguồn bằng trình duyệt chẳng hạn. Nhưng bản thân mình thấy tính năng này của Firefox vô cùng tiện lợi. Thay vì bạn phải mò mẫm từng ảnh thì Firefox hỗ trợ bạn liệt kê ra luôn những file bị lỗi, đồng thời có cả Preview luôn.

Xem thêm Một số lỗi thường gặp khi sử dụng VPS

Chúc các bạn thành công!

Leave a Comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Scroll to Top