Ngôn ngữ

Alt text

Alt text là thuộc tính alt trên phần tử img. Nó hỗ trợ khả năng tiếp cận và tìm kiếm hình ảnh, nhưng tác động tới thứ hạng tìm kiếm web có giới hạn.

Xuất bản lần đầu: 25 thg 6, 2026 · Cập nhật lần cuối: 22 thg 8, 2026 · Advanced
Ngôn ngữ
AIĐược viết bởiAI v2
1 tín hiệu bằng chứng trên trang này

Alt text là giá trị của thuộc tính alt trên phần tử <img> — phần chữ thay thế ngắn được chọn theo mục đích và ngữ cảnh của ảnh, không phải danh sách pixel. HTML yêu cầu thuộc tính này; đây là một đầu vào cho mức tuân thủ khả năng tiếp cận chứ tự nó không bảo đảm tuân thủ ADA/WCAG đầy đủ, đồng thời là phần metadata hình ảnh quan trọng nhất đối với công cụ tìm kiếm. Điểm nhiều hướng dẫn bỏ lỡ: alt text chủ yếu hỗ trợ tìm kiếm hình ảnh, không phải thứ hạng tìm kiếm web thông thường — Mueller đã nhắc lại điều này, và không nguồn chính thức đã đánh giá nào hứa hẹn kết quả về thứ hạng, traffic hay trích dẫn AI chỉ từ việc thêm alt. Hãy viết theo ngữ cảnh, không chỉ mô tả; đừng nhồi từ khóa; đừng mở đầu bằng “image of”; dùng alt="" cho ảnh trang trí thay vì bỏ thuộc tính; mô tả hành động hoặc đích đến cho ảnh chức năng và ảnh có liên kết; đồng thời nhớ rằng alt text trên ảnh có liên kết đóng vai trò anchor text. Thuộc tính alt thiếu là lỗi SEO kỹ thuật phổ biến nhất trên web — 80,4% website có ít nhất một trường hợp.

Tóm tắt — Alt text là giá trị của thuộc tính alt trên phần tử <img> — được HTML yêu cầu, cần thiết cho khả năng tiếp cận và là phần metadata hình ảnh quan trọng nhất đối với tìm kiếm. Điểm nhiều hướng dẫn làm sai: nó chủ yếu tác động tới tìm kiếm hình ảnh, không phải thứ hạng tìm kiếm web (Mueller đã nhắc lại nhiều lần). Google đọc alt text cùng với thị giác máy tính và ngữ cảnh trang, nên hãy viết theo ngữ cảnh, không chỉ mô tả trần trụi. Đừng nhồi từ khóa, đừng mở đầu bằng “hình ảnh về”, và dùng alt="" (không phải thuộc tính bị thiếu) cho ảnh trang trí. Với ảnh có liên kết, alt text đóng vai trò anchor text. Google không đặt giới hạn ký tự; 155 ký tự chỉ là hướng dẫn viết. Alt thiếu là lỗi kỹ thuật phổ biến nhất trên web — 80,4% website có ít nhất một trường hợp.

Evidence for this claim Informative images need a concise text alternative, while decorative images should use an empty alt attribute. Scope: W3C image accessibility guidance. Confidence: high · Verified: W3C WAI: Image concepts Evidence for this claim Google uses alt text together with page content and computer vision to understand an image's subject matter. Scope: Google Images alt-text guidance. Confidence: high · Verified: Google Search Central: Image SEO

Alt text thực chất là gì

Alt text là giá trị của thuộc tính alt trên phần tử HTML <img>:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch">

Đây là phần chữ ngắn thay cho hình ảnh — dành cho người dùng trình đọc màn hình, crawler và trình duyệt khi ảnh bị tắt hoặc tải lỗi. Một lưu ý thuật ngữ: nó thường được gọi là “alt tag”, nhưng đó là cách gọi sai. Thẻ là <img>; alt là một thuộc tính của thẻ đó. Tên gọi phổ biến đến mức tôi không cố phản đối, nhưng thuật ngữ chính xác là thuộc tính alt, còn nội dung bên trong là alt text.

Đặc tả HTML yêu cầu thuộc tính alt trên phần tử <img>. Bỏ hẳn thuộc tính là lỗi tuân thủ. Giá trị rỗng (alt="") hợp lệ và có ý nghĩa — đó là cách đúng để đánh dấu ảnh trang trí (xem thêm bên dưới).

Chọn nội dung alt không phải là đi theo một công thức mô tả chung. Alt text phù hợp phụ thuộc vào mục đích của ảnh tại đúng vị trí đó trên trang — không phải danh sách máy móc mọi vật trong khung hình. Cùng một ảnh có thể cần alt text khác nhau (hoặc giá trị rỗng) tùy vị trí và thông tin nội dung xung quanh đã truyền tải; không có một chú thích “đúng” duy nhất tách khỏi ngữ cảnh.

Alt text có hai nhiệm vụ SEO riêng — và một nhiệm vụ thường bị phóng đại

Đây là khác biệt mà phần lớn hướng dẫn “alt text cho SEO” làm mờ, cũng là giá trị chính của bài này. Alt text thực hiện hai việc khác nhau cho tìm kiếm:

  1. Bổ sung chữ cho trang. Google tính alt text là một phần văn bản trên trang. Mueller: “The alt text is essentially shown when the images are turned off in most browsers, so that’s something that we would count as part of the on-page text.” (bản dịch) «Alt text về cơ bản được hiển thị khi hình ảnh bị tắt trong phần lớn trình duyệt, vì vậy chúng tôi tính nó là một phần văn bản trên trang.» Điều đó có thật nhưng tác động nhỏ.

  2. Báo hiệu nội dung ảnh — cho tìm kiếm hình ảnh. Đây là nhiệm vụ chính. Tài liệu của Google gọi alt text là “the most important attribute” (bản dịch) «thuộc tính quan trọng nhất» để cung cấp metadata hình ảnh, còn Mueller đặt tác động của nó trong tìm kiếm hình ảnh: “if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant.” (bản dịch) «Nếu ai đó tìm trong Google Images nội dung gần khớp với alt text, chúng tôi có thể dùng nó để hiểu rằng hình ảnh của bạn có liên quan.»

Điểm cần ghi nhớ: thêm alt text không khiến trang xếp hạng cao hơn trong tìm kiếm web chỉ vì trang có hình ảnh. Mueller nói thẳng: “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (bản dịch) «Không phải chúng tôi cho rằng một trang chữ có giá trị hơn vì có hình ảnh. Chúng tôi chỉ đọc alt text, áp dụng nó cho ảnh và dùng nó để hiểu ảnh rõ hơn khi có người tìm kiếm hình ảnh.»

Vì vậy, nếu mục tiêu là mức hiển thị trong tìm kiếm hình ảnh — cùng traffic referral từ đó — alt text rất quan trọng. Nếu hy vọng riêng alt text sẽ nâng thứ hạng liên kết xanh trên web, bạn đang dùng sai công cụ. Đây cũng là điểm tôi nêu trong bài JavaScript SEO: với tìm kiếm web, alt text được tính như chữ trên trang nhưng tầm quan trọng thường bị phóng đại — lợi ích thực nằm ở tìm kiếm hình ảnh và khả năng tiếp cận.

Đây không phải tín hiệu duy nhất Google dùng

Alt text không được đọc tách biệt. Google nói: “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (bản dịch) «Google dùng alt text cùng thuật toán thị giác máy tính và nội dung trang để hiểu chủ đề của hình ảnh.» Thị giác máy tính đã có thể nhận ra đó là bãi biển. Nhiệm vụ của alt text là phần mô hình không thể suy ra — ngữ cảnh: vì sao ảnh nằm trên trang này và có ý nghĩa gì. Đó là lý do lời khuyên năm 2024 của Mueller rất đúng: AI tạo “photo of a beach” (bản dịch) «ảnh chụp một bãi biển» về kỹ thuật có mô tả pixel nhưng bỏ phí cơ hội, vì “the alt-text is unique in that it’s what directly connects the image to the page with context.” (bản dịch) «Alt text là độc nhất vì nó trực tiếp nối hình ảnh với trang bằng ngữ cảnh.» Cùng ảnh bãi biển có thể cần alt text khác trên trang lướt sóng, tin bất động sản hoặc bài về khí hậu.

Evidence for this claim Google uses alt text together with page content and computer vision to understand an image's subject matter. Scope: Google Images alt-text guidance. Confidence: high · Verified: Google Search Central: Image SEO

Khả năng tiếp cận — và rủi ro pháp lý

Trước khi là tài sản SEO, alt text là yêu cầu về khả năng tiếp cận. Tiêu chí thành công WCAG 2.x 1.1.1 (Nội dung phi văn bản), Cấp A yêu cầu văn bản thay thế cho nội dung phi văn bản. Người dùng trình đọc màn hình phụ thuộc vào nó; nếu thiếu, hình ảnh trở thành khoảng trống trên trang, còn thuộc tính alt bị bỏ có thể khiến một số trình đọc phát tên tệp thô.

Đó chỉ là một trong hàng chục tiêu chí thành công. Viết alt text đúng đáp ứng 1.1.1 cho hình ảnh, nhưng tự nó không xác lập toàn bộ mức tuân thủ WCAG — hoặc ADA — cho trang hay website. Các tiêu chí khác như độ tương phản màu, truy cập bằng bàn phím, nhãn biểu mẫu và cấu trúc heading cũng quyết định. Hãy xem alt text là một phần cần thiết của khả năng tiếp cận, không phải toàn bộ.

Điều này có hậu quả thực tế. Thuộc tính alt thiếu thường được nêu trong các vụ kiện về khả năng tiếp cận website theo ADA, với số vụ hàng năm tại Mỹ lên tới hàng nghìn. Như tôi viết trong hướng dẫn JavaScript SEO, “missing alt attributes are an accessibility issue, which may turn into a legal issue.” (bản dịch) «Thuộc tính alt thiếu là vấn đề khả năng tiếp cận và có thể trở thành vấn đề pháp lý.» Điều đó đổi cách nhìn về bản sửa: trước hết là hành động tuân thủ, sau đó mới là SEO. Đây cũng là lý do crawler SEO — gồm Ahrefs Site Audit — gắn cờ alt thiếu trong lỗi kỹ thuật.

Cách viết alt text hiệu quả

  • Bắt đầu bằng ngữ cảnh, không phải chú thích. Mô tả ý nghĩa của ảnh đối với trang, không chỉ những gì nhìn thấy. Mueller nói về tìm kiếm hình ảnh: “you don’t necessarily need to describe exactly what is in the image, but rather kind of like what this image means for your particular page.” (bản dịch) «Bạn không nhất thiết phải mô tả chính xác mọi thứ trong ảnh, mà nên nói ảnh có ý nghĩa gì với trang cụ thể.»
  • Đừng bắt đầu bằng “Image of” / “Photo of”. Lizzi Sassman của Google nói: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (bản dịch) «Chúng tôi đã biết đó là hình ảnh. Bạn không cần nói ‘Đây là hình ảnh về’ rồi mới nêu nội dung.» Một cụm mô tả là đủ — không bắt buộc thành câu hoàn chỉnh.
  • Dùng từ khóa tự nhiên, không bao giờ nhồi. Google nói: “focus on creating useful, information-rich content that uses keywords appropriately and is in context.” (bản dịch) «Hãy tập trung tạo nội dung hữu ích, giàu thông tin, dùng từ khóa phù hợp và đúng ngữ cảnh.» Cảnh báo là: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (bản dịch) «Tránh nhồi từ khóa vào thuộc tính alt vì điều đó tạo trải nghiệm xấu và có thể khiến website bị xem là spam.» Gary Illyes nói gọn: alt text “shouldn’t be what you want to rank for, but what’s in the image.” (bản dịch) «Không nên là thứ bạn muốn xếp hạng, mà là nội dung trong ảnh.»
  • Đừng chép đoạn văn xung quanh vào alt. Mueller: “I wouldn’t just blindly copy and paste the same text that you already have on a page as an alt text.” (bản dịch) «Tôi sẽ không máy móc sao chép đúng phần chữ đã có trên trang để làm alt text.» Thuộc tính alt là cơ hội riêng để thêm ngữ cảnh, không phải bản sao.
  • Google không có giới hạn ký tự. Mueller: “we don’t have any guidelines with regards to how long your alt text can be.” (bản dịch) «Chúng tôi không có hướng dẫn giới hạn độ dài alt text.» Con số “125 ký tự” phổ biến đến từ công cụ khả năng tiếp cận; Google Developer Style Guide đề xuất 155 ký tự trở xuống như hướng dẫn viết, không phải giới hạn cứng. Hãy viết ngắn vì mô tả dài làm gián đoạn luồng nghe của người dùng trình đọc màn hình — không phải vì Google cắt nội dung.
  • Dùng alt text nhất quán cho ảnh lặp lại. Nếu cùng ảnh xuất hiện ở nhiều nơi, hãy dùng cùng alt text.

Ảnh trang trí: alt="", không phải thuộc tính alt bị thiếu

Với ảnh thuần trang trí — khoảng đệm, đường phân cách, họa tiết nền không mang thông tin — mẫu đúng là thuộc tính alt rỗng:

<img src="divider.svg" alt="">

Giá trị alt="" cho công nghệ hỗ trợ biết ảnh là trang trí và nên bỏ qua. Điều này khác với bỏ hẳn thuộc tính. Không có alt là lỗi đặc tả HTML và có thể khiến một số trình đọc màn hình phát tên tệp. Tóm lại: ảnh trang trí dùng alt="" (có thuộc tính, giá trị rỗng), không bao giờ bỏ thuộc tính hay thêm mô tả. Theo cách tôi nói trong bài JavaScript SEO: trang trí thì để alt trống — nghĩa là alt="".

Phép thử cho “trang trí”: ảnh có thêm thông tin mà trang chưa truyền tải ở nơi khác — trong chữ xung quanh, chú thích hoặc cấu trúc trang — hay không? Nếu không (khoảng đệm, biểu tượng lặp cạnh phần chữ đã nói cùng ý, ảnh stock chỉ để làm đẹp), đó là ảnh trang trí và dùng alt="". Nếu ảnh cung cấp thông tin không nơi nào khác có, nó không phải trang trí, dù trông nhỏ hay thiên về phong cách.

Ảnh chức năng: mô tả hành động, không mô tả biểu tượng

Một số ảnh không thuần trang trí cũng không chỉ là hình minh họa — chúng là điều khiển: nút tìm kiếm chỉ có biểu tượng, biểu tượng menu hamburger, nút phát trên thumbnail video. Trong các trường hợp này, alt text nên mô tả điều xảy ra khi kích hoạt điều khiển, không phải hình dạng của biểu tượng.

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes the action -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

Người dùng trình đọc màn hình nghe “biểu tượng kính lúp” sẽ không biết điều gì xảy ra khi kích hoạt điều khiển; “Tìm kiếm” cho họ biết ngay. Đây là cùng nguyên tắc với ảnh có liên kết bên dưới — alt text phục vụ chức năng của ảnh trên trang — nhưng cũng áp dụng khi không có <a>.

Ảnh có liên kết: alt text trở thành anchor text

Khi hình ảnh là một liên kết — được bọc trong <a> — alt text của nó đóng vai trò anchor text cho liên kết. Google nói: “Alt text in images is useful as anchor text if you decide to use an image as a link.” (bản dịch) «Alt text trong hình ảnh hữu ích như anchor text nếu bạn dùng ảnh làm liên kết.» Liên kết chỉ có ảnh với alt rỗng tương đương anchor text rỗng, gây hại cho cả khả năng tiếp cận (trình đọc màn hình không mô tả được đích đến) và tín hiệu liên kết. Với ảnh có liên kết, alt text nên mô tả nơi liên kết dẫn tới, không chỉ nội dung ảnh.

Cần giới hạn tuyên bố cho chính xác: tài liệu Google nói cụ thể về việc dùng alt text làm anchor text cho liên kết có thể crawl. Phạm vi này hẹp hơn phép tính “tên có thể tiếp cận” đầy đủ mà trình duyệt và công nghệ hỗ trợ dùng; phép tính đó còn có thể lấy từ aria-label, aria-labelledby hoặc chữ xung quanh liên kết. Alt text là một đầu vào của phép tính rộng hơn, không phải toàn bộ.

SVG hoạt động khác

Phần tử <svg> nội tuyến không nhận thuộc tính alt — thuộc tính đó dành cho <img>. Để đặt tên có thể tiếp cận cho SVG nội tuyến, hãy dùng phần tử <title> được tham chiếu bằng aria-labelledby:

<svg role="img" aria-labelledby="logo-title">
  <title id="logo-title">Acme Corp logo</title>
  <!-- paths… -->
</svg>

(SVG được tham chiếu qua <img src="logo.svg"> dùng thuộc tính alt bình thường như mọi ảnh khác — điều này chỉ áp dụng cho mã SVG nội tuyến.)

Những cách làm sai cần tránh

  • Nhồi từ khóa — tín hiệu spam mà Google cảnh báo rõ.
  • Sao chép nguyên văn đoạn xung quanh vào thuộc tính alt.
  • Mở đầu bằng “Image of” / “Photo of” — thừa.
  • Bỏ thuộc tính alt trên ảnh trang trí thay vì dùng alt="".
  • Mô tả “photo of X” do AI tạo nhưng bỏ qua ngữ cảnh trang.
  • Đặt tên công ty vào thuộc tính alt vốn để rỗng. Mueller nói rất thẳng: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (bản dịch) «Việc này vô nghĩa và có vẻ lãng phí thời gian: một lần khi triển khai, rồi lại lãng phí thời gian dọn dẹp sau đó.»
  • Nhầm alt với thuộc tính title. Thuộc tính title hiện tooltip khi rê chuột; nó không phải alt text và có rất ít giá trị SEO hay khả năng tiếp cận.

Tìm và sửa alt text bị thiếu

Thuộc tính alt thiếu không phải trường hợp hiếm — đó là trạng thái lỗi mặc định của web. Trong nghiên cứu site audit trên hơn một triệu domain, 80,4% website thiếu thuộc tính alt trên ít nhất một trang, khiến đây là lỗi SEO kỹ thuật phổ biến nhất chúng tôi tìm thấy.

Cách tìm:

  • Ahrefs Site Audit → báo cáo Images gắn cờ ảnh thiếu thuộc tính alt trên toàn website. (Ahrefs Webmaster Tools cung cấp miễn phí cho website bạn xác minh.)
  • Kiểm tra thủ công theo mẫu — dùng Inspect Element trên ảnh nội dung quan trọng hoặc tiện ích khả năng tiếp cận của trình duyệt.

Thứ tự ưu tiên khi sửa:

  1. Ảnh nội dung chính trước — ảnh mang ý nghĩa và có thể tạo traffic tìm kiếm hình ảnh.
  2. Ảnh có liên kết — alt rỗng ở đây gây hại kép (anchor text + khả năng tiếp cận).
  3. Ảnh trang trí sau cùng — và bản sửa là alt="", không phải mô tả.

Một lưu ý về kỳ vọng: các split test của SearchPilot khi thêm alt text cho kết quả không kết luận được / không có ý nghĩa thống kê đối với thứ hạng web — phù hợp với điểm ở trên rằng lợi ích của alt text nằm ở tìm kiếm hình ảnh và khả năng tiếp cận, không phải mức tăng thứ hạng web. Mueller cũng trấn an website bắt đầu từ độ bao phủ bằng không: “if you’re just adding alt text for the first time, then sometimes, even any alt text is better than nothing.” (bản dịch) «Nếu bạn mới thêm alt text lần đầu, đôi khi có bất kỳ alt text nào vẫn tốt hơn không có gì.»

Nói thẳng: bài này không bảo đảm rằng sửa alt text sẽ làm thứ hạng, traffic hoặc trích dẫn trong tìm kiếm AI tăng một mức cụ thể — không nguồn chính thức đã đánh giá nào hứa như vậy, và bằng chứng split test ở trên không kết luận được. Điều alt text làm đáng tin cậy là khép khoảng trống khả năng tiếp cận và cung cấp cho thuật toán Google Image Search metadata mà chính Google nói họ sử dụng.

Để xem toàn cảnh — tên tệp, sitemap hình ảnh, lazy-loading, định dạng và ảnh responsive — hãy xem hub SEO hình ảnh rộng hơn mà bài này trực thuộc.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.