Alt Text (alt attribute)
Văn bản thay thế cho hình ảnh. Quan trọng cho khả năng truy cập và SEO, hiển thị khi hình ảnh không thể tải được.
Alt text (văn bản thay thế) là mô tả hình ảnh được chỉ định trong thuộc tính alt của thẻ HTML <img>. Nó được hiển thị khi hình ảnh không tải được và được trình đọc màn hình đọc to cho người dùng khiếm thị. Mặc dù đặc tả này đã tồn tại từ những ngày đầu của Web, tầm quan trọng của nó đã tăng lên trong cả khả năng truy cập và SEO, khiến nó trở thành yếu tố thiết yếu trong phát triển web hiện đại.
Alt text rất cần thiết cho khả năng truy cập. Khi người dùng khiếm thị duyệt trang bằng trình đọc màn hình, alt text truyền tải nội dung hình ảnh. WCAG (Hướng dẫn Truy cập Nội dung Web) 2.1 Tiêu chí Thành công 1.1.1 yêu cầu tất cả nội dung phi văn bản phải được cung cấp văn bản thay thế. Ví dụ, hình ảnh biểu đồ nên được mô tả là "Biểu đồ cột hiển thị xu hướng doanh số hàng tháng năm 2024", nắm bắt thông tin thiết yếu mà hình ảnh truyền tải. Hướng dẫn khả năng truy cập web giải thích tầm quan trọng của alt text.
Đối với SEO, alt text là tín hiệu quan trọng để công cụ tìm kiếm hiểu nội dung hình ảnh. Nó ảnh hưởng đến thứ hạng Tìm kiếm Hình ảnh Google, và alt text được viết tốt với từ khóa liên quan sẽ thu hút lưu lượng truy cập từ tìm kiếm hình ảnh. Trong thực tế, các trang thương mại điện tử đặt alt text cụ thể cho hình ảnh sản phẩm (như "Túi tote da đỏ, tương thích khổ A4") đã báo cáo lưu lượng truy cập tăng từ kết quả tìm kiếm hình ảnh.
Viết alt text hiệu quả bao gồm một số điểm chính. Đầu tiên, mô tả nội dung hình ảnh ngắn gọn và chính xác, giữ dưới 125 ký tự. Các tiền tố thừa như "hình ảnh của" hay "ảnh chụp" là không cần thiết. Nhồi nhét từ khóa có thể dẫn đến hình phạt và nên tránh. Hình ảnh trang trí nên sử dụng thuộc tính alt rỗng (alt="") để trình đọc màn hình có thể bỏ qua. Hướng dẫn tối ưu hóa hình ảnh SEO bao gồm các phương pháp tốt nhất cho alt text.
Một hiểu lầm phổ biến là nhầm lẫn alt text với thuộc tính title. Thuộc tính title hiển thị dưới dạng tooltip khi di chuột và không phải là sự thay thế cho alt text. Ngoài ra, hình nền CSS không thể có thuộc tính alt, vì vậy thông tin quan trọng không bao giờ nên được truyền tải chỉ thông qua hình nền.
Từ góc độ đếm ký tự, độ dài alt text ảnh hưởng đến tổng khối lượng văn bản của trang. Mặc dù không hiển thị trực quan, công cụ tìm kiếm lập chỉ mục alt text, vì vậy đáng để xem xét alt text khi đánh giá tổng số ký tự của trang.