Alt Text SEO là gì?
Alt text là văn bản thay thế mô tả mục đích hoặc thông tin quan trọng của hình ảnh trong đúng ngữ cảnh sử dụng. Alt giúp người dùng không nhìn thấy ảnh hiểu nội dung, đồng thời cung cấp thêm ngữ cảnh cho công cụ tìm kiếm. Alt tốt mô tả điều người đọc cần biết, không phải danh sách từ khóa.
Cùng một bức ảnh có thể cần alt khác nhau khi xuất hiện trên trang sản phẩm, bài hướng dẫn hoặc case study. Trước khi viết, hãy hỏi: nếu ảnh không tải hoặc người đọc không nhìn thấy ảnh, họ sẽ mất thông tin hay chức năng nào?
Trước khi đi vào chi tiết, nếu bạn chưa nắm phần nền, xem thêm SEO onpage là gì.
- Ảnh thông tin: Mô tả thông tin cần hiểu trong ngữ cảnh.
- Ảnh trang trí: Giữ thuộc tính
altnhưng để giá trị rỗng. - Ảnh liên kết: Mô tả chức năng hoặc trang đích của liên kết.
- Biểu đồ phức tạp: Alt tóm tắt phát hiện chính; dữ liệu chi tiết nằm gần ảnh.
Google khuyến nghị dùng alt text mô tả hình ảnh trong mối quan hệ với nội dung trang và tránh nhồi từ khóa.[1] W3C Web Accessibility Initiative cũng phân loại cách xử lý theo vai trò của ảnh: informative, decorative, functional và complex.[2]
Decision tree: bức ảnh này cần alt gì?
1. Ảnh có truyền tải thông tin cần hiểu không?
Nếu có, viết alt truyền đạt phần thông tin mà người đọc sẽ mất khi không thấy ảnh. Đừng chỉ gọi tên vật thể nếu mục đích của ảnh là giải thích trạng thái, kết quả hoặc mối quan hệ.
2. Ảnh có phải là liên kết hoặc nút không?
Nếu ảnh là phần duy nhất tạo tên truy cập cho một liên kết, alt cần mô tả chức năng hoặc đích đến. W3C gọi đây là functional image: văn bản thay thế nên diễn đạt hành động, không chỉ hình dáng.[3]
3. Ảnh có hoàn toàn trang trí không?
Nếu bỏ ảnh đi mà thông tin và thao tác không thay đổi, dùng alt="". Không bỏ thuộc tính alt, vì khi đó một số công nghệ hỗ trợ có thể đọc tên file hoặc URL ảnh. Với ảnh trang trí thuần túy, CSS background cũng có thể phù hợp hơn.
4. Ảnh có chứa dữ liệu phức tạp không?
Biểu đồ, sơ đồ kỹ thuật và infographic thường không thể được mô tả đầy đủ trong một câu. Alt nên tóm tắt phát hiện chính; bảng dữ liệu, chú thích hoặc mô tả dài phải xuất hiện trong nội dung gần ảnh để mọi người có thể truy cập.
Alt, title, caption và aria-label khác nhau thế nào?
| Thành phần | Mục đích chính | Khi nên dùng | Lưu ý |
|---|---|---|---|
alt | Văn bản thay thế cho ảnh | Ảnh nội dung, ảnh liên kết; alt rỗng cho ảnh trang trí | Phụ thuộc ngữ cảnh, không nhồi keyword |
title | Thông tin bổ sung dạng tooltip ở một số trình duyệt | Chỉ khi thực sự cần thông tin phụ | Không thay thế alt và không phải tên truy cập đáng tin cậy |
| Caption | Chú thích hiển thị cho mọi người | Nguồn, bối cảnh, nhận xét hoặc dữ liệu cần đọc | Không cần lặp nguyên alt |
aria-label | Đặt tên truy cập cho control | Nút/icon không có nhãn chữ hiển thị | Không tự động biến ảnh nội dung thành ảnh có alt đúng |
Viết alt cho vài chục ảnh thì đội nội dung tự xoay được, nhưng thư viện vài nghìn ảnh cần quy ước thống nhất giữa người viết và người biên tập, và đó là phần dịch vụ content SEO đảm nhận.
Code mẫu Alt Text theo từng loại ảnh
Ảnh cung cấp thông tin
Alt mô tả thông tin đang được dùng trong đoạn văn, thay vì mô tả mọi chi tiết nhìn thấy.
<img
src="bao-cao-url-inspection.webp"
alt="URL Inspection xác nhận trang đã được index"
width="1200"
height="675"
>
Ảnh trang trí
Giữ thuộc tính alt nhưng để rỗng để công nghệ hỗ trợ bỏ qua ảnh.
<img
src="hoa-tiet-nen.webp"
alt=""
width="800"
height="400"
>
Ảnh nằm trong liên kết
Nếu ảnh là nội dung duy nhất bên trong liên kết, alt mô tả đích hoặc hành động.
<a href="/bao-cao-seo-thang-7">
<img src="report-icon.svg" alt="Xem báo cáo SEO tháng 7">
</a>
Biểu đồ phức tạp
Alt tóm tắt kết luận; dữ liệu đầy đủ nằm trong bảng hoặc văn bản kế bên.
<figure>
<img
src="organic-traffic-chart.webp"
alt="Organic traffic tăng liên tục từ tháng 1 đến tháng 6"
>
<figcaption>Dữ liệu theo từng tháng được trình bày trong bảng bên dưới.</figcaption>
</figure>
Ví dụ Alt Text tốt và chưa tốt
| Ngữ cảnh ảnh | Alt chưa tốt | Alt phù hợp hơn | Lý do |
|---|---|---|---|
| So sánh dung lượng | Ảnh SEO tốt nhất | So sánh JPG 420 KB và WebP 118 KB ở cùng kích thước | Nêu đúng thông tin người đọc cần |
| Ảnh GSC | Google Search Console | URL Inspection hiển thị trang đã được index | Mô tả trạng thái đang được giải thích |
| Icon kính lúp trong nút | Kính lúp | Tìm kiếm | Diễn đạt chức năng, không phải hình dáng |
| Họa tiết trang trí | Hình tròn màu xanh | alt="" | Không tạo thêm nội dung hữu ích |
Alt text chỉ là một lớp mỏng trong cách Google hiểu trang; muốn nó cộng hưởng với tiêu đề, nội dung và cấu trúc ảnh, cần một kế hoạch SEO tổng thể có đo lường theo tháng.
Quy trình viết Alt Text trong sáu bước
- Xác định vai trò: ảnh thông tin, trang trí, chức năng hay phức tạp.
- Đọc đoạn văn xung quanh: xác định thông tin nào ảnh đang bổ sung.
- Viết câu trả lời trực tiếp: mô tả điều cần hiểu, không mở đầu máy móc bằng “hình ảnh của”.
- Loại phần thừa: bỏ tên file, tính từ quảng cáo và keyword không liên quan.
- Kiểm tra khi bỏ ảnh: đọc lại trang trong trạng thái ảnh không tải.
- QA trong HTML: xác nhận alt đúng ảnh, đúng template và không bị component ghi đè.
Không có giới hạn ký tự SEO bắt buộc cho alt. Mục tiêu là ngắn nhất có thể nhưng vẫn truyền tải đủ mục đích. Nếu cần vài trăm từ để hiểu biểu đồ, phần mô tả đó nên nằm trong nội dung trang chứ không bị nhét vào thuộc tính alt.
Không chắc alt trên website mình đang thừa từ khóa hay thiếu ngữ cảnh? Gửi vài URL kèm brief SEO miễn phí, chúng tôi xem qua rồi nói thẳng chỗ nào cần sửa trước.
Audit Alt Text khi website có hàng nghìn ảnh
Báo cáo “thiếu alt” không đồng nghĩa mọi ảnh phải được điền một câu mô tả. Hãy phân loại ảnh theo template và vai trò trước, sau đó ưu tiên:
- Ảnh liên kết hoặc control không có tên truy cập.
- Ảnh nội dung quan trọng bị thiếu alt hoặc dùng tên file.
- Biểu đồ chỉ có dữ liệu nằm trong ảnh.
- Alt bị lặp trên toàn bộ danh sách sản phẩm hoặc bài viết.
- Ảnh trang trí đang bị đọc thành nội dung.
Nếu logo header sai trên mọi URL, sửa component. Nếu ảnh sản phẩm lấy alt từ tên file, sửa quy tắc dữ liệu. Chỉ giao editor sửa thủ công cho ảnh mà cách mô tả phụ thuộc nội dung cụ thể.
Checklist dữ liệu cần xuất khi crawl
| Trường dữ liệu | Mục đích kiểm tra |
|---|---|
| Page URL và image URL | Xác định ảnh xuất hiện ở template nào |
| Alt hiện tại | Phát hiện thiếu, rỗng, trùng hoặc giống tên file |
| Ảnh có nằm trong link? | Ưu tiên lỗi functional image |
| CSS selector/component | Tìm lỗi có thể sửa một lần cho nhiều URL |
| Status và indexability | Không ưu tiên ảnh trên URL lỗi hoặc không index |
Ví dụ có thể kiểm chứng ngay trong bài này
Ba hình minh họa trong bài được xử lý theo cùng một nguyên tắc nhưng có alt khác nhau vì nhiệm vụ khác nhau:
- Decision tree: alt mô tả các lựa chọn đầu ra theo vai trò của ảnh.
- Good vs bad: alt nêu sự đối lập giữa mô tả đúng thông tin và nhồi từ khóa.
- Audit workflow: alt mô tả chuỗi thao tác từ crawl đến QA.
Đây là một ví dụ first-party có thể kiểm tra trực tiếp trong HTML. Caption giải thích thêm cho người nhìn thấy ảnh, còn alt truyền đạt phần ý nghĩa cần thiết khi ảnh không khả dụng. Hai phần bổ sung cho nhau và không lặp nguyên văn.
Đọc thêm: bài viết SEO nên dài bao nhiêu từ · cấu trúc heading SEO
Có nên dùng AI viết Alt Text hàng loạt?
AI có thể nhận diện vật thể và tạo bản nháp, nhưng thường không biết chi tiết nào quan trọng đối với mục đích của trang. Một ảnh biểu đồ có thể được mô tả đúng về màu sắc nhưng bỏ mất kết luận mà người đọc cần.
Nếu tự động hóa, cần tối thiểu bốn lớp kiểm soát:
- Quy tắc riêng cho ảnh sản phẩm, ảnh bài viết, icon và ảnh trang trí.
- Cho phép xuất
alt=""thay vì buộc mọi ảnh có mô tả. - Giới hạn độ dài và cấm chèn claim không có trong dữ liệu ảnh.
- Human QA theo mẫu trước khi mở rộng toàn bộ thư viện.
Alt text cung cấp thêm ngữ cảnh văn bản cho hệ thống tìm kiếm và AI, nhưng không biến một hình ảnh chung chung thành bằng chứng đáng tin cậy. Với dữ liệu, case study hoặc kết quả đo, hãy cung cấp bảng, nguồn, ngày tháng và phương pháp trong HTML. Nội dung dễ đọc bằng máy không đồng nghĩa chắc chắn được AI trích dẫn.
Sai lầm thường gặp
- Nhồi cùng một keyword vào mọi alt.
- Dùng tên file hoặc mã sản phẩm làm mô tả.
- Viết alt cho ảnh trang trí thay vì để rỗng.
- Lặp nguyên caption hoặc đoạn văn cạnh ảnh.
- Nhét toàn bộ dữ liệu biểu đồ vào một alt rất dài.
- Dùng thuộc tính title thay thế alt.
- Tự động tạo alt hàng loạt mà không phân loại và QA.
Nội dung nên đọc tiếp
Alt text chỉ là một phần của Image SEO. Sau khi xử lý ngữ nghĩa ảnh, hãy kiểm tra định dạng, responsive image, kích thước và lazy loading. Với lỗi theo template hoặc component, dùng SEO Audit; với cấu trúc trang, đọc thêm checklist SEO Onpage và Technical SEO.
Câu hỏi thường gặp
Alt text dài bao nhiêu là đủ?
Không có số ký tự SEO bắt buộc. Hãy viết ngắn nhất có thể nhưng vẫn truyền tải mục đích hoặc thông tin chính của ảnh. Ảnh phức tạp nên có alt tóm tắt và mô tả chi tiết trong nội dung gần đó.
Ảnh trang trí có cần alt không?
Có thuộc tính alt nhưng giá trị nên để rỗng, tức alt="", để công nghệ hỗ trợ có thể bỏ qua ảnh trang trí. Không nên bỏ hẳn thuộc tính alt.
Alt text có phải ranking factor không?
Google sử dụng alt cùng nội dung trang và các tín hiệu khác để hiểu hình ảnh.[1] Alt hữu ích cho accessibility và Google Images, nhưng không phải vị trí để nhồi keyword hay bảo đảm thứ hạng.
Title ảnh có thay cho alt được không?
Không. Thuộc tính title và alt phục vụ mục đích khác nhau. Một ảnh cần văn bản thay thế vẫn phải có alt phù hợp.
SVG và icon có cần alt không?
Tùy vai trò. Icon trang trí nên được ẩn khỏi công nghệ hỗ trợ. Icon là nút hoặc liên kết cần tên truy cập mô tả chức năng, thường thông qua text hiển thị hoặc aria-label phù hợp. SVG nội dung cần phương án mô tả tương đương.
Kết luận
Alt Text SEO hiệu quả khi văn bản thay thế phản ánh đúng vai trò và ngữ cảnh của ảnh. Hãy phân loại ảnh trước, viết mô tả cho phần thông tin bị mất, dùng alt rỗng cho ảnh trang trí và đặt dữ liệu phức tạp trong HTML gần ảnh.
Với website lớn, đừng giao KPI “100% alt phải dài”. Hãy crawl theo template, sửa component và quy tắc dữ liệu trước, sau đó QA những ảnh nội dung cần biên tập thủ công.
Nguồn tham khảo
- Google Search Central: Google Images SEO best practices, truy cập 31/07/2026.
- W3C Web Accessibility Initiative: Alt Decision Tree, truy cập 31/07/2026.
- W3C Web Accessibility Initiative: Functional Images, truy cập 31/07/2026.
Chính sách sửa lỗi: Nếu bạn phát hiện ví dụ alt hoặc hướng dẫn accessibility chưa chính xác, vui lòng gửi phản hồi qua email. Mạnh Digital sẽ kiểm tra và cập nhật trong vòng 48 giờ làm việc.