Cách dùng Kiểm tra Alt ảnh
- Nhập URL trang và nhấn Kiểm tra ảnh.
- Xem phần tóm tắt: ảnh thiếu alt text, file quá nặng, thiếu kích thước và URL bị lỗi.
- Dùng bộ lọc để chỉ hiển thị các ảnh có vấn đề, sau đó sửa trong CMS hoặc mã nguồn.
- Nhấn Xuất CSV để gửi danh sách cho đội ngũ nội dung hoặc phát triển.
Công cụ kiểm tra alt ảnh là gì?
Công cụ kiểm tra alt ảnh quét trang web để tìm các phần tử <img> và báo cáo thuộc tính alt của từng ảnh, cùng các thông tin kỹ thuật ảnh hưởng đến SEO và hiệu suất. Alt text (văn bản thay thế) được trình đọc màn hình đọc to, hiển thị khi ảnh không tải được, và được công cụ tìm kiếm dùng để hiểu ảnh thể hiện nội dung gì — điều này quan trọng với Google Images và với mức độ liên quan của chính trang.
Thiếu alt và alt rỗng
Hai trường hợp này trông giống nhau nhưng ý nghĩa rất khác:
| Mã HTML | Ý nghĩa | Đánh giá |
|---|---|---|
<img src="team.jpg"> | Không có thuộc tính alt. Trình đọc màn hình có thể đọc tên file thay thế. | Lỗi — luôn thêm thuộc tính alt. |
<img src="divider.svg" alt=""> | Alt rỗng: ảnh chỉ mang tính trang trí và trình đọc màn hình sẽ bỏ qua. | Đúng cho ảnh thuần trang trí. |
<img src="team.jpg" alt="Đội hỗ trợ khách hàng gồm năm người tại văn phòng Berlin"> | Alt text mô tả nội dung. | Đúng cho ảnh mang thông tin. |
Điều này tuân theo tiêu chí thành công WCAG 1.1.1 (Nội dung không phải văn bản). Alt text tốt mô tả mục đích của ảnh trong ngữ cảnh, ngắn gọn — khoảng 125 ký tự là nguyên tắc phổ biến — và không bắt đầu bằng “ảnh của”. Đừng nhồi từ khóa vào đó; hãy mô tả những gì đang hiển thị, các từ khóa liên quan thường sẽ xuất hiện một cách tự nhiên.
Kiểm tra hiệu suất
- Dung lượng file: chúng tôi gửi yêu cầu HEAD cho tối đa 40 ảnh và đọc
Content-Lengthcủa chúng. Ảnh trên 200 KB sẽ bị đánh dấu; chúng làm chậm Largest Contentful Paint, đặc biệt trên di động. Hãy nén bằng Công cụ nén ảnh hoặc đổi kích thước bằng Công cụ đổi kích thước ảnh. - Thuộc tính chiều rộng và chiều cao: nếu thiếu, trình duyệt không thể dành sẵn chỗ trước khi ảnh tải, khiến nội dung bị nhảy — đo bằng Cumulative Layout Shift (CLS), một Core Web Vital.
- Định dạng hiện đại: WebP và AVIF thường nhỏ hơn đáng kể so với JPEG hoặc PNG ở cùng chất lượng; SVG lý tưởng cho logo và icon.
- Lazy loading:
loading="lazy"trì hoãn các ảnh ngoài màn hình. Đừng lazy-load ảnh nổi bật ở đầu trang — điều này làm chậm LCP. - Ảnh bị lỗi: URL trả về mã 4xx/5xx làm lãng phí crawl budget và hiển thị biểu tượng ảnh hỏng cho người dùng.
Công cụ đọc các thẻ <img> trong HTML được render phía máy chủ; ảnh nền CSS và ảnh được JavaScript chèn vào không được tính. Để có bức tranh đầy đủ về SEO on-page, hãy chạy Công cụ kiểm tra SEO.
Cũng được tìm dưới tên: kiểm tra thẻ alt, thiếu alt ảnh, alt text checker, seo hình ảnh, kiểm tra hình ảnh, kiểm tra dung lượng ảnh, thuộc tính alt.
Các công cụ dùng kèm tốt với Kiểm tra Alt ảnh
- Kiểm tra tốc độ trang — Chạy Google Lighthouse trên bất kỳ URL nào, cho cả di động lẫn máy tính.
- Kiểm tra Heading — Hình dung dàn ý heading của bất kỳ trang nào.
- Giải thích robots.txt — Các quy tắc robots.txt ngắn nhưng dễ hiểu sai.
- Công cụ gửi IndexNow — Báo cho công cụ tìm kiếm biết về trang mới và trang vừa cập nhật ngay lập tức.
Câu hỏi thường gặp
Tất cả ảnh đều cần alt text sao?
alt. Ảnh mang thông tin cần mô tả rõ ràng; ảnh thuần trang trí (khoảng cách, họa tiết nền) nên dùng alt="" rỗng để trình đọc màn hình bỏ qua.Alt text có giúp SEO không?
Tại sao chỉ một số ảnh hiển thị dung lượng file?
Dung lượng ảnh lý tưởng là bao nhiêu?
Thuộc tính title có thay thế được alt không?
title hiển thị chú thích khi rê chuột và trình đọc màn hình không đọc đáng tin cậy. Luôn dùng alt.