Thuộc tính ALT là gì?
Bùi Tấn Lực - 2112
- 07/10/2024
Thuộc tính ALT (Alternative Text) là phần văn bản mô tả nội dung của một hình ảnh trên website. Khi hình ảnh không thể hiển thị hoặc người dùng sử dụng các công cụ hỗ trợ như trình đọc màn hình, nội dung trong ALT sẽ được sử dụng để thay thế hình ảnh, giúp người dùng vẫn hiểu được ý nghĩa mà hình ảnh truyền tải.
Trong SEO, ALT không chỉ giúp công cụ tìm kiếm hiểu rõ nội dung của hình ảnh mà còn góp phần cải thiện khả năng xuất hiện trên kết quả tìm kiếm hình ảnh. Tuy nhiên, giá trị lớn nhất của thuộc tính này vẫn là nâng cao trải nghiệm người dùng và khả năng tiếp cận (Accessibility), thay vì chỉ phục vụ mục đích tối ưu từ khóa.
Đối với một website chuyên nghiệp như Web Mới, việc xây dựng nội dung ALT chính xác, tự nhiên và phù hợp với từng hình ảnh sẽ giúp website thân thiện hơn với cả người dùng lẫn công cụ tìm kiếm.
Thuộc tính ALT hoạt động như thế nào?
Mỗi hình ảnh trên website có thể khai báo thuộc tính ALT để mô tả nội dung của hình ảnh đó. Khi trình duyệt tải hình thất bại, đoạn mô tả này có thể được hiển thị thay thế. Ngoài ra, các phần mềm hỗ trợ người khiếm thị sẽ đọc nội dung ALT để giúp họ hiểu hình ảnh đang nói về điều gì.
Công cụ tìm kiếm cũng dựa vào nội dung ALT để phân tích chủ đề của hình ảnh, từ đó xác định mức độ liên quan giữa hình ảnh và nội dung bài viết.
Ví dụ một hình ảnh giới thiệu giao diện website:
<img src="giao-dien-website.webp" alt="Giao diện website doanh nghiệp hiện đại">
Trong ví dụ trên:
- src: Đường dẫn đến hình ảnh.
- alt: Mô tả chính xác nội dung của hình ảnh.
Vì sao thuộc tính ALT lại quan trọng?
Nhiều người chỉ xem ALT là một yếu tố SEO, nhưng trên thực tế nó mang lại nhiều lợi ích hơn rất nhiều.
Giúp công cụ tìm kiếm hiểu nội dung hình ảnh
Công cụ tìm kiếm chưa thể hiểu hình ảnh giống con người. Chúng sẽ kết hợp nhiều tín hiệu như tên tệp, nội dung xung quanh, chú thích và đặc biệt là thuộc tính ALT để xác định hình ảnh đang thể hiện điều gì.
Nếu ALT được mô tả rõ ràng, hình ảnh sẽ có cơ hội xuất hiện trong kết quả tìm kiếm hình ảnh và hỗ trợ chủ đề chung của trang.
Cải thiện khả năng tiếp cận
Người khiếm thị thường sử dụng phần mềm đọc màn hình để duyệt web. Khi gặp hình ảnh, phần mềm sẽ đọc nội dung ALT thay cho hình ảnh, giúp họ tiếp cận thông tin đầy đủ hơn.
Đây là một trong những lý do quan trọng khiến ALT trở thành tiêu chuẩn trong phát triển website hiện đại.
Hiển thị nội dung thay thế khi ảnh lỗi
Nếu hình ảnh bị xóa, sai đường dẫn hoặc kết nối mạng gặp sự cố, trình duyệt có thể không tải được hình ảnh. Trong trường hợp đó, nội dung ALT sẽ giúp người dùng biết hình ảnh ban đầu có nội dung gì.
Hỗ trợ SEO hình ảnh
Một hình ảnh có ALT phù hợp sẽ dễ được lập chỉ mục chính xác hơn, từ đó tăng khả năng xuất hiện trên Google Images và góp phần thu hút thêm lượng truy cập tự nhiên.
Khi nào nên sử dụng thuộc tính ALT?
Hầu hết các hình ảnh mang giá trị nội dung đều nên có ALT.
- Ảnh minh họa bài viết.
- Ảnh sản phẩm.
- Ảnh dịch vụ.
- Ảnh hướng dẫn.
- Biểu đồ.
- Sơ đồ.
- Ảnh chứa thông tin quan trọng.
Nếu hình ảnh chỉ dùng để trang trí và không mang ý nghĩa nội dung thì có thể để ALT rỗng.
<img src="hoa-van.webp" alt="">
Điều này giúp trình đọc màn hình bỏ qua hình ảnh trang trí, tránh gây khó chịu cho người sử dụng.
Cách viết ALT đúng chuẩn
Mô tả đúng nội dung hình ảnh
ALT nên phản ánh đúng những gì người dùng nhìn thấy trong hình.
Ví dụ tốt:
<img src="thiet-ke-website.webp" alt="Thiết kế website bán hàng giao diện hiện đại">
Ví dụ chưa tốt:
<img src="thiet-ke-website.webp" alt="Website">
Mô tả quá ngắn sẽ không cung cấp đủ thông tin cho cả người dùng và công cụ tìm kiếm.
Viết tự nhiên như một câu mô tả
ALT không nên được tạo ra bằng cách ghép nhiều từ khóa liên tiếp. Thay vào đó, hãy viết giống như đang mô tả hình ảnh cho một người không thể nhìn thấy.
Độ dài vừa phải
Không có quy định bắt buộc về số ký tự, tuy nhiên ALT nên đủ để truyền tải nội dung của hình ảnh mà không quá dài dòng.
Một câu mô tả ngắn gọn, rõ nghĩa thường mang lại hiệu quả tốt hơn nhiều so với một đoạn văn dài.
Đưa từ khóa khi thật sự phù hợp
Nếu hình ảnh liên quan trực tiếp đến chủ đề bài viết thì có thể xuất hiện từ khóa chính hoặc từ khóa liên quan trong ALT. Tuy nhiên, từ khóa phải được đặt một cách tự nhiên, không làm mất đi ý nghĩa mô tả của hình ảnh.
Những lỗi thường gặp khi viết ALT
Nhồi nhét từ khóa
Đây là lỗi phổ biến nhất. Một số website cố gắng đưa rất nhiều từ khóa vào ALT với hy vọng tăng thứ hạng SEO.
Ví dụ không nên:
<img src="seo.webp" alt="SEO SEO Website SEO Web SEO Google SEO Onpage SEO Web Mới SEO giá rẻ">
Cách viết này vừa gây khó hiểu vừa không mang lại trải nghiệm tốt.
Không khai báo ALT
Nếu hình ảnh mang thông tin quan trọng nhưng không có ALT, công cụ tìm kiếm sẽ khó hiểu nội dung của hình ảnh và người dùng sử dụng trình đọc màn hình cũng bị thiếu thông tin.
Dùng ALT giống nhau cho nhiều hình
Mỗi hình ảnh thường có nội dung khác nhau nên ALT cũng cần được viết riêng. Việc sao chép cùng một đoạn ALT cho nhiều hình sẽ làm giảm giá trị mô tả.
Viết ALT không liên quan đến hình ảnh
ALT phải mô tả đúng hình ảnh thực tế. Không nên lợi dụng ALT để chèn nội dung quảng cáo hoặc các từ khóa không liên quan.
Phân biệt ALT với TITLE của hình ảnh
| Tiêu chí | ALT | TITLE |
|---|---|---|
| Mục đích | Mô tả nội dung hình ảnh | Hiển thị thông tin bổ sung khi di chuột |
| Hỗ trợ Accessibility | Có | Rất hạn chế |
| SEO hình ảnh | Quan trọng | Ít ảnh hưởng |
| Đọc bởi trình đọc màn hình | Có | Không phải lúc nào cũng có |
Trong hầu hết trường hợp, ALT quan trọng hơn TITLE đối với hình ảnh.
Ví dụ viết ALT đúng và chưa đúng
| Hình ảnh | ALT nên dùng | ALT chưa tốt |
|---|---|---|
| Máy tính đang lập trình | Lập trình viên đang phát triển website trên máy tính | Máy tính |
| Giao diện website doanh nghiệp | Giao diện website doanh nghiệp với thiết kế hiện đại | Website website website |
| Logo Web Mới | Logo Web Mới | Logo đẹp nhất Việt Nam |
ALT có ảnh hưởng trực tiếp đến thứ hạng SEO không?
ALT là một tín hiệu giúp công cụ tìm kiếm hiểu rõ hình ảnh hơn, nhưng không phải là yếu tố quyết định thứ hạng của toàn bộ website.
Giá trị của ALT sẽ phát huy tốt nhất khi được kết hợp với nhiều yếu tố khác như nội dung chất lượng, tên tệp hình ảnh hợp lý, kích thước ảnh tối ưu, tốc độ tải trang, cấu trúc HTML rõ ràng và trải nghiệm người dùng tốt.
Vì vậy, thay vì cố gắng tối ưu ALT một cách quá mức, hãy xem đây là một phần trong chiến lược SEO tổng thể.
Các nguyên tắc nên ghi nhớ
- Luôn mô tả đúng nội dung hình ảnh.
- Viết tự nhiên, dễ hiểu.
- Không nhồi nhét từ khóa.
- Mỗi hình ảnh nên có ALT riêng.
- Ảnh trang trí có thể sử dụng ALT rỗng.
- Ưu tiên trải nghiệm người dùng trước khi nghĩ đến SEO.
Kết luận
Thuộc tính ALT không chỉ là một thành phần trong HTML mà còn là cầu nối giúp công cụ tìm kiếm và người dùng hiểu được nội dung của hình ảnh. Một đoạn ALT được viết đúng sẽ cải thiện khả năng tiếp cận, hỗ trợ SEO hình ảnh và góp phần nâng cao chất lượng tổng thể của website.
Đối với Web Mới, việc xây dựng ALT nên được xem là một quy trình biên tập nội dung thay vì chỉ là thao tác kỹ thuật. Mỗi hình ảnh cần có phần mô tả riêng, đúng ngữ cảnh và mang lại giá trị thực tế cho người truy cập. Khi thực hiện nhất quán trên toàn bộ website, thuộc tính ALT sẽ trở thành một yếu tố nhỏ nhưng tạo ra hiệu quả lâu dài trong cả SEO và trải nghiệm người dùng.
- 0 Bình luận
Email, Điện thoại 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 *
