Thẻ Alt là gì? Cách tối ưu thẻ Alt chuẩn SEO tăng thứ hạng

Bạn đã bao giờ tự hỏi vì sao website của mình sở hữu những hình ảnh thiết kế tuyệt đẹp, vô cùng bắt mắt nhưng lượng truy cập đổ về từ Google Images lại gần như bằng không? Nguyên nhân cốt lõi thường bắt nguồn từ một thao tác nhỏ nhưng lại rất dễ bị bỏ quên đó là bỏ trống hoặc tối ưu sai “thẻ Alt”.

Bài viết dưới đây của SEO Việt sẽ giúp bạn hiểu rõ bản chất của văn bản thay thế, đồng thời cung cấp các nguyên tắc chuẩn xác nhất để tối ưu hình ảnh, giúp website bứt phá thứ hạng hiệu quả.

Thẻ Alt là gì?

Thẻ Alt (viết tắt của Alternative Text) hay còn gọi là văn bản thay thế, là một đoạn văn bản ngắn được thêm vào hình ảnh trên website nhằm mô tả nội dung và ngữ cảnh của bức ảnh đó. Khi hình ảnh không thể hiển thị trên màn hình người dùng, đoạn văn bản này sẽ xuất hiện để thay thế.

Trên thực tế, trong ngôn ngữ lập trình HTML, không có “thẻ” nào tên là thẻ Alt. Đây thực chất là một thuộc tính (Alt attribute) nằm bên trong thẻ hình ảnh <img>. Tuy nhiên, trong cộng đồng SEO và Content Marketing, mọi người thường có thói quen gọi tắt là “thẻ Alt” cho dễ nhớ và dễ giao tiếp.

Thẻ Alt giúp Google hiểu rõ hơn về nội dung mà hình ảnh đang trình bày từ đó cải thiện kết quả tìm kiếm cho người dùng một cách chính xác hơn. Ngoài ra, khi hình ảnh không thể hiển thị, thẻ Alt vẫn đảm bảo rằng người đọc có thể nắm bắt được thông điệp mà bức ảnh muốn truyền tải thông qua đoạn mô tả Alt Text. Nói một cách đơn giản, thẻ Alt xuất hiện thay thế cho hình ảnh trên trang web, giúp người truy cập hiểu được nội dung hình ảnh khi không thể xem trực tiếp. 

Thẻ Alt là gì?
Thẻ Alt là đoạn văn bản được sử dụng để mô tả ngắn gọn, đầy đủ về nội dung hình ảnh

Lý do thẻ Alt lại cực kỳ quan trọng

Tối ưu SEO và tăng traffic từ Google Images

Bạn có thể ví Googlebot giống như một cỗ máy siêu việt nhưng lại “mù” về mặt thị giác. Nó không có mắt để nhìn và cảm nhận cái đẹp của bức ảnh. Để hiểu được hình ảnh đó nói về điều gì, Googlebot bắt buộc phải “đọc” thẻ Alt.

Theo tài liệu chính thức từ Google Search Central, văn bản thay thế kết hợp cùng thuật toán thị giác máy tính sẽ giúp Google hiểu bối cảnh của hình ảnh, từ đó xếp hạng chúng cao hơn trên Google Images. Hơn nữa, thẻ Alt còn đóng góp vào mức độ liên quan về chủ đề (topical relevance) của toàn bộ bài viết, giúp từ khóa chính SEO tốt hơn.

Nâng cao trải nghiệm người dùng (UX) khi lỗi tải

Trong những trường hợp mạng của người dùng bị giật lag, kết nối kém, hoặc máy chủ (hosting) chứa ảnh bị lỗi sự cố, hình ảnh sẽ biến thành một biểu tượng ảnh bị vỡ. Lúc này, thẻ Alt sẽ hiển thị trên khoảng trống đó, giúp người đọc vẫn nắm bắt được thông tin mà không bị đứt đoạn dòng chảy nội dung.

Đảm bảo tính trợ năng (Web Accessibility)

Yếu tố quan trọng nhất nhưng ít được chú ý ở Việt Nam là tính trợ năng. Thẻ Alt được thiết kế để hỗ trợ trình đọc màn hình (Screen Readers) phát âm nội dung hình ảnh cho người khiếm thị hoặc người có thị lực kém. Theo Tổ chức World Wide Web Consortium (W3C), việc cung cấp văn bản thay thế là tiêu chuẩn bắt buộc của Web Content Accessibility Guidelines (WCAG). Các công cụ tìm kiếm hiện đại ngày càng ưu ái những website tuân thủ tốt nguyên tắc thân thiện với mọi đối tượng người dùng.

Tầm quan trọng của thẻ Alt
Thẻ ALT giúp tăng trải nghiệm người dùng và tối ưu hình ảnh cho công cụ tìm kiếm

Hướng dẫn 5 nguyên tắc viết thẻ Alt chuẩn SEO

Để viết thẻ Alt không chỉ “chuẩn” cho máy đọc mà còn “hay” cho người dùng, hãy áp dụng 5 nguyên tắc sau:

  • Nguyên tắc 1: Mô tả chân thực và cụ thể: Hãy viết thẻ Alt như thể bạn đang tả lại bức ảnh cho một người bạn đang nhắm mắt lắng nghe. Sự rõ ràng và chi tiết về ngữ cảnh là chìa khóa.
  • Nguyên tắc 2: Ngắn gọn, súc tích (Dưới 125 ký tự): Đa số các phần mềm trình đọc màn hình phổ biến sẽ tự động ngắt câu sau 125 ký tự. Do đó, hãy truyền đạt thông điệp chính ngay trong giới hạn này.
  • Nguyên tắc 3: Chèn từ khóa tự nhiên, tuyệt đối không nhồi nhét (Keyword Stuffing): Bạn có thể đưa từ khóa chính hoặc từ khóa phụ (LSI) vào thẻ Alt, nhưng chỉ khi nó thực sự khớp với nội dung bức ảnh. Việc nhồi nhét từ khóa bừa bãi sẽ khiến Google đánh giá trang web của bạn là spam.
  • Nguyên tắc 4: Loại bỏ các cụm từ dư thừa: Đừng bắt đầu thẻ Alt bằng các cụm như “Hình ảnh của…” hay “Bức ảnh này chụp…”. Trình đọc màn hình và Google đã tự nhận diện được đó là một file ảnh nhờ mã HTML, việc lặp lại là hoàn toàn vô nghĩa.
  • Nguyên tắc 5: Đừng quên các nút chức năng (Form/Button): Nếu bạn sử dụng hình ảnh làm nút bấm (Ví dụ: hình ảnh chiếc giỏ hàng có chức năng làm nút “Mua ngay”), thẻ Alt phải mô tả hành động mà nút đó sẽ thực hiện, chẳng hạn như alt=”Thêm sản phẩm vào giỏ hàng”.

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

Phân biệt giữa thẻ Alt, Title Image và Caption

Sự nhầm lẫn giữa 3 khái niệm này rất phổ biến ở các Content Writer mới. Bảng dưới đây sẽ giúp bạn phân định rạch ròi:

Tiêu chí

Thẻ Alt (Alt Text)

Title Image (Tiêu đề ảnh)

Caption (Chú thích ảnh)

Bản chất

Mã ẩn dưới HTML, hiển thị khi ảnh lỗi hoặc đọc bằng phần mềm.

Chữ nổi lên dạng “tooltip” khi người dùng di chuột (hover) vào ảnh.

Dòng chữ nhỏ hiển thị trực tiếp ngay bên dưới bức ảnh trên bài viết.

Mục đích chính

SEO Google Images và Trợ năng (Accessibility).

Cung cấp thông tin bổ sung nhanh (UX). Thường ít tác động trực tiếp tới SEO.

Cung cấp ngữ cảnh, giải thích chi tiết cho người đọc hiểu bức ảnh đang nói gì.

Đối tượng tiếp cận

Googlebot và Người khiếm thị.

Người dùng máy tính có sử dụng chuột.

Tất cả người dùng truy cập bài viết.

Cách chèn thẻ Alt vào Website trên các nền tảng

Việc chèn thẻ Alt vô cùng đơn giản và khác nhau tùy thuộc vào nền tảng bạn đang sử dụng.

Chèn thủ công bằng mã HTML

Nếu bạn thao tác trực tiếp với mã nguồn, cấu trúc chuẩn của một hình ảnh sẽ như sau:

<img src=”link-hinh-anh-yoga.jpg” alt=”người phụ nữ tập tư thế yoga chó úp mặt trên thảm đỏ”>

Cách thêm thẻ Alt trong WordPress

WordPress là hệ quản trị nội dung thân thiện nhất với SEO.

  1. Truy cập vào Media Library (Thư viện) hoặc click trực tiếp vào ảnh trong trình soạn thảo bài viết.
  2. Tại cột bên phải (Attachment Details), tìm ô có dòng chữ Alt Text (hoặc Văn bản thay thế nếu dùng giao diện tiếng Việt).
  3. Nhập văn bản mô tả đã tối ưu vào ô này. Trình duyệt sẽ tự động lưu lại.
Cách chèn thẻ Alt vào Website trên các nền tảng
Cách thêm thẻ Alt trong WordPress

Cách chèn trên các nền tảng khác (Shopify / Haravan)

Với Shopify hoặc Haravan: Vào mục Products (Sản phẩm) > Chọn sản phẩm có ảnh cần sửa > Click vào ảnh đó > Nhấp vào nút Add alt text (Thêm văn bản thay thế) > Điền mô tả và nhấn Lưu.

Cách kiểm tra Website có bị thiếu thẻ Alt hay không?

Nếu website của bạn có hàng ngàn bài viết cũ, việc kiểm tra thủ công là bất khả thi. Hãy tận dụng các công cụ Audit (kiểm toán) SEO:

Tiện ích mở rộng trình duyệt (Chrome Extensions): Sử dụng công cụ miễn phí như SEOquake (mục Diagnosis) hoặc Alt Text Tester. Bạn chỉ cần cài vào Chrome, bật tiện ích lên khi đang ở trên bài viết, công cụ sẽ bôi đậm và hiển thị những ảnh nào đang thiếu thẻ Alt.

Công cụ chuyên sâu (Cào dữ liệu toàn trang):

  • Screaming Frog SEO Spider (Miễn phí tới 500 URL) hoặc Ahrefs Site Audit (Trả phí).
  • Cách đọc báo cáo: Sau khi thu thập dữ liệu (crawl) xong, hãy tìm đến tab Images. Bạn sẽ thấy bộ lọc hiển thị lỗi “Missing Alt Attributes” (Thiếu thuộc tính Alt). Xuất file danh sách các URL lỗi này ra Excel và tiến hành bổ sung hàng loạt.
Lưu ý khi sử dụng thẻ ALT
Khi sử dụng thẻ ALT tránh nhồi nhét quá nhiều từ khóa

Tối ưu thẻ Alt không đòi hỏi kỹ thuật phức tạp, nhưng lại là một chiến lược mang lại “Quick Win” (chiến thắng nhanh) bền vững cho bất kỳ dự án SEO nào. Bằng việc bỏ ra thêm 10 giây để viết đoạn văn bản thay thế cho mỗi bức ảnh, bạn không chỉ “ghi điểm” với thuật toán của Google mà còn đang xây dựng một website nhân văn, thân thiện với mọi đối tượng người dùng.

Hướng dẫn thiết kế và tối ưu Landing Page chuẩn SEO toàn diện

Bạn đang đổ hàng chục triệu đồng mỗi tháng vào các chiến dịch quảng cáo...

Google penalty là gì? Nguyên nhân, dấu hiệu, cách khôi phục traffic

Google Penalty là hình phạt do Google áp dụng đối với các website cố tình...

HTTPS là gì? Tìm hiểu sự khác nhau giữa HTTP và HTTPS

Khi bạn truy cập một trang web, liệu bạn có bao giờ tự hỏi mình...

Breadcrumb là gì? Vai trò và cách tối ưu Breadcrumb website hiệu quả

Bạn đã từng duyệt web và thấy các liên kết nhỏ chỉ đường, giúp bạn...

Keyword Stuffing là gì? 5 dấu hiệu nhận biết trong bài viết

Keyword Stuffing là việc lặp lại nhiều lần từ khóa trong nội dung bài viết...

Google Trend là gì? Hướng dẫn cách sử dụng để x10 Traffic

Bạn dồn hàng tuần liền để lên cấu trúc và viết một bài blog chi...

Google Penguin Là Gì? Cẩm Nang Audit và Khôi Phục Thứ Hạng

Bạn thức dậy, mở Google Analytics lên và thấy biểu đồ organic traffic cắm đầu...

KPI SEO Là Gì? 12 Chỉ Số Quan Trọng SEOer Cần Biết

SEO không chỉ là đưa website lên top Google mà còn là quá trình đo...

Long Tail Keywords là gì? Cách tìm & tối ưu SEO hiệu quả 2026

Long Tail Keywords là gì? Đây là những cụm từ khóa dài, cụ thể và...

Phân Biệt SEO và SEM? Nên Chọn SEO Hay SEM Cho Website?

SEO và SEM là hai thuật ngữ trong Digital Marketing được sử dụng phổ biến....

Nguyên nhân Website bị mất index – Cách khắc phục hiệu quả

Đối với những người kinh doanh bán hàng trên website, thật tồi tệ khi chỉ...

Instagram Marketing là gì? Hướng Dẫn Toàn Tập Từ A-Z (2026)

Bước sang năm 2026, Instagram Marketing không còn đơn giản là đăng một bức ảnh...

Google My Business là gì? Hướng dẫn đăng ký và tối ưu lên Google Maps

Khách hàng đang đứng ngay góc phố để tìm kiếm dịch vụ, nhưng cửa hàng...

Keyword cannibalization là gì? Cách tìm kiếm và khắc phục triệt để

Keyword cannibalization là gì và tại sao tình trạng này có thể khiến website khó...

Keyword Mapping là gì? Cách lập bản đồ từ khóa cho Newbie

Keyword Mapping là thuật ngữ không còn quá xa lạ với các SEOer chuyên nghiệp...

Dynamic Content: Chìa khóa nâng tầm trải nghiệm khách hàng

Bạn đang đổ ngân sách lớn vào các chiến dịch quảng cáo để kéo traffic,...

SEO tổng thể là gì? Hướng dẫn triển khai SEO tổng thể bền vững

Đã bao giờ bạn rơi vào tình cảnh website có vài bài viết “leo top”...

Thiết kế web và lập trình web hai công việc nhưng gắn bó với nhau

Sự nhầm lẫn giữa việc vẽ giao diện và viết mã lệnh vẫn luôn tồn...