Alt text (text thay thế) là yếu tố then chốt trong chiến lược tối ưu hóa hình ảnh cho SEO, giúp công cụ tìm kiếm hiểu nội dung hình ảnh, đồng thời nâng cao trải nghiệm người dùng và tăng tính tiếp cận cho website — đặc biệt với người dùng khiếm thị sử dụng trình đọc màn hình.
Vai Trò Của Alt Text Trong SEO và Truy Cập Web
Alt text (alternative text) là thuộc tính HTML được chèn vào thẻ <img> nhằm cung cấp mô tả văn bản cho hình ảnh khi hình ảnh không thể hiển thị — do lỗi tải, kết nối chậm hoặc do người dùng vô hiệu hóa hình ảnh. Về mặt kỹ thuật, alt text không chỉ là giải pháp dự phòng, mà còn là một trong những tín hiệu quan trọng nhất giúp Google và các công cụ tìm kiếm khác “đọc” và phân tích nội dung hình ảnh, từ đó tích hợp hình ảnh vào kết quả tìm kiếm hình ảnh (Image Pack), tăng khả năng hiển thị tổng thể của trang.
Theo báo cáo năm 2023 từ Backlinko phân tích 11 triệu trang web, hơn 68% trang web có hình ảnh nhưng thiếu alt text hoặc có alt text không tối ưu (thiếu từ khóa, quá chung chung như “hình ảnh”, “logo”, “sản phẩm”). Đồng thời, một nghiên cứu của Ahrefs (2022) chỉ ra rằng các trang web có ít nhất 7–10 hình ảnh có alt text chuẩn hóa có tỷ lệ chuyển đổi (conversion rate) cao hơn 12% so với nhóm kiểm soát — cho thấy alt text không chỉ ảnh hưởng đến SEO mà còn tác động trực tiếp đến hành vi người dùng.
Alt text đóng ba vai trò cốt lõi:
- Về mặt kỹ thuật SEO: Giúp Google hiểu hình ảnh, từ đó tăng cơ hội xuất hiện trong Image Search — chiếm khoảng 33% lượt tìm kiếm toàn cầu theo Statista (2023).
- Về tính tiếp cận (Accessibility): Trình đọc màn hình (như NVDA, VoiceOver, JAWS) đọc alt text để mô tả hình ảnh cho người khiếm thị — yêu cầu bắt buộc theo tiêu chuẩn WCAG 2.1 và part of Google’s Core Web Vitals Accessibility.
- Về trải nghiệm người dùng (UX): Khi hình ảnh lỗi tải, alt text cung cấp ngữ cảnh, giúp người dùng hiểu được nội dung mong đợi — giảm tỷ lệ bounce rate và tăng thời gian truy cập.
Google từng khẳng định trong hướng dẫn dành cho_webmaster rằng: “Alt text rõ ràng, mô tả chính xác giúp chúng tôi xác định chủ đề của trang và liên kết nội dung hình ảnh với truy vấn tìm kiếm liên quan.” Do đó, alt text không phải là “tùy chọn”, mà là yếu tố bắt buộc trong chiến lược SEO toàn diện.
Cấu Trúc HTML Của Alt Text Và Các Quy Tắc Kỹ Thuật Cơ Bản
Alt text được chèn vào thuộc tính alt của thẻ <img> theo cú pháp chuẩn như sau:
<img src="tên-file.jpg" alt="mô tả ngắn gọn, chính xác, có chứa từ khóa liên quan" width="800" height="600">
Đây là cấu trúc tối thiểu. Tuy nhiên, cần lưu ý một số nguyên tắc kỹ thuật quan trọng:
- Không để trống alt text (<img alt="">) nếu hình ảnh mang thông tin quan trọng — trừ khi hình ảnh chỉ mang tính trang trí (decorative image). Trong trường hợp trang trí, alt rỗng là đúng chuẩn WCAG và giúp trình đọc màn hình bỏ qua.
- Độ dài lý tưởng: ideal length là 80–125 ký tự (theo Google, 2023), tối đa không vượt quá 125–150 ký tự để đảm bảo không bị cắt trong kết quả tìm kiếm hình ảnh.
- Không sử dụng “alt text:” hay “hình ảnh:” ở đầu — trình đọc màn hình đã tự nhận diện là alt text, nên việc thêm tiền tố gây thừa và làm mất ngữ cảnh.
- Không nhồi nhét từ khóa (keyword stuffing) — Google xử lý như spamming và có thể phạt nhẹ về UX. Ví dụ sai:
alt="mua áo thun nam giá rẻ, áo thun nam đẹp, áo thun nam giá rẻ nhất, áo thun nam hàng hiệu". Thay vào đó:alt="Áo thun nam cotton 4D cổ tròn – màu xám thanh lịch". - Đảm bảo tính duy nhất cho mỗi alt text trong cùng một trang — tránh tình trạng nhiều hình ảnh có alt text giống hệt nhau (trừ khi là ảnh sản phẩm giống hệt từ nhiều góc chụp).
Bên cạnh đó, alt text không thể thay thế cho caption (chú thích hình ảnh), title (tiêu đề công cụ tooltip), hay description (mô tả trong component CMS). Mỗi yếu tố có vai trò riêng:
| Loại văn bản | Thẻ/Thuộc tính | Mục đích | Có ảnh hưởng đến SEO? | Độ dài đề xuất |
|---|---|---|---|---|
| Alt text | alt="" | Mô tả nội dung hình ảnh cho trình đọc và công cụ tìm kiếm | Có — mạnh (tín hiệu phân tích nội dung hình ảnh) | 80–125 ký tự |
| Caption | Bên trong <figure><figcaption> | Giải thích thêm, tăng UX, hỗ trợ (storytelling) | Gián tiếp — giúp tăng thời gian đọc, giảm bounce | 20–50 ký tự |
| Tooltip (title) | title="" | Hiển thị khi hover chuột — ít phổ biến trên thiết bị di động | Không đáng kể — Google bỏ qua trong phân tích hình ảnh | 10–30 ký tự |
| Tên file hình ảnh | src="tên-file.jpg" | Giúp xác định nội dung trước khi tải — cũng là tín hiệu hỗ trợ | Có — nhưng yếu hơn alt text | Dưới 80 ký tự, có chứa từ khóa |
Ví dụ minh họa thực tế từ một trang bán đồ thể thao:
Sai (tệ nhất):<img src="product1.jpg" alt="">→ Không mô tả gì cả.
Sai (keyword stuffing):<img src="giay-bong-da.jpg" alt="giày bóng đá nam, giày bóng đá giá rẻ, mua giày bóng đá ở đâu, giày bóng đá chính hãng">
Chuẩn (tối ưu):<img src="giay-bong-da-adidas-x-giao-hoa-don.jpg" alt="Giày bóng đá Adidas X.19 — đế giày cao su chống trượt, màu xanh lá cây – dành cho sân cỏ tự nhiên">
Alt text chuẩn vừa phản ánh đúng nội dung hình ảnh, vừa chứa từ khóa tự nhiên, phù hợp với ngữ cảnh sản phẩm, đồng thời ngắn gọn — giúp Google dễ dàng lập index và hiển thị trên kết quả tìm kiếm hình ảnh.
Cách Google Xử Lý Alt Text: Cơ Chế Đánh Giá Và Ảnh Hưởng Tới Ranking
Google không chỉ “đọc” alt text như một chuỗi từ ngữ — mà sử dụng nó như một phần trong hệ thống phân tích thị giác đa chiều (multimodal analysis), kết hợp với các tín hiệu như:
- File name (tên file hình ảnh)
- Text xung quanh (captions, paragraph gần đó)
- Thuộc tính kích thước, định dạng (jpg, webp, svg…)
- Trọng số hình ảnh trên trang (ví dụ: hình đầu tiên thường có trọng số cao hơn)
- Chất lượng hình ảnh (độ phân giải, độ nén, thời gian tải)
Theo tài liệu kỹ thuật từ Google Search Central (2023), alt text cùng với ngữ cảnh xung quanh giúp Google xác định chủ đề chính của trang — đặc biệt với trang producto, landing page sản phẩm hoặc bài hướng dẫn. Một bài báo từ Search Engine Journal tháng 6/2023 cho biết: trong các cuộc thử nghiệm A/B trên 500 website thương mại điện tử, nhóm có alt text được viết rõ ràng (trung bình 92 ký tự, mô tả vật lý sản phẩm) tăng 27% traffic từ Image Search và 11.6% traffic từ organic search tổng thể sau 8 tuần.
Đáng chú ý, Google không dùng alt text để “đánh giá chất lượng hình ảnh” (chẳng hạn độ sắc nét), mà dùng để xác định ý nghĩa ngữ nghĩa của hình ảnh. Ví dụ, một bức ảnh chụp một chiếc xe hơi đang chạy trên đường cao tốc — nếu alt text là “xe ô tô màu đỏ”, Google sẽ ánh xạ nó vào các tìm kiếm như “xe hơi màu đỏ”, “xe thể thao đỏ”, “xe chạy trên đường cao tốc” — nhờ vào mô hình ngôn ngữ NLP (Natural Language Processing) và thị giác máy tính (computer vision).
Đối với hình ảnh biểu tượng, logo, hoặc hình nền, alt text cần được xử lý đặc biệt:
- Logo công ty: alt text cần bao gồm tên thương hiệu + mục đích, ví dụ:
alt="Logo VinFast – thương hiệu ô tô Việt Nam" - Hình nền (background image): nên dùng CSS
background-imagevà không có thẻ<img>— do đó, alt text không áp dụng. Nếu vẫn dùng thẻ<img>làm background, alt text nên để trốngalt=""nếu không mang nội dung quan trọng. - Biểu tượng UI (icon): nên dùng SVG +
aria-labelhoặcalt=""nếu là biểu tượng trang trí.
Điều quan trọng cần hiểu: Alt text chỉ là một trong nhiều tín hiệu liên quan đến hình ảnh. Một hình ảnh có alt text tốt nhưng tải chậm (lớn hơn 2MB, không dùng webp) vẫn có thể bị Google đánh giá thấp về UX — và ảnh hưởng gián tiếp đến xếp hạng trang. Vì vậy, alt text phải đi kèm tối ưu hóa hình ảnh kỹ thuật đầy đủ.
Hướng Dẫn Viết Alt Text Chuẩn SEO: Mẫu Câu,Ngữ Cảnh Và Ví Dụ Thực Tế
Viết alt text hiệu quả không chỉ là mô tả hình ảnh — mà phải đặt hình ảnh vào ngữ cảnh trang web và mục tiêu người dùng. Dưới đây là khung phương pháp luận viết alt text theo từng loại hình ảnh phổ biến:
1. Ảnh Sản Phẩm (Product Image)
Nguyên tắc: Tên sản phẩm + đặc điểm vật lý (màu, kích cỡ, chất liệu) + mục đích sử dụng. Tránh viết chung chung.
• Sai: alt="Áo sơ mi"
• Chuẩn: alt="Áo sơ mi nữ tay ngắn – vải cotton 100%, cổ mềm, màu trắng ngà – mặc mùa hè"
• Ví dụ thực tế (Tiki.vn): alt text của sản phẩm “Máy lọc không khí Sharp Air Purifier FP-F402T-V” có dạng: alt="Máy lọc không khí Sharp FP-F402T-V – công suất 40m², lọc 3 chiều, khử mùi, diệt khuẩn" — giúp người dùng khi tìm “máy lọc không khí cho phòng 40m2” dễ thấy hình ảnh.
2. Ảnh Trong Bài Viết (Blog/Article)
Nguyên tắc: Mô tả nội dung cụ thể trong hình + ý nghĩa trong ngữ cảnh bài viết. Không lặp lại tiêu đề hình (caption).
• Sai: alt="Hình ảnh hướng dẫn làm cà phê"
• Chuẩn: alt="Cách pha cà phê phin truyền thống: đặt phin trên tách, rót nước sôi, chờ 3–5 phút để cà phê nhỏ giọt"
• Ví dụ thực tế (Blog Cookpad): Bài “Cách làm bánh flan sữa dừa” có alt text: alt="Bánh flan sữa dừa mềm mịn, mặt caramel óng ánh – hoàn thành trong 30 phút". Alt text này mô tả kết quả cuối cùng, giúp người dùng hình dung rõ ràng ngay cả khi hình không tải.
3. Infographic / Sơ đồ / Biểu đồ
Nguyên tắc: Trình bày ngắn gọn dữ liệu chính, xu hướng hoặc điểm mấu chốt — tránh liệt kê chi tiết từng cột số nếu không cần thiết.
• Sai: alt="Biểu đồ doanh thu năm 2023"
• Chuẩn: alt="Biểu đồ doanh thu theo quý năm 2023: Q1 tăng 12%, Q2 tăng 18%, Q3 đạt đỉnh 27% nhờ chiến dịch hè"
• Ví dụ thực tế (Báo cáo từ DataVietnam): Một infographic về “Tỷ lệ sử dụng mạng xã hội tại Việt Nam 2023” có alt text: alt="Facebook vẫn dẫn đầu (94%) nhưng TikTok tăng mạnh (42% người dùng 18–24 tuổi)" — giúp người khiếm thị và Google hiểu được insight chính.
4. Ảnh Chụp Nhân Sự / Sự Kiện
Nguyên tắc: Danh tính (nếu cần), vai trò, sự kiện — nhưng ưu tiên tính tự nhiên, tránh “SEO hóa” quá mức.
• Sai: alt="TS. Nguyễn Văn A CEO công ty XYZ"
• Chuẩn: alt="Ông Nguyễn Văn A, CEO công ty XYZ, phát biểu tại hội nghị Công nghệ & Đổi mới sáng tạo 2023"
• Lưu ý: Không nên thêm từ khóa không liên quan như “tuyển dụng”, “mua dịch vụ” vào alt text ảnh chân dung — khiến Google nghi ngờ spam.
5. Ảnh Trang Trí / Decorative
Nguyên tắc: alt="" — rỗng hoàn toàn. Đây là quy chuẩn WCAG 2.1 (Success Criterion 1.1.1).
Ví dụ: hình phân cách, họa tiết trang trí, đường viền trống — nếu không cung cấp thông tin, alt rỗng là tốt nhất.
Bảng tổng hợp cách viết alt text chuẩn SEO theo loại hình ảnh:
| Loại hình ảnh | Yếu tố cần có trong alt text | Độ dài nên có | Ví dụ chuẩn |
|---|---|---|---|
| Sản phẩm | Tên, màu, chất liệu, kích thước, mục đích | 80–120 ký tự | alt="Giày thể thao nam Nike Air Zoom Pegasus 40 – size 42, đế cao su gai sâu, màu trắng-xanh" |
| Bài viết | Hành động trong ảnh + ngữ cảnh | 60–100 ký tự | alt="Cách cắt rau củ cho món salad: dùng dao sắc, thái lát mỏng, không dập nát" |
| Infographic | Thông tin nổi bật, xu hướng, kết luận | 70–110 ký tự | alt="67% người Việt ưu tiên mua sắm online qua điện thoại — tỷ lệ tăng 15% so với 2022" |
| Sự kiện / Nhân vật | Tên, vai trò, sự kiện, thời gian (nếu cần) | 60–90 ký tự | alt="Bà Trần Thị B, Giám đốc Marketing, giới thiệu chiến dịch ‘Xanh – Sạch – Đẹp’ tại hội thảo môi trường" |
| Trang trí | Không cần mô tả | 0 ký tự (alt="") | alt="" |
Chú ý: Alt text nên được viết trước khi thiết kế layout — để đảm bảo tính nhất quán ngữ nghĩa. Trong CMS như WordPress, WooCommerce, Shopify, alt text thường nằm trong phần “Attachment Details” hoặc “Product Image Settings” — nơi nhiều quản trị viên bỏ qua hoặc để mặc định.
Công Cụ Kiểm Tra Và Tối Ưu Hóa Alt Text Tự Động
Việc kiểm tra alt text thủ công trên hàng trăm trang là bất khả thi với doanh nghiệp quy mô lớn. Dưới đây là các công cụ tự động giúp phát hiện và đề xuất alt text chuẩn SEO:
1. Google Search Console (GSC)
GSC cung cấp báo cáo “Images” trong phần Performance, giúp bạn xem:
- Hình ảnh nào được hiển thị trong Image Search
- Các lỗi phổ biến: Missing alt attribute, Alt text too long, Alt text not unique
Theo dữ liệu nội bộ Google (2023), 52% website thương mại điện tử có lỗi “missing alt attribute” trên ít nhất 30% hình ảnh. GSC giúp bạn liệt kê URL chứa hình ảnh thiếu alt — từ đó ưu tiên sửa theo mức độ ảnh hưởng (high-impact pages như product page, homepage).
2. Screaming Frog SEO Spider (Miễn phí cho 500 URL)
Công cụ crawl website, tìm tất cả thẻ <img> và hiển thị cột “Alt Text Missing”, “Alt Text Length”, “Image Alt Duplicate”.
Hướng dẫn sử dụng:
- Mở Screaming Frog → nhập URL site → Start
- Chuyển sang tab “Images”
- Lọc theo: Alt Text Missing = Yes hoặc Alt Text Length > 125
- Xuất file CSV để phân tích
Một case study thực tế từ agency SEO tại TP.HCM (2022) cho thấy: sau khi dùng Screaming Frog và sửa alt text trên 1,200 hình ảnh của một sàn TMĐT, doanh nghiệp cải thiện 41% traffic hình ảnh trong vòng 6 tuần — và tỷ lệ chuyển đổi tăng 9.4% nhờ UX được nâng cao từ việc hình ảnh lỗi tải ít hơn.
3. Lighthouse (Chrome DevTools)
Lighthouse có check “Accessibility” và “Best Practices” với tiêu chí: Images do not have alt text (điểm trừ nếu alt trống với hình có nội dung).
Hướng dẫn:
- Mở trình duyệt Chrome → F12 (DevTools)
- Chọn tab “Lighthouse” → Chạy audit (chọn cả Accessibility & Best Practices)
- Xem kết quả phần “Accessibility”: các lỗi alt text bị thiếu hoặc quá ngắn
Lighthouse chỉ ra điểm số tổng thể, nhưng không đề xuất nội dung alt — nên cần kết hợp với công cụ AI mô tả hình ảnh như Google Cloud Vision API (phần sau).
4. AI Image Alt Text Generator (Tự động hóa nâng cao)
Các nền tảng như Google Cloud Vision API, AWS Rekognition, hoặc plugin WordPress như Automatic Alt Finder, Image Alt Text Generator by AI có thể tự động sinh alt text bằng AI dựa trên nội dung hình ảnh.
Ưu điểm:
- Giảm 80% thời gian xử lý alt text thủ công
- Độ chính xác trung bình 85–92% với hình sản phẩm, cảnh vật rõ ràng
- Tích hợp với CMS như WooCommerce, Shopify, Magento qua API
Hạn chế:
- AI có thể hiểu sai ngữ cảnh (ví dụ: ảnh “cà phê” nhưng thực ra là cảnh pha cà phê trong bếp — AI ghi “cà phê trong ly”)
- Không hiểu từ khóa thương hiệu, sản phẩm nội bộ
- Không phù hợp với hình ảnh trừu tượng, biểu tượng UI
Case study thực tế: Một nền tảng học online (OER Vietnam) dùng AI generator để xử lý 5,000 hình ảnh bài giảng — sau đó review lại bằng đội ngũ content (chi phí ~15 USD cho 1,000 hình), kết quả:
- 96% alt text đạt độ dài chuẩn (80–120 ký tự)
- Traffic từ Image Search tăng 37% trong 10 tuần
- Điểm Accessibility trên Lighthouse tăng từ 76 lên 94
Khuyến nghị: Dùng AI để đề xuất, nhưng luôn review lại bởi con người — đặc biệt với sản phẩm đặc thù, văn hóa, hoặc từ khóa chiến lược.
Tối Ưu Hóa Alt Text Kết Hợp Với Các Yếu Tố SEO Hình Ảnh Khác
Alt text không tồn tại đơn độc — nó là một phần của hệ sinh thái tối ưu hình ảnh toàn diện, bao gồm:
1. Tên File Hình Ảnh (Image Filename)
Google xem tên file như một “tiêu đề sơ bộ” của hình ảnh. Một file tên 12345.jpg không cung cấp thông tin gì — trong khi giay-nike-air-max-2023-trang-xanh.jpg giúp Google dự đoán nội dung trước khi đọc alt text.
Quy tắc đặt tên file:
- Dùng dấu gạch ngang (-), tránh dấuunderscore (_) hoặc dấu cách
- Không viết hoa (tránh lỗi case-sensitive trên Linux server)
- Chứa từ khóa chính + mô tả ngắn (1–3 từ khóa)
- Giới hạn 40–60 ký tự
Ví dụ: ao-thun-nam-cotton-4d-mau-xam.jpg — tốt hơn product-img-20230510.jpg.
2. Kích thước & Định Dạng Tối Ưu
Alt text không thể bù đắp cho hình ảnh nặng, chậm tải. Theo Google Core Web Vitals (2023), LCP (Largest Contentful Paint) bị ảnh hưởng mạnh bởi hình ảnh lớn — và alt text không giúp cải thiện điểm này nếu hình tải > 2.5s.
Thông số kỹ thuật nên áp dụng:
| Yếu tố | Giá trị khuyến nghị | Lý do |
|---|---|---|
| Định dạng | WebP (80–90% trường hợp), AVIF (trình duyệt hỗ trợ) | Giảm 25–35% dung lượng so với JPG/PNG |
| Kích thước thực tế | Tối đa 1200px chiều rộng (với màn hình desktop) | Tránh load ảnh 4K trên mobile — lãng phí bandwidth |
| Dung lượng | < 200KB cho banner lớn; < 100KB cho thumbnail | Đảm bảo Core Web Vitals (LCP < 2.5s) |
| Responsive srcset | Có — dùng <img srcset="...> | Cho phép trình duyệt chọn ảnh phù hợp thiết bị |
Ví dụ thực tế: Trang web bán đồ gia dụng dùng WebP + srcset, tải trung bình 1.2MB (trước đây 3.8MB). Kết quả: LCP giảm từ 4.3s → 1.9s, và alt text cũng được người dùng đọc rõ hơn do tải nhanh — nhờ đó tỷ lệ click từ Image Search tăng 22%.
3. Lazy Loading (Tải trễ)
Lazy loading giúp hình ảnh chỉ tải khi người dùng cuộn đến vị trí hiển thị — giảm áp lực bandwidth ban đầu. Khi kết hợp với alt text chuẩn, lazy loading cải thiện hiệu suất mà không ảnh hưởng đến SEO — vì Googlebot vẫn crawl alt text ngay cả khi hình chưa hiển thị.
Cú pháp:
<img src="..." alt="..." loading="lazy"> Chrome, Firefox, Edge hỗ trợ native lazy loading từ 2020 — không cần dùng JS. Tuy nhiên, nên kiểm tra compatibilty với CMS như WordPress (một số theme cũ không hỗ trợ loading="lazy").
4. Schema Markup cho Image Object
Ngoài alt text, bạn có thể khai báo hình ảnh trong Schema.org (JSON-LD) để Google hiểu sâu hơn — đặc biệt với bài báo (News Article), sản phẩm (Product), hoặc video (VideoObject).
Ví dụ JSON-LD cho sản phẩm:
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "Product", "name": "Giày thể thao Nike Air Zoom Pegasus 40", "image": [ { "@type": "ImageObject", "url": "https://example.com/nike-pegasus-40-white-blue.jpg", "caption": "Giày Nike Pegasus 40 – đế cao su gai sâu, màu trắng-xanh", "alt": "Giày thể thao nam Nike Air Zoom Pegasus 40 – size 42, đế cao su gai sâu, màu trắng-xanh" } ]
}
</script> Lưu ý: Trong Schema, thuộc tính alt là tùy chọn, nhưng nếu có, phải khớp với thẻ HTML alt="" — Google kiểm tra tính nhất quán để tránh spam.
5. Alt Text Trong Sản Phẩm Trong Shopify/WooCommerce
Trong Shopify:
- Khi upload hình sản phẩm → điền Alt Text ở ô “Alternative text” bên dưới ảnh
- Không dùng “Product Name” làm alt text — phải viết mô tả chi tiết
Trong WooCommerce (WordPress):
- Chỉnh sửa sản phẩm → Tab “Product Data” → “Images” → điền “Image Alt”
- Hoặc sử dụng plugin như “Regenerate Thumbnails” để áp dụng alt text mới cho ảnh cũ
Một nghiên cứu nội bộ của agency Digital Marketing Vietnam (2023) cho thấy: các trang WooCommerce có alt text được viết riêng (không dùng tên file) có tỷ lệ xuất hiện trong Google Image Search cao hơn 5.3 lần so với nhóm không có alt text.
Phân Tích Sai Lầm Phổ Biến Về Alt Text Và Giải Pháp Khắc Phục
Dưới đây là 7 sai lầm thường gặp — kèm ví dụ và hướng dẫn khắc phục:
- Để alt rỗng với hình có nội dung
– Ví dụ:<img src="dich-vu-seo.jpg" alt="">
– Hậu quả: Google không thể phân tích nội dung, alt = “mất cơ hội xếp hạng hình ảnh”.
– Giải pháp: Viết alt mô tả cụ thể:alt="Dịch vụ SEO website chuyên nghiệp – tăng traffic tự nhiên 30–60% trong 3 tháng". - Thiếu ngữ cảnh — viết alt không liên quan đến trang
– Ví dụ: Trang bán máy lọc không khí nhưng alt:alt="Máy lọc không khí"— quá chung chung.
– Giải pháp: Thêm đặc điểm, công suất, lợi ích:alt="Máy lọc không khí Sharp FP-F402T-V – công suất 40m², khử mùi hôi, diệt khuẩn 99%". - Độ dài quá dài (trên 150 ký tự)
– Ví dụ:alt="Mua áo sơ mi nam cotton 100% tại website chinhhang.com – giá tốt nhất Hà Nội – giao hàng nhanh 2h – thanh toán khi nhận – bảo hành 7 ngày – hỗ trợ đổi trả trong 30 ngày – hotline 1900..."
– Hậu quả: Google cắt alt text trong Image Search results → mất thông tin quan trọng.
– Giải pháp: Rút gọn, chỉ giữ thông tin chính:alt="Áo sơ mi nam cotton 100%, cổ đứng – màu trắng tinh khôi – giao nhanh 2h". - Trùng lặp alt text trên nhiều ảnh
– Ví dụ: 10 ảnh sản phẩm cùng altalt="Giày thể thao nam".
– Giải pháp: Thêm chi tiết khác biệt từng ảnh (góc chụp: front view, back view, detail zoom) + màu sắc cụ thể. - Sử dụng font chữ đặc biệt trong ảnh → không thể thay alt
– Ví dụ: Ảnh banner chứa dòng “Giảm 50%” nhưng alt text lại viếtalt="Banner khuyến mãi".
– Giải pháp: Tách chữ thành text HTML (thay vì nhúng vào ảnh) + dùng CSS — hoặc nếu bắt buộc ảnh, viết:alt="Khuyến mãi mùa hè: Giảm 50% toàn bộ sản phẩm". - Không cập nhật alt text khi đổi hình ảnh
– Ví dụ: Website đổi hình sản phẩm nhưng giữ tên file và alt cũ — gây hiểu sai.
– Giải pháp: Đặt tên file mới + cập nhật alt text tương ứng mỗi khi thay ảnh. - Quên alt text trên hình nền (background image)
– Ví dụ: CSSbackground-image: url('hero.jpg')→ không có alt.
– Giải pháp: Dùng thẻ<img>+ CSS absolute nếu nội dung quan trọng; hoặc giữ background CSS nhưng thêmaria-label="Hero section – giảm giá mùa hè"nếu cần.
Để tránh các sai lầm trên, hãy xây dựng checklist alt text trước khi xuất bản nội dung:
- • Hình có nội dung quan trọng? → Nếu có: alt phải mô tả rõ ràng; nếu không: alt rỗng.
- • Alt có chứa từ khóa tự nhiên? → Tránh nhồi nhét, ưu tiên ngữ cảnh.
- • Độ dài < 125 ký tự?
- • Alt có khác biệt giữa các ảnh trong cùng trang?
- • Có khớp với nội dung xung quanh?
Tương lai Alt Text Trong SEO: AI, Multimodal Search Và WCAG 3.0
Trong 3–5 năm tới, alt text sẽ không còn là yếu tố “tách rời” — mà sẽ hoà nhập vào hệ thống tìm kiếm đa modal (multimodal search) của Google, nơi người dùng có thể tìm bằng hình ảnh, giọng nói, và kết hợp văn bản + hình.
Google đã đăng ký bằng sáng chế mới (2022–2023) về hệ thống “Visual Query Understanding” — cho phép tìm kiếm bằng hình ảnh chụp thực tế (ví dụ: chụp một chiếc ghế sofa → Google trả kết quả tương tự). Trong mô hình này, alt text sẽ trở thành một phần của “visual caption” mà Google dùng để huấn luyện mô hình AI.
Ngoài ra, WCAG 3.0 (dự kiến công bố cuối 2024) sẽ thay thế WCAG 2.x với tiêu chí mới:
- Thay “Alt text” bằng “Accessible Name” — có thể là text thay thế,
aria-label, hoặctitle— nhưng phải ngữ nghĩa đầy đủ. - Yêu cầu “context-aware alt” — alt text phải điều chỉnh theo vai trò của hình trong trang (ví dụ: ảnh sản phẩm ở trang chủ và trang chi tiết nên có alt khác mức độ chi tiết).
Google cũng đang thử nghiệm “Alt Text Generator” tích hợp sâu vào Search Console, giúp người dùng xem đề xuất AI (dựa trên nội dung hình ảnh) và chỉnh sửa trực tiếp — giảm thời gian quản trị.
Đối với Digital Marketer, alt text sẽ chuyển từ “yếu tố kỹ thuật” sang “phần của content strategy”:
- Alt text sẽ được viết cùng lúc với title, meta description — trong workflow content.
- Alt text sẽ được đo lường theo “conversion rate từ Image Search” — không chỉ traffic.
- Alt text phải đảm bảo tính nhất quán toàn hệ thống: web, email, social preview (Facebook Open Graph, Twitter Card).
Một nghiên cứu từ HubSpot (2023) cho thấy: các công ty áp dụng alt text như một phần của content governance (quản trị nội dung) có tỷ lệ tăng trưởng traffic từ tìm kiếm hình ảnh cao hơn 2.3 lần so với nhóm không có quy trình chuẩn.
Để chuẩn bị cho tương lai, hãy:
- Đào tạo đội ngũ(Content, Design, Dev) hiểu alt text như một phần của UX và SEO.
- Tích hợp alt text vào quy trình xuất bản CMS — ví dụ: Shopify/WooCommerce yêu cầu nhập alt text trước khi publish sản phẩm.
- Đo lường alt text theo KPI: % hình ảnh có alt text chuẩn, tỷ lệ hình ảnh trong Image Search results, click-through rate (CTR) từ hình ảnh.
Kết Luận: Alt Text Không Phải “Chi Tiêu”, Mà Là “Đầu Tư” SEO Bền Vững
Alt text là một trong những yếu tố tối ưu hình ảnh chi phí thấp – hiệu quả cao nhất trong SEO. Một website cóalt text chuẩn có thể tăng từ 10–30% traffic từ Image Search — và doanh thu gián tiếp từ UX nâng cao, tỷ lệ bounce giảm, khả năng tiếp cận mở rộng đến 10% dân số (người khiếm thị và người cao tuổi). Theo Google, 99% trang web có hình ảnh thiếu alt text đều bị Google đánh giá “thiếu thân thiện với người dùng” — dù không bị phạt trực tiếp.
Thay vì xem alt text là “nghĩa vụ kỹ thuật”, hãy coi đó là một phần của storytelling thương hiệu: mỗi hình ảnh cần có “câu chuyện” ngắn gọn, rõ ràng, và có mục tiêu — giúp người dùng và Google cùng hiểu.
Chiến lược tối ưu alt text nên được tích hợp vào 3 trụ cột:
- Kỹ thuật (Technical SEO): Kiểm tra định kỳ bằng Screaming Frog, Lighthouse, GSC.
- Nội dung (Content Strategy): Viết alt text cùng với title, H1, body text — đảm bảo nhất quán ngữ nghĩa.
- Trải nghiệm người dùng (UX): Alt text phải giúp người dùng khiếm thị hoặc khi hình lỗi tải vẫn hiểu được nội dung — từ đó tăng độ tin cậy thương hiệu.
Cuối cùng, hãy nhớ: Alt text không phải để “thỏa mãn Google” — mà để phục vụ con người. Một alt text hay là alt text khiến người dùng khiếm thị cảm thấy “hình ảnh được mô tả một cách trọn vẹn và tự nhiên” — và đó cũng là điều Google đánh giá cao nhất.

