Thẻ ALT là gì? Cách tối ưu SEO hình ảnh Chuẩn 2026 ít ai biết

Thẻ Alt hay Alt Text là văn bản thay thế của hình ảnh, được khai báo trong thuộc tính alt của thẻ img. Khi ảnh không tải được hoặc khi người dùng dùng trình đọc màn hình, Alt Text sẽ thay ảnh để mô tả nội dung. Với SEO, Alt Text giúp Google hiểu ngữ cảnh hình ảnh và tăng cơ hội lên Google Hình ảnh.

Nếu bạn đang làm SEO cho website công ty và bị kẹt ở chuyện tối ưu ảnh, tôi nói thẳng: Alt Text không phải thủ thuật lẻ. Nó là một phần của SEO Onpage, liên quan trực tiếp đến trải nghiệm người dùng, khả năng truy cập, và cả dòng chảy PageRank khi ảnh gắn link. Bài này tôi viết theo đúng kiểu dạy học viên: ngắn gọn nhưng đủ sâu để bạn làm dự án thật, không làm màu.

Gợi ý học theo topic cluster để bạn nối Alt Text vào bức tranh SEO tổng thể: nền tảng SEO onpage là gì, kiểm soát thu thập bằng Robots.txt là gì, thiết kế cấu trúc internal link, đánh giá sức mạnh từ backlink, quản trị liên kết ra ngoài bằng external link, hiểu cơ chế neo liên kết qua anchor text, nắm bản chất sức mạnh liên kết qua Page rank, và xem thêm checklist chuyên sâu về internal link.

Theo kinh nghiệm triển khai, tối ưu Alt Text hiệu quả nhất khi bạn coi ảnh là một phần của nội dung, không phải phụ kiện. Ảnh tốt có mục đích, có ngữ cảnh, có mô tả, và có kỹ thuật tải tối ưu.

1. Tổng quan về thẻ Alt là gì

1.1. Định nghĩa và các tên gọi phổ biến

Thẻ Alt là cách gọi quen miệng của người làm web, nhưng về mặt kỹ thuật nó là thuộc tính alt trong thẻ img. Alt là viết tắt của Alternative Information, nghĩa là thông tin thay thế. Bạn sẽ gặp nhiều tên gọi tương đương:

• Alt Text, văn bản thay thế
• Alt Tag, cách gọi phổ biến nhưng bản chất vẫn là thuộc tính alt
• Thuộc tính Alt, alt attribute
• Thẻ alt hình ảnh, thẻ alt ảnh, alt text trong ảnh

Vai trò cốt lõi của Alt Text có 2 phần:

• Trải nghiệm và khả năng truy cập: hỗ trợ trình đọc màn hình như NVDA hoặc JAWS, và hiển thị thay thế khi ảnh lỗi.
• SEO và ngữ nghĩa: giúp Googlebot hiểu nội dung ảnh, ngữ cảnh trang, và tăng khả năng nhận diện chủ đề.

1.2. Vị trí và cấu trúc của thẻ Alt trong mã HTML

Thuộc tính alt nằm trong thẻ img, thường đi sau src. Cấu trúc chuẩn như sau:

Nếu bạn làm WordPress, bạn thường điền Alt Text ngay trong Media Library. Nếu bạn làm web code tay, bạn điền trực tiếp trong HTML hoặc trong template engine.

2. Tại sao thẻ Alt quan trọng trong SEO và trải nghiệm người dùng

Tôi luôn dạy học viên 3 lý do, theo đúng tư duy hệ thống Helpful Content và E-E-A-T: hữu ích cho người dùng, hữu ích cho bot, và hữu ích cho hành trình chuyển đổi.

2.1. Cải thiện khả năng tiếp cận nội dung và trải nghiệm người dùng

Web Accessibility không phải khẩu hiệu. Nó liên quan đến người dùng thật và trải nghiệm thật. Alt Text hỗ trợ:

• Người khiếm thị dùng screen reader để hiểu ảnh đang nói gì.
• Người dùng mạng yếu hoặc trình duyệt chặn ảnh vẫn nắm được ý chính.
• Trang web chuyên nghiệp hơn vì không để khoảng trống vô nghĩa khi ảnh lỗi.

Trong thực chiến, một trang có nhiều ảnh mà thiếu Alt Text thường tạo cảm giác cẩu thả. Với các ngành dịch vụ, cảm giác đó làm giảm niềm tin, kéo giảm chuyển đổi.

2.2. Hỗ trợ công cụ tìm kiếm thu thập và xếp hạng

Googlebot không nhìn ảnh như con người. Nó dựa vào tín hiệu xung quanh để suy luận, trong đó Alt Text là tín hiệu trực tiếp nhất.
Khi bạn tối ưu đúng, bạn tăng cơ hội:

• Xuất hiện trên Google Images Search, mang về traffic tự nhiên.
• Tăng hiểu biết ngữ nghĩa cho toàn trang, hỗ trợ topic relevance.
• Giảm rủi ro hiểu sai khi ảnh là nội dung trọng tâm, ví dụ infographic, biểu đồ, ảnh sản phẩm.

Dựa trên số liệu thực tế khi audit SEO Onpage, các trang có ảnh được mô tả tốt thường có thời gian ở lại trang cao hơn và tỷ lệ click nội bộ tốt hơn, vì người đọc hiểu nhanh và tin nội dung hơn.

2.3. Alt Text có thể đóng vai trò như Anchor Text khi ảnh gắn liên kết

Nếu bạn dùng ảnh như một liên kết, ví dụ banner dẫn về trang dịch vụ, Alt Text trở thành tín hiệu mô tả tương tự anchor text.
Đây là lý do bạn không được để Alt Text vô nghĩa ở ảnh có link, vì bạn đang bỏ phí tín hiệu ngữ nghĩa và cả khả năng điều hướng.

3. Sự khác biệt giữa thẻ Alt và Title của hình ảnh

Nhiều bạn bị lẫn giữa Alt Text và Title, dẫn đến tối ưu sai. Tôi tóm gọn bằng bảng dưới đây.

4. Cách viết và tối ưu thẻ Alt chuẩn SEO chi tiết

Đây là phần quan trọng nhất. Tôi sẽ đưa nguyên tắc, sau đó là chiến lược từ khóa, rồi đến lỗi thường gặp để bạn tránh.

4.1. Nguyên tắc viết Alt Text hiệu quả

• Mô tả cụ thể và chính xác: ảnh có gì, đang làm gì, bối cảnh là gì. Không bịa.
• Viết tự nhiên như câu tiếng Việt: có dấu, có khoảng trắng, ưu tiên dễ hiểu.
• Độ dài hợp lý: đủ mô tả nhưng không lan man. Thường 50 đến 125 ký tự là dễ đọc, nhưng không có luật cứng.
• Ưu tiên thông tin có giá trị: tên sản phẩm, tên dịch vụ, địa điểm, model, màu sắc, lợi ích chính.
• Không trùng lặp hàng loạt: mỗi ảnh một mô tả, trừ khi ảnh đúng là cùng nội dung.

4.2. Chiến lược chèn từ khóa trong thẻ Alt

Bạn có thể chèn từ khóa chính và từ khóa phụ, nhưng phải có logic. Tôi gợi ý cách làm an toàn:

• Ảnh trọng tâm của bài: có thể chứa từ khóa chính như thẻ alt là gì hoặc Alt text là gì, nhưng chỉ 1 đến 2 ảnh là đủ.
• Ảnh minh họa từng ý: dùng từ khóa biến thể như thuộc tính alt trong thẻ img là gì, thẻ alt hình ảnh là gì, thẻ alt ảnh là gì.
• Ảnh sản phẩm dịch vụ: ưu tiên tên sản phẩm dịch vụ và thuộc tính thực tế, không ưu tiên từ khóa SEO chung chung.

4.3. Những điều cần tránh khi đặt thẻ Alt

• Không mở đầu bằng cụm từ thừa như hình ảnh của hoặc ảnh chụp nếu không cần.
• Không để trống Alt với ảnh mang nội dung chính, ảnh sản phẩm, ảnh biểu đồ.
• Không copy một Alt cho 20 ảnh khác nhau.
• Không nhồi tên thương hiệu và từ khóa lặp lại vô nghĩa.
• Không mô tả sai nội dung ảnh, vì đó là tín hiệu gây mất niềm tin.

5. Hướng dẫn cách gắn thẻ Alt trên các nền tảng website

5.1. Gắn thẻ Alt trên CMS WordPress

Với WordPress, bạn có 2 cách phổ biến:

1. Trong Media Library: mở ảnh, điền trường Alt Text, lưu lại. Cách này giúp bạn tái sử dụng ảnh ở nhiều bài mà vẫn giữ Alt.
2. Trong trình soạn thảo: chọn ảnh trong bài viết, mở cài đặt ảnh và chỉnh Alt. Cách này tiện khi bạn tối ưu theo ngữ cảnh bài.

5.2. Gắn thẻ Alt đối với web code tay (HTML)

Với website code tay, bạn chỉ cần điền thuộc tính alt trong thẻ img. Ví dụ:

Nếu bạn dùng framework hoặc CMS headless, Alt Text thường nằm trong dữ liệu content, rồi render ra HTML. Nguyên tắc vẫn giống nhau: mô tả đúng, tự nhiên, không nhồi.

6. Cách kiểm tra hình ảnh đã có thẻ Alt hay chưa

Tôi chia làm 2 nhóm: kiểm tra thủ công để bạn hiểu bản chất, và kiểm tra bằng công cụ để bạn làm nhanh theo quy mô.

6.1. Kiểm tra thủ công bằng Inspect

1. Chuột phải vào ảnh, chọn Inspect hoặc Kiểm tra.
2. Tìm thẻ img và xem có thuộc tính alt hay không.
3. Nếu alt trống, bạn đánh dấu để tối ưu lại.

6.2. Sử dụng công cụ và tiện ích mở rộng

Dưới đây là nhóm công cụ phổ biến mà học viên hay dùng khi audit:

• Web Developer Extension với tính năng hiển thị Alt Attributes.
• SEOquake hoặc các extension audit nhanh Onpage.
• SEOptimer để quét các lỗi cơ bản trên trang.
• Screaming Frog SEO Spider để crawl toàn site và lọc ảnh thiếu Alt.

7. Mẹo bổ trợ: Tối ưu tên file ảnh chuẩn SEO

Alt Text là một phần. Tên file ảnh, dung lượng ảnh và cách tải ảnh cũng là phần quan trọng của SEO hình ảnh và tốc độ trang.
Nguyên tắc đặt tên file ảnh:

• Viết thường, không dấu, ngăn cách bằng dấu gạch ngang.
• Chứa ý nghĩa ảnh, ưu tiên từ khóa nếu phù hợp.
• Tránh tên vô nghĩa như anh-1, image-123.

Ví dụ tên tốt: the-alt-la-gi.jpg. Ví dụ tên kém: IMG_0023.jpg.