Xử lý Err Image description trong trang blogspot template

Đọc thêm

Nguyên nhân và cách khắc phục lỗi Err Image description trong trang blogspot template

Lỗi hiển thị dòng chữ hoặc thẻ "Err Image description" (hoặc ảnh không hiển thị kèm mô tả lỗi) trên trang Blogspot thường xuất phát từ việc hệ thống không thể tải được link ảnh gốc từ máy chủ Google hoặc do mã code của giao diện (template) bị xung đột.

Dưới đây là nguyên nhân chi tiết và các bước xử lý nhanh nhất cho bạn.

📌 Nguyên nhân chính gây ra lỗi

Thay đổi định dạng URL của Google: Blogger/Google thường xuyên cập nhật thay đổi cấu trúc đường dẫn ảnh (ví dụ đổi từ các server cũ *.bp.blogspot.com sang máy chủ lh*.googleusercontent.com hoặc ngược lại), khiến các template cũ không tự lấy được ảnh thu nhỏ (thumbnail).
Lỗi nội dung hỗn hợp (Mixed Content): Blog của bạn chạy bằng giao diện bảo mật https:// nhưng link ảnh trong bài viết hoặc widget lại sử dụng giao diện cũ http://, dẫn đến việc trình duyệt chặn không cho hiển thị.
Cấu hình thuộc tính Alt/Title của ảnh bị lỗi: JavaScript trích xuất mô tả hình ảnh trong Template bên thứ ba (Third-party) viết sai cú pháp, khiến ảnh bị biến mất và hiện chữ lỗi thay thế.
Ảnh gốc đã bị xóa: Hình ảnh lưu trữ trên Google Album Archive (hoặc Google Photos) liên kết với tài khoản Blogger đã bị xóa.

🛠 Cách khắc phục triệt để

Cách 1: Thay thế URL ảnh tự động bằng JavaScript (Khuyên dùng)

Nếu lỗi do Google đổi cấu trúc link ảnh khiến template cũ không nhận diện được, bạn có thể ép template chuyển sang máy chủ lưu trữ mới bằng một đoạn mã JQuery.

Truy cập vào trang quản trị Blogger > Chọn mục Chủ đề (Theme) > Nhấp vào mũi tên cạnh chữ Tùy chỉnh > Chọn Chỉnh sửa HTML (Edit HTML).
Click chuột vào vùng code, nhấn tổ hợp phím Ctrl + F (hoặc Cmd + F trên Mac) để tìm kiếm thẻ đóng </body>.
Dán đoạn mã dưới đây vào ngay phía trên thẻ </body>:

html

<script src='https://googleapis.com' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$("body img").each(function () {  var src = $(this).attr("src");  if (src && src.match(/\/[0-9]+(\.bp\.blogspot)?\//)) {    $(this).attr("src", src.replace(/\/[0-9]+(\.bp\.blogspot)?\//, "/lh4.googleusercontent.com/"));  }
});
//]]>
</script>

Hãy thận trọng khi sử dụng mã.

Nhấn Lưu (Save) biểu tượng đĩa phim ở góc trên bên phải để áp dụng đổi mới.

Cách 2: Sửa lỗi bảo mật nội dung hỗn hợp (HTTPS)

Nếu blog của bạn hiển thị lỗi do link ảnh http, hãy làm theo hướng dẫn xử lý từ Trung tâm trợ giúp Blogger: []

Vào Cài đặt (Settings) > Cuộn xuống mục HTTPS > Đảm bảo đã bật Trạng thái HTTPS và Chuyển hướng HTTPS.
Nếu ảnh ở các bài viết cũ vẫn lỗi, vào Chủ đề > Chỉnh sửa HTML.
Nhấn Ctrl + F tìm từ khóa http:// và thay đổi thủ công các link ảnh nội bộ sang https://. []

Cách 3: Kiểm tra code trích xuất thumbnail của Template

Nhiều template thiết kế tính năng tự động lấy ảnh đầu tiên trong bài viết làm ảnh đại diện ngoài trang chủ. Nếu đoạn JS này bị lỗi thời, nó sẽ trả về chữ Err Image description.

Bạn hãy mở bài viết bị lỗi lên ở chế độ Xem HTML.
Đảm bảo thẻ ảnh của bạn có đầy đủ cấu trúc chuẩn: <img alt="Mô tả ảnh" src="Đường_dẫn_ảnh" />.
Hãy thử tải trực tiếp một file ảnh mới từ máy tính lên ngay trong trình soạn thảo Blogger thay vì copy-paste link từ web khác sang để hệ thống tự tối ưu lại code.

Nếu bạn đã thử các cách trên mà vẫn không được, vui lòng cho mình biết thêm thông tin:

Giao diện bạn đang dùng là giao diện mặc định của Blogger hay giao diện mua ngoài/tải miễn phí?
Lỗi này xuất hiện ở toàn bộ các ảnh ngoài trang chủ hay chỉ bị ở một vài bài viết cụ thể?