Google không thể “nhìn thấy” hình ảnh như con người. Vì vậy, nếu bạn không mô tả cho nó hiểu qua alt text, thì bài viết dù có đẹp mấy cũng khó lên top.
Mình đã audit hàng trăm nghìn bài viết cho khách hàng, và một lỗi phổ biến mình gặp rất nhiều chính là thiếu hoặc viết sai alt text.
Thật sự chỉ một chi tiết nhỏ này thôi, nhưng có thể giúp cải thiện thứ hạng đáng kể nếu bạn làm đúng.
Alt text là gì?
Alt text (viết tắt của Alternative Text) là đoạn mô tả ngắn gọn thay thế cho hình ảnh nếu hình đó không hiển thị được. Ngoài ra, công cụ đọc màn hình cho người khiếm thị cũng sẽ đọc nội dung Alt text.
Ví dụ: Nếu bạn đăng ảnh một ly cà phê đá trên blog, alt text có thể là “Cốc cà phê đá trên bàn gỗ buổi sáng”.
Alt text không chỉ hỗ trợ người dùng, mà còn giúp Google hiểu và đánh chỉ mục hình ảnh trên máy tìm kiếm.
Lợi ích Alt text với SEO
Nếu ảnh bạn dùng cho nội dung “hướng dẫn viết blog”, nhưng alt là “image1.jpg”, thì Google chả hiểu gì cả. Một số lợi ích mà bạn có thể chưa ngờ ra được từ Alt Text nè:
- Hỗ trợ người khiếm thị: Công cụ đọc màn hình sẽ mô tả ảnh qua alt text.
- Hiển thị nội dung thay thế: Nếu hình lỗi không hiển thị, alt text sẽ hiện ra.
- Cải thiện accessibility: Những trang web có alt text đầy đủ dễ đạt chuẩn Web Accessibility Guidelines.
- Giúp bot hiểu nội dung ảnh: Alt text cung cấp ngữ cảnh phù hợp cho Googlebot thu thập thông tin.
- Cải thiện khả năng hiển thị trên Google Images: Một số từ khóa niche dễ lên top qua hình ảnh.
- Tăng khả năng xếp hạng tổng thể bài viết: Google đánh giá cao nội dung nhiều định dạng, alt text góp phần rõ ràng vào điểm đó.
So sánh Alt text với Caption, tên file
Dưới đây là bảng so sánh giữa Alt text, Caption và Tên file, thường dễ nhầm nhưng mỗi cái có vai trò riêng trong tối ưu hình ảnh bạn nhé:
| Thành phần | Vị trí | Mục đích | Hiển thị |
| Alt text | Trong mã HTML, không hiển thị trực tiếp | Mô tả nội dung ảnh cho Google và hỗ trợ người khiếm thị | Không, trừ khi ảnh lỗi không hiển thị |
| Caption | Hiển thị ngay dưới ảnh (nếu có) | Giải thích hoặc bổ sung ngữ cảnh cho ảnh | Có, và ảnh hưởng đến trải nghiệm |
| Tên file | Trước khi upload, trong URL hình ảnh | Giúp công cụ tìm kiếm hiểu nội dung ảnh sơ bộ | Không, trừ khi xem nguồn ảnh |
Ví dụ Alt text tốt và chưa tốt
Để dễ hình dung, mình so sánh như sau:
| Alt text chưa tốt | Alt text tốt |
|---|---|
| Hình ảnh người cười gương mặt đẹp đẹp. | Người phụ nữ Châu Á mỉm cười khi gọi video call. |
| Ảnh biểu đồ doanh thu | Biểu đồ thể hiện doanh thu tăng 30% quý 2/2024. |
| Ảnh đẹp của bánh mì | Bánh mì Việt Nam giòn, nhân thịt và dưa leo tươi. |
Đúng: Càng mô tả cụ thể, càng dễ lên top Google Search Images.
Sai: Mô tả sai/thiếu/dư thừa khiến Google không hiểu được ảnh thể hiện điều gì.
Cách viết Alt Text chuẩn SEO
Viết Alt text ảnh hưởng trực tiếp đến SEO, AI và cả trải nghiệm người dùng khi dùng đọc bài.
Nguyên tắc viết đúng
Mình hay hướng dẫn học viên theo các yếu tố này:
- Mô tả đúng nội dung gốc ảnh: Không tô vẽ thêm, không suy đoán ý đồ quá xa. Đơn giản hoá như “Người phụ nữ cầm điện thoại chụp selfie”.
- Tránh dài dòng: Giới hạn nên dưới 125 ký tự. Đây là độ dài mà trình đọc màn hình hay trình duyệt sẽ hiển thị đầy đủ.
- Không cần ghi “hình ảnh”: Ví dụ hình hoa sen thì chỉ cần ghi “Hoa sen hồng nở trên mặt nước buổi sáng”. Không cần “Ảnh chụp hoa sen”.
- Thêm từ khóa nhưng khéo léo: Ví dụ trong bài viết về “content blog”, khi chèn hình, hãy viết Alt “Checklist content blog hiệu quả năm 2024”.
- Không nhồi nhét từ khóa: Nhồi nhét keyword khiến Google đánh giá spam.
- Dùng chung mô tả ảnh với Alt Text: Vì mô tả ảnh thường sẽ để rất hay, đúng với mục tiêu của Alt, chỉ khác là ảnh lỗi Alt mới được hiển thị.
Sử dụng Make.com để Automation đặt Alt Text
Với những bạn có hàng nghìn tấm ảnh mỗi tháng như mình, thì việc viết từng Alt text là cực kỳ phí thời gian.
Mình dùng Make.com để tạo workflow tự đặt Alt text như này:
- Để GPT (được tích hợp trong Make) đọc nội dung, rồi từ đó tự tạo ra Alt Text.
- Gắn lại alt tự động vào bài viết trên WordPress (cũng được tích hợp trong Make luôn).
Cách thêm Alt text vào ảnh
Thêm Alt text không hề khó, chỉ cần biết bạn đang dùng nền tảng nào. Dưới đây là hướng dẫn cụ thể để bạn áp dụng luôn.
Thêm Alt text bằng HTML
Nếu bạn chỉnh sửa mã HTML, thì cách thêm Alt vào ảnh cực kỳ đơn giản. Chỉ cần dùng thuộc tính alt=”” ngay trong thẻ <img>.
Ví dụ: <img src="banh-mi.jpg" alt="Bánh mì Việt Nam giòn rụm">
Alt text cần viết mô tả ngắn gọn, đúng nội dung hình. Không nhồi nhét từ khóa SEO, cứ viết như bạn đang “kể lại” cho Google và người khiếm thị nghe nội dung ảnh đó là gì.
Thêm Alt text trên WordPress
Cách này phổ biến nhất, vì đa số bạn tạo content bằng WordPress.
Khi tải ảnh lên Thư viện Media, bạn sẽ thấy trường “Văn bản thay thế” (Alt Text) ở cột bên phải. Cứ điền vào đó mô tả dành cho ảnh.
Ví dụ: “Hình ảnh bảng KPI content kế hoạch tuần”
Ngoài ra, bạn cũng có thể điền hoặc chỉnh sửa Alt text cho ảnh đã chèn vào bài viết – bằng cách click vào ảnh, rồi chọn biểu tượng “Chỉnh sửa” (bút chì), ở đó cũng hiện chỗ nhập Alt.
Dùng AI Automation đặt cho bạn
Như mình nói ở trên, bạn hoàn toàn có thể sử dụng ChatGPT, Gemini, Grok,… hay tốt hơn là Monica AI đã tích hợp tất cả, và tốt hơn nữa là Make để Automation hoàn toàn.
Tóm lại, bạn nên học sâu hơn về Content và AI, và mọi thứ đã có tại Kind Content Academy rồi đấy!
Lưu ý quan trọng khi tối ưu
Viết Alt text rất dễ, nhưng phải học cách làm đúng, tránh ảnh “vô hình” trong mắt Google nhé.
Bài viết cũng khá chi tiết rùi, nên mình đưa checklist cần lưu ý nhanh gọn lẹ nè:
Tóm lại,
Bạn đã biết alt text là gì, tại sao nó quan trọng với SEO và người đọc. Một phần nhỏ nhưng ảnh hưởng lớn nếu bạn muốn nội dung của mình được Google “nhìn” và hiểu đúng.
Nếu bạn muốn đi xa hơn, làm chủ Content và AI để ra số thật – Tự động tới 99%, thì vào Kind Content Academy nhé, mình đã hệ thống bài bản kiến thức trong đây rồi, hoàn toàn miễn phí nha!
Không hề dựt tít hay làm bạn Fomo gì đâu, thiệt!
