Alt Text Là Gì? Cách Viết Alt Cho Ảnh Đúng Ngữ Cảnh

Alt text là gì và Google dùng alt text để làm gì?

Alt text là chữ mô tả ảnh, và theo Google đó là thuộc tính quan trọng nhất khi cần cung cấp thêm thông tin về một tấm ảnh. Google dùng alt text cùng với thuật toán thị giác máy tính và nội dung của trang để hiểu chủ đề của ảnh. Alt còn giúp người dùng trình đọc màn hình.

Ba việc của alt text theo tài liệu Google

• Mô tả ảnh cho Google: cùng với nội dung trang, alt cho biết ảnh nói về chủ đề gì.
• Thay ảnh cho người không thấy ảnh: trình đọc màn hình đọc alt lên, kết nối chậm thì alt hiện thay ảnh.
• Làm anchor khi ảnh là link: ảnh được bọc trong thẻ link thì alt đóng vai trò chữ neo của link đó.

Vai trò chữ neo giải thích ở bài anchor text là gì. Tài liệu gốc là trang thực hành SEO hình ảnh của Google.

Alt là chữ đứng thay cho ảnh, với cả người đọc lẫn Google.

Viết alt text thế nào cho đúng theo ví dụ của Google?

Viết alt text đúng là mô tả cụ thể thứ có trong ảnh, trong ngữ cảnh của trang, bằng một câu ngắn có ích cho người đọc. Google khuyên dùng từ khóa hợp lý và tránh nhồi từ khóa vào alt, vì việc đó làm trải nghiệm xấu đi và có thể khiến website bị coi là spam.

Áp vào ảnh tiếng Việt: alt “biểu đồ” chưa đủ, alt “biểu đồ lượt nhấp sáu tháng của website nha khoa” thì người đọc không thấy ảnh vẫn hiểu.

Alt đạt là alt mà đọc lên, người nghe hình dung được tấm ảnh.

Ảnh nào cần alt và ảnh nào để alt rỗng?

Ảnh mang thông tin và ảnh có chức năng thì cần alt, còn ảnh trang trí thì để alt rỗng. web.dev chia ảnh thành ba nhóm theo vai trò. Alt rỗng khác với thiếu alt: thiếu thuộc tính alt thì trình đọc màn hình có thể đọc tên tệp, còn alt rỗng báo cho nó bỏ qua ảnh.

web.dev lưu ý khi chưa chắc ảnh có phải trang trí hay không thì cứ viết mô tả: người dùng bỏ qua được một mô tả thừa, nhưng không tự nghĩ ra được một mô tả không có. Phần phân loại nằm ở bài Images của khóa Learn Accessibility.

Hỏi ảnh làm việc gì trên trang, rồi mới quyết viết alt ra sao.

Kiểm alt text của cả website bằng cách nào?

Kiểm alt text của cả website bằng một công cụ crawl để lấy danh sách ảnh thiếu alt, rồi đọc tay những ảnh quan trọng. Công cụ đếm được ảnh nào thiếu thuộc tính alt, nhưng không chấm được alt có mô tả đúng ảnh hay không. Phần đúng ngữ cảnh phải do người đọc.

Ba bước kiểm

1. Crawl website: checklist nội bộ của Danh Nolan dùng Screaming Frog để liệt kê ảnh thiếu alt.
2. Tách ảnh trang trí: ảnh trang trí có alt rỗng là đúng, không tính vào danh sách lỗi.
3. Đọc tay ảnh chính: ảnh đầu bài, biểu đồ, ảnh sản phẩm: đọc alt và so với ảnh.

Với WordPress, alt nhập ở thư viện media hoặc ngay trong khối ảnh. Cách kiểm nằm ở bài SEO WordPress #11: hình ảnh. Các kỹ thuật ảnh khác nằm ở bài image SEO và optimization.

Máy tìm ảnh thiếu alt, người kiểm alt có đúng ảnh hay không.

Alt text nằm ở đâu trong bảng chuẩn SQA-200?

Alt text là mục P1.29 trong bảng chuẩn SQA-200, thuộc trụ cột I về kỹ thuật và Core Web Vitals, trọng số 1 điểm. Chuẩn đạt của mục này: 100% ảnh mang thông tin có alt mô tả đúng ngữ cảnh. Ảnh trang trí để alt rỗng không bị tính là thiếu.

Các mục đứng cạnh P1.29 trong trụ cột I

• P1.27 Site Search Integration: khai SearchAction Schema và xử lý gọn truy vấn tìm kiếm nội bộ.
• P1.28 Internal Search Optimization: đọc số liệu tìm kiếm nội bộ để tìm khoảng trống nội dung và ý định người dùng.
• P1.30 Video Indexing & Thumbnail: video nhúng đi kèm VideoObject Schema và ảnh xem trước truy cập được.
• P1.31 Broken Image Repair: sửa 100% thuộc tính src ảnh bị gãy trên mọi URL đã đăng.

Toàn bộ 99 mục kiểm, chuẩn đạt và điểm từng mục nằm ở bài SQA-200 là gì, mục này ở dòng P1.29 Image Alt Text Completeness.

P1.29 đạt khi mọi ảnh mang thông tin của website có alt mô tả đúng ảnh trong ngữ cảnh của trang.

Người làm website hay hỏi gì về alt text?

Người làm website hay hỏi ba câu về alt text: có nên đưa từ khóa vào alt không, tên tệp ảnh có quan trọng bằng alt không, và ảnh SVG nhúng thẳng thì viết alt ở đâu. Ba câu trả lời dưới đây lấy từ tài liệu của Google.

Có nên đưa từ khóa vào alt text không?

Có, khi từ khóa đó đúng là thứ có trong ảnh. Google khuyên viết alt có ích, giàu thông tin, dùng từ khóa hợp lý và đúng ngữ cảnh của trang. Điều Google bảo tránh là lấp đầy alt bằng từ khóa. Việc đó làm trải nghiệm xấu đi và có thể khiến website bị coi là spam.

Tên tệp ảnh có quan trọng bằng alt text không?

Không bằng. Google ghi tên tệp chỉ cho những gợi ý rất nhẹ về chủ đề của ảnh, còn alt là thuộc tính quan trọng nhất. Dù vậy Google vẫn khuyên đặt tên tệp ngắn mà có mô tả. Ví dụ của Google: my-new-black-kitten.jpg thì hơn IMG00023.JPG, và nên tránh tên chung chung như image1.jpg.

Ảnh SVG nhúng thẳng trong trang thì viết alt ở đâu?

Phần tử svg nhúng thẳng không dùng thuộc tính alt. Theo tài liệu của Google, với svg nhúng thẳng thì dùng phần tử title bên trong nó để mô tả. web.dev bổ sung: svg mang thông tin cần thêm role img để công nghệ hỗ trợ nhận ra đó là ảnh, còn svg trang trí thì được bỏ qua sẵn.

Alt đúng ảnh, tên tệp có nghĩa, và mỗi loại ảnh có cách khai mô tả riêng.