Alt text là gì? Cách hiểu đúng và viết chuẩn cho website

Alt text là gì? Hiểu đúng khái niệm trong 1 phút

Alt text hay alternative text (văn bản thay thế), là một đoạn mô tả ngắn về nội dung hoặc chức năng của hình ảnh trên website. Nó thường nằm trong thuộc tính alt của thẻ ảnh trong HTML, giúp người dùng dùng trình đọc màn hình và công cụ tìm kiếm hiểu ảnh tốt hơn.

Trong thực tế, alt text không phải là dòng chữ hiển thị sẵn dưới ảnh. Nó là một lớp mô tả “ở phía sau” hình ảnh. Một nhầm lẫn thường gặp khi đăng bài lên CMS là đội content đã tải ảnh lên nhưng để trống trường alt, hoặc điền caption rồi nghĩ như vậy là đủ.

Ví dụ rất đơn giản:

<img src="san-pham.jpg" alt="giao diện dashboard phần mềm quản lý kho với biểu đồ tồn kho">

Alt text xuất hiện ở đâu?

• Trong mã HTML của hình ảnh, thường ở dạng thuộc tính alt
• Trong các CMS như WordPress, Shopify, Webflow, thường có sẵn ô nhập alt text khi tải ảnh lên
• Đây là trường nền của ảnh, không phải caption hiển thị cho người đọc

Alt text hoạt động khi nào?

• Khi hình ảnh không tải được, alt text có thể xuất hiện thay thế
• Khi người dùng sử dụng screen reader, alt text sẽ được đọc lên để mô tả ảnh
• Khi công cụ tìm kiếm cần thêm ngữ cảnh để hiểu nội dung hình ảnh

Alt text là yếu tố hỗ trợ, không phải là chiến thuật SEO độc lập. Viết đúng giúp website rõ nghĩa hơn, nhưng hiệu quả SEO vẫn phụ thuộc vào chất lượng tổng thể của trang.

Vì sao alt text quan trọng với website?

Alt text quan trọng vì nó hỗ trợ cùng lúc 3 việc:

1. Tăng accessibility cho người không nhìn thấy ảnh.
2. Hỗ trợ SEO hình ảnh và bổ sung ngữ cảnh cho Google.
3. Cải thiện trải nghiệm người dùng khi ảnh lỗi hoặc ảnh có chức năng.

Alt text và accessibility

Vai trò quan trọng nhất của alt text nằm ở khả năng truy cập. Screen reader là công cụ đọc nội dung trên màn hình cho người dùng khiếm thị hoặc người có thị lực hạn chế. Nếu hình ảnh chứa thông tin nhưng không có alt text, người dùng đó có thể bỏ lỡ hoàn toàn ý nghĩa của ảnh.

Ví dụ, nếu một bài viết có biểu đồ tăng trưởng traffic nhưng trường alt bị bỏ trống, screen reader sẽ không thể truyền đạt nội dung quan trọng mà biểu đồ đang thể hiện. Với các website ưu tiên về chất lượng, accessibility không phải phần phụ. Đây là một nguyên tắc nền tảng và cũng là tinh thần mà WCAG (Web Content Accessibility Guidelines - bộ hướng dẫn khả năng truy cập web) nhấn mạnh.

Alt text và SEO hình ảnh

Về SEO hình ảnh, Google đã hiểu ảnh tốt hơn trước rất nhiều. Tuy vậy, công cụ tìm kiếm vẫn cần thêm tín hiệu văn bản để xác định ảnh nói về điều gì, liên quan ra sao đến nội dung của trang, và có phù hợp để xuất hiện trên Google Images hay không.

Alt text giúp bổ sung lớp ngữ nghĩa đó. Nó đặc biệt hữu ích với:

• Ảnh sản phẩm.
• Biểu đồ, infographic.
• Ảnh minh họa chứa thông tin chuyên môn.
• Ảnh dùng làm liên kết.

Cần nhìn alt text một cách cân bằng: Alt text hỗ trợ SEO hình ảnh, nhưng không phải yếu tố độc lập đủ để giúp trang tăng hạng mạnh. Nó phát huy tốt nhất khi đi cùng nội dung rõ ràng, tên file hợp lý và trải nghiệm trang tốt.

Alt text và trải nghiệm người dùng

Alt text cũng tác động đến trải nghiệm người dùng theo cách rất thực tế. Khi ảnh lỗi tải, người dùng vẫn có cơ hội hiểu website đang muốn truyền tải điều gì. Nếu ảnh là banner, nút bấm hoặc link điều hướng, alt text còn giúp diễn đạt đúng chức năng thay vì chỉ mô tả hình thức.

Trong quá trình rà soát on-page, chúng tôi thường thấy lỗi khá phổ biến là banner có gắn link nhưng alt lại ghi kiểu “banner màu xanh”, trong khi điều người dùng cần biết là bấm vào đó để làm gì. Khi đó, website có hình nhưng thiếu nghĩa.

Phân biệt alt text với caption, title ảnh và tên file

Một nhầm lẫn rất phổ biến là điền caption ảnh nhưng quên alt text. Đây là lỗi hay gặp khi upload ảnh trong CMS. Trên thực tế, 4 thành phần này có vai trò khác nhau và không nên dùng thay thế cho nhau.

Khi nào nên dùng từng loại?

• Alt text: Dùng khi ảnh có nội dung hoặc chức năng cần được mô tả.
• Caption: Dùng khi cần giải thích thêm cho người đọc ngay trên giao diện bài viết.
• Title ảnh: Chỉ là thông tin bổ sung, không phải trọng tâm của SEO ảnh.
• Tên file ảnh: Nên đặt rõ nghĩa, đặc biệt với ảnh sản phẩm hoặc ảnh nội dung quan trọng.

Ví dụ, ảnh sản phẩm nên tối ưu cả tên file ảnh và alt text. Nhưng không nên copy nguyên caption dài xuống trường alt. Alt text cần ngắn, đúng trọng tâm và phục vụ người không nhìn thấy ảnh.

Cách viết alt text chuẩn: Ngắn, đúng và có ngữ cảnh

Viết alt text tốt không khó, nhưng đòi hỏi đúng tư duy. Sai lầm phổ biến nhất là xem alt text như nơi để chèn từ khóa SEO. Trên thực tế, cách viết alt text chuẩn SEO phải ưu tiên tính mô tả trước, rồi mới tính đến từ khóa nếu phù hợp.

Một framework đơn giản là: Nhìn ảnh → Xác định vai trò → Viết 1 câu ngắn.

Nguyên tắc 1 - Mô tả ảnh theo điều người dùng cần biết

Hãy nhìn ảnh trong đúng ngữ cảnh của bài viết hoặc trang đích. Câu hỏi quan trọng không phải “ảnh có gì?”, mà là “người không nhìn thấy ảnh cần biết điều gì?”.

Ví dụ:

• Ảnh sản phẩm: Mô tả sản phẩm đang hiển thị.
• Ảnh biểu đồ: Mô tả nội dung chính của biểu đồ.
• Ảnh banner có link: Mô tả chức năng hoặc hành động.

Ví dụ đúng:

• “biểu đồ lưu lượng truy cập từ Google Images trong báo cáo SEO”.
• “máy đóng gói công nghiệp màu xám trong dây chuyền sản xuất”.
• “Tải checklist SEO on-page miễn phí”.

Ví dụ chưa tốt:

• “ảnh”.
• “banner”.
• “biểu đồ đẹp”.

Nguyên tắc 2 - Viết ngắn gọn, dễ hiểu

Alt text nên ngắn gọn và đi thẳng vào ý chính. Nhiều tài liệu khuyến nghị giữ trong khoảng dưới 125 ký tự nếu hợp lý. Đây là best practice hữu ích, nhưng không phải luật cứng.

Bạn không cần mở đầu bằng:

• “hình ảnh của…”
• “ảnh chụp…”
• “picture of…”
• “image of…”

Screen reader thường đã hiểu đó là một hình ảnh. Việc thêm các cụm này chỉ làm câu mô tả dài và nhiễu hơn.

Nguyên tắc 3 - Đưa từ khóa vào tự nhiên

Từ khóa chỉ nên xuất hiện khi nó phản ánh đúng nội dung ảnh. Nếu ảnh là biểu đồ về Google Images, việc nhắc “Google Images” là tự nhiên. Nhưng nếu ảnh chỉ là icon trang trí, việc cố nhét từ khóa sẽ phản tác dụng.

So sánh nhanh:

• Sai: “phần mềm quản lý kho, phần mềm kho, phần mềm tồn kho, phần mềm quản lý tồn kho”
• Đúng: “giao diện dashboard phần mềm quản lý kho với biểu đồ tồn kho theo thời gian”

Nguyên tắc cần nhớ là: Đúng ngữ cảnh quan trọng hơn mật độ từ khóa. Google cũng nhiều lần nhấn mạnh nên tránh keyword stuffing (nhồi nhét từ khóa) trong thuộc tính alt.

Nguyên tắc 4 - Nếu ảnh là nút hoặc link, viết theo chức năng

Với ảnh CTA, banner, nút hình ảnh hoặc icon có gắn liên kết, alt text nên trả lời câu hỏi: “Bấm vào sẽ làm gì?”

Ví dụ:

• Chưa tốt: “banner màu xanh”
• Tốt hơn: “Xem bảng giá dịch vụ SEO”
• Tốt hơn nữa nếu đúng ngữ cảnh trang: “Tải checklist SEO on-page miễn phí”

Trong quá trình audit website, đây là lỗi bị bỏ qua khá nhiều. Team content thường mô tả hình thức của banner, trong khi người dùng dùng screen reader lại cần biết chức năng của nó.

Checklist viết alt text nhanh

Trước khi lưu ảnh, hãy tự kiểm tra 5 câu hỏi sau:

• Ảnh này đang truyền tải thông tin gì?
• Người không nhìn thấy ảnh cần biết điều gì?
• Câu mô tả đã ngắn và rõ chưa?
• Có đang lặp lại caption hoặc câu chữ sát bên ảnh không?
• Có đang không nhồi từ khóa một cách gượng ép không?

Nếu đội ngũ của bạn đang chuẩn hóa quy trình on-page, có thể tạo riêng một checklist nội bộ cho content và web admin để tránh lỗi lặp lại khi upload ảnh hàng loạt.

Không phải ảnh nào cũng cần alt text: khi nào dùng alt=""?

Một hiểu lầm rất phổ biến là ảnh nào cũng phải viết mô tả. Thực tế, không phải vậy. Với ảnh trang trí, cách làm đúng thường là dùng alt="", tức alt rỗng, để trình đọc màn hình bỏ qua ảnh đó.

Làm như vậy giúp trải nghiệm của người dùng dùng screen reader gọn hơn. Nếu bạn cố mô tả mọi icon, họa tiết hay đường phân cách, người dùng sẽ phải nghe rất nhiều thông tin vô ích.

Những loại ảnh nên để alt rỗng

• Ảnh nền chỉ để trang trí.
• Icon lặp lại không mang thêm ý nghĩa mới.
• Đường phân cách, họa tiết, hình minh họa chỉ để làm đẹp.
• Các yếu tố đồ họa phụ không truyền tải nội dung.

Những loại ảnh nên có alt text rõ ràng

• Ảnh sản phẩm.
• Biểu đồ, infographic.
• Ảnh minh họa mang thông tin chính.
• Banner CTA, ảnh dẫn link, nút hình ảnh.
• Logo thương hiệu nếu logo đóng vai trò nhận diện hoặc điều hướng.

Một lỗi khá phổ biến khi audit là icon trang trí bị gắn alt kiểu “mũi tên”, “dấu tick”, “icon xanh”. Về mặt accessibility, điều này không giúp ích nhiều, thậm chí còn gây nhiễu.

Ví dụ alt text đúng và sai trong các tình huống phổ biến

Alt text đúng không có một công thức cứng cho mọi trường hợp. Nó phụ thuộc vào loại ảnh và vai trò của ảnh trên trang. Cách nhanh nhất để hiểu là so sánh ví dụ sai và đúng.

Điểm cần nhớ là alt text tốt không phải alt text “chuẩn SEO” theo kiểu nhồi keyword. Alt text tốt là alt text giúp người không thấy ảnh vẫn hiểu được nội dung hoặc chức năng của ảnh đó.

Cách rà soát và ưu tiên tối ưu alt text nếu website có nhiều ảnh

Nếu website đã có hàng trăm hoặc hàng nghìn hình ảnh, bạn không cần sửa tất cả trong một lần. Cách làm hiệu quả hơn là ưu tiên theo tác động. Trong thực tế, nhiều website có hàng trăm ảnh nhưng phần lớn giá trị lại nằm ở một nhóm nhỏ các trang đang có traffic hoặc chuyển đổi tốt.

Ưu tiên tối ưu theo tác động

1. Trang đang có organic traffic cao.
2. Trang sản phẩm hoặc dịch vụ quan trọng.
3. Bài viết evergreen có nhiều hình ảnh và được truy cập thường xuyên.

Công cụ và cách kiểm tra cơ bản

• Kiểm tra trực tiếp trong WordPress, Shopify hoặc Webflow ở phần media/image settings.
• Dùng extension hoặc công cụ site audit nếu website lớn.
• Rà soát trước các ảnh đang thiếu alt hoặc có alt quá chung chung.

Nếu bạn muốn chuẩn hóa nhanh quy trình này, nên bắt đầu từ một checklist SEO on-page nội bộ để content team và web admin cùng dùng chung tiêu chuẩn.

Câu hỏi thường gặp

Alt text là gì?

Alt text là văn bản thay thế mô tả nội dung hoặc chức năng của hình ảnh trên website. Nó thường nằm trong thuộc tính alt của thẻ ảnh và hỗ trợ screen reader, người dùng khi ảnh lỗi tải, cũng như SEO hình ảnh.

Alt text có quan trọng cho SEO không?

Có, alt text hỗ trợ SEO hình ảnh bằng cách giúp công cụ tìm kiếm hiểu ngữ cảnh của ảnh. Tuy nhiên, đây chỉ là tín hiệu hỗ trợ, không phải yếu tố riêng lẻ đủ để cải thiện thứ hạng mạnh.

Alt text khác gì caption ảnh?

Alt text là mô tả thay thế nằm trong HTML, thường không hiển thị trực tiếp trên trang. Caption ảnh là chú thích hiển thị cho người đọc. Caption không thể thay thế hoàn toàn vai trò accessibility của alt text.

Cách viết alt text chuẩn SEO là gì?

Alt text chuẩn SEO cần mô tả đúng ảnh, ngắn gọn, bám ngữ cảnh trang và chỉ dùng từ khóa khi thật sự phù hợp. Tránh nhồi từ khóa hoặc viết các cụm chung chung như “hình ảnh đẹp”.

Alt text nên dài bao nhiêu ký tự?

Alt text nên ngắn gọn, thường dưới khoảng 125 ký tự nếu có thể. Mục tiêu không phải đếm ký tự tuyệt đối, mà là truyền đạt đủ thông tin cần thiết cho người dùng và screen reader.

Có phải ảnh nào cũng cần alt text không?

Không. Ảnh có thông tin, chức năng hoặc ảnh sản phẩm nên có alt text rõ ràng. Ảnh trang trí không truyền tải nội dung nên dùng alt="" để screen reader bỏ qua, tránh gây nhiễu trải nghiệm.

Khi nào nên dùng alt=""?

Nên dùng alt="" cho ảnh nền trang trí, icon lặp lại, đường phân cách, họa tiết hoặc hình chỉ để làm đẹp. Cách này giúp công cụ hỗ trợ bỏ qua ảnh không mang thông tin quan trọng.

Có nên dùng AI để viết alt text không?

Có thể dùng AI để gợi ý alt text ở quy mô lớn, nhưng cần kiểm tra lại thủ công. AI thường mô tả được bề mặt hình ảnh, nhưng có thể bỏ lỡ ngữ cảnh, chức năng hoặc ý nghĩa trong nội dung trang.

Xem thêm:

• Meta Tag là gì? Hướng dẫn cơ bản về thẻ Meta trong SEO
• Meta Description là gì? Cách viết thẻ mô tả chuẩn SEO tăng CTR
• Cách tối ưu hình ảnh cho SEO: Checklist hiệu quả cho website

Kết luận

Alt text là văn bản thay thế cho hình ảnh, thường nằm trong thuộc tính alt và giúp cả người dùng lẫn công cụ tìm kiếm hiểu rõ hơn nội dung ảnh. Giá trị chính của alt text nằm ở khả năng truy cập, SEO hình ảnh và trải nghiệm người dùng khi ảnh không tải hoặc ảnh mang chức năng điều hướng.

Viết alt text đúng nghĩa là mô tả ngắn, đúng ngữ cảnh, không spam từ khóa. Đồng thời, không phải ảnh nào cũng cần mô tả; với ảnh trang trí, dùng alt="" thường là lựa chọn phù hợp hơn. Nếu bạn đang rà soát lại hệ thống on-page, hãy bắt đầu từ các trang có traffic cao và xây dựng checklist SEO on-page để triển khai nhất quán trên toàn website.