ALT Text là gì? Cách viết ALT hiệu quả bạn nên áp dụng

Hình ảnh là yếu tố giúp người đọc đỡ nhàm chán và hiểu hơn về nội dung bài viết bạn muốn truyền tải.

Hình ảnh được xem là quan trọng khi bạn đăng tải lên website. Tuy nhiên nếu bạn chỉ đăng ảnh đơn thuần thì Bot Google rất khó để có thể hiểu được hình ảnh đó bạn đang nói về cái gì. Vì vậy ALT text ra đời nhằm hỗ trợ điều đó.

ALT text là gì?

ALT – Văn bản thay thế là đoạn văn bản được hiển thị khi hình ảnh bị lỗi không thể xuất hiện trên website. ALT text là một phần của mã html, nó mô tả nội dung hình ảnh, và nó là một phần có trong hình ảnh.

ALT text là một thuộc tính mô tả nội dung của hình ảnh chứ không phải toàn bộ thuộc tính của hình ảnh. ALT text vô cùng quan trọng vì nó giúp công cụ tìm kiếm hiểu hình ảnh bạn đang nói về cái gì. Gắn thẻ ALT giúp tác động tích cực đến vị trí xếp hạng trên các công cụ tìm kiếm.

Cấu trúc của thẻ alt hình ảnh là <img src=”duong-dan-hinh-anh” alt=”mo-ta-thay-the”>

Trong một số trường hợp, nếu như hình ảnh không thể hiển thị được thì thẻ ALT cũng có thể giúp người dùng hiểu hình ảnh của bạn đang nói về cái gì.

Tại sao ALT text lại hiệu quả

Tăng khả năng tiếp cận

Mục đích ban đầu nó được tạo ra nhằm thay thế hình ảnh nếu nó không thể tải được do mạng yếu, hình ảnh lỗi hoặc đã bị xóa.

Sau này nhờ nó mà các công cụ đọc nội dung có thể đọc được và mô tả thành âm thanh để người khiếm thị có thể hiểu được.

ALT text giúp đảm bảo ai cũng có thể tiếp thu nội dung trên website.

SEO hình ảnh

ALT ngoài mục đích mang lại trải nghiệm tốt cho người dùng thì còn hỗ trợ SEO hình ảnh. Việc giải thích hình ảnh sẽ vô cùng hợp lý, tránh hiểu sai, bỏ lỡ xếp hạng.

Văn bản thay thế còn được tận dụng để “đẩy” từ khóa mục tiêu. Nên ALT vừa mô tả từ khóa, cụm từ khóa sẽ vô cùng hữu dụng.

Nhưng bạn không nên lạm dụng nó tránh ảnh hưởng đến người dùng.

Cách tạo ra ALT text chuẩn

Mình luôn khuyến khích bạn tạo ra đoạn alt chứa từ khóa và làm cho nội dung phong phú.

Checklist khi viết bạn có thể tham khảo:

• Mô tả khách quan: Nó sẽ hiển thị khi hình ảnh không load được hoặc tải lên không thành công. Nên hãy cung cấp nội dung thật chính xác nhé
• Cung cấp ngữ cảnh cho hình ảnh: Văn bản thay thế còn cung cấp thêm cho công cụ tìm kiếm thông tin về hỉnh ảnh để có thể lập chỉ mục chính xác
• Ngắn gọn, súc tích: Tránh các cụm từ dài mà không mang lại hiệu quả nhất. Nếu như bạn có những đoạn mô tả dài hơn thì bạn có thể sử dụng thuộc tính longdesc (bạn nên tránh sử dụng những cụm từ như “hình ảnh của”, “hình ảnh mô tả cho”…)
• Tránh nhồi nhét từ khóa: Những nguyên tắc tối ưu vẫn áp dụng khi bạn tối ưu hóa ALTTEXT. Hãy tạo ra nội dung chất lượng thay vì bị nhồi nhét

Checklist tạo ra một ALT chuẩn:

• Mô tả hình ảnh cụ thể
• Ngắn gọn
• Chứa từ khóa
• Tránh nhồi nhét
• Không dùng kèm các từ “hình ảnh mô tả”…
• Dùng thẻ ALT cho các nút form submit

Bài viết có 10 hình ảnh thì chỉ nên nhét từ khóa vào 5-6 hình.

Một số vấn đề thường gặp khi dùng ALT text

Hình ảnh bị hỏng: Tránh các hình ảnh bị bể, kém chất lượng, khi hình ảnh không thể hiển thị (do bị xóa) bạn nên thay thế hình ảnh khác ngay lập tức.

Hình ảnh không có thuộc tính ALT: ALT text giúp tăng thứ hạng khi xếp hạng bài viết, thiếu thuộc tính như bỏ lỡ cơ hội xếp hạng của mình.

Ví dụ:
Lưu ý thuộc tính alt trống ở đây: <img src=”image.png” alt=””>

Cần thay đổi thành: <img src=”image.png” alt =”văn bản thay thế hình ảnh nên chứa từ khóa”>

Các câu hỏi thường gặp về ALT text tag

Làm cách nào để tìm alt trên trang?

Khi bạn muốn kiểm tra bạn chỉ cần vào mục Inspect của trang bằng cách: Click phải vào hình -> chọn kiểm tra. Nó sẽ tự nhảy đến thuộc tính của hình. Nó sẽ trông như thế này:

Làm cách nào để đọc alt text trong html?

Nội dung phần ALT text là phần ở trong dấu nháy, như hình ở trên thì nó có nội dung: Tối ưu SEO – tndigi việt nam.

Làm thế nào để biết một hình ảnh đã có văn bản thay thế?

Bạn kiểm tra, nếu như nó có nội dung thì nghĩa là hình ảnh đã được bổ sung thuộc tính văn bản thay thế.

Làm cách nào để thêm văn bản thay thế?

Bạn có thể thêm trực tiếp trong giao diện đăng bài, mục thêm hình ảnh.

Có nên sử dụng dấu câu trong văn bản thay thế không?

Việc thêm dấu câu vào văn bản thay thế giúp cho các trình đọc màn hình mang lại trải nghiệm tốt hơn. Hơn nữa, nếu như nó được thêm đúng cách, hình ảnh không chỉ đảtm bảo trải nghiệm mà còn giúp có điểm tốt trong các công cụ tìm kiếm.

Văn bản thay thế có độ dài tiêu chuẩn là bao nhiêu?

Độ dài alt text được khuyến nghị là 125 ký tự.

Có nên thêm ALT text vào tất cả hình ảnh không?

Câu trả lời là không. Văn bản thay thế được sinh ra nhằm mục đích cung cấp thêm thông tin hình ảnh. Nếu như hình ảnh được sinh ra nhằm mục đích trang trí thì chúng chỉ nên để trông cho đẹp, và không cần thêm thuộc tính vào.

Nếu như một hình ảnh không yêu cầu văn bản thay thế, cách tốt hơn là để một alt text trống. Điều này sẽ giúp cho một số trình đọc màn hình đọc tệp có thể bỏ qua nếu như hình ảnh có thuộc tính này trống.

Thực tiễn khi sử dụng ALT text

Một số lời khuyên được đưa ra là tránh sử dụng hình ảnh thay cho từ ngữ, vì công cụ tìm kiếm không thể đọc như các mà chúng ta tiếp cận thông tin. Vì vậy hãy sủ dụng một hình ảnh thay cho văn bản thực tiễn nếu như có thể gây nhầm lẫn thông tin cho trình thu thập dữ liệu, ảnh hưởng đến thứ hạng tìm kiếm.

Tầm quan trọng của ALT text

ALT text là một phần quan trọng khi SEO hình ảnh và tăng khả năng tiếp cận người dùng, vì vậy hãy cố gắng tối ưu hóa. Người dùng và cả công cụ tìm kiếm sẽ hiểu rõ hơn về hình ảnh trên trang của bạn.

Bạn đã hiểu ALT text là gì và có vai trò quan trọng như thế nào rồi đúng không?