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 nghìn bài viết SEO 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ị: Alt text giúp công cụ đọc màn hình mô tả ảnh.
- Nội dung thay thế: Nếu ảnh lỗi, alt text sẽ hiển thị.
- Cải thiện accessibility: Trang có alt text dễ đạt chuẩn Web Accessibility.
- Hỗ trợ SEO: Alt text giúp Google hiểu ảnh, tăng hiển thị trên Google Images và góp phần cải thiện xếp hạng tổng thể bài viết.
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:
| 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ị | Chỉ hiển thị khi ảnh lỗi không tải được |
| Caption | Ngay dưới ảnh (nếu có) | Giải thích hoặc bổ sung ngữ cảnh cho ảnh | Có, ảnh hưởng trực tiếp đến trải nghiệm |
| Tên file | Trước khi upload, xuất hiện trong URL ảnh | Giúp công cụ tìm kiếm hiểu sơ bộ nội dung ảnh | Không hiển thị, trừ khi xem nguồn ảnh |
Cách viết Alt Text chuẩn SEO Google #
Mình tổng hợp checklist này từ tài liệu Write Alt Text của Google Developers, yên tâm áp dụng nhé:
- Tóm tắt ý nghĩa: Diễn đạt ngắn gọn nội dung ảnh bằng cụm từ ngắn hoặc 1-2 câu.
- Theo ngữ cảnh: Cùng một ảnh nhưng đặt trong bối cảnh khác nhau thì Alt Text cũng phải khác.
- Tránh từ thừa: Không cần “Ảnh của…/Hình ảnh…”, chỉ mô tả trực tiếp.
- Tránh trùng lặp: Nếu nội dung ảnh đã có trong văn bản thì đặt
alt="". Ảnh chỉ để trang trí cũng để trống. - Ảnh phức tạp: Với biểu đồ, sơ đồ, bản đồ… chỉ tóm tắt ngắn, chi tiết giải thích nên viết trong bài.
- Mô tả người: Chỉ thêm giới tính, tuổi, chủng tộc khi thật sự cần; nếu không, chỉ ghi vai trò hoặc hành động.
- Kỹ thuật: Viết hoa chữ đầu, có dấu chấm cuối câu, tránh viết IN HOA toàn bộ.
Ví dụ Alt text tốt và chưa tốt #
| Tình huống | Alt Text sai | Alt Text chuẩn |
|---|---|---|
| Ảnh một tách cà phê latte trên bàn gỗ | Ảnh một tách cà phê latte ngon tuyệt trên chiếc bàn gỗ màu nâu sáng bóng dưới ánh nắng ban mai tuyệt đẹp (quá dài, nhiều tính từ thừa) | Tách cà phê latte trên bàn gỗ (ngắn gọn, đúng ý nghĩa ảnh) |
| Ảnh bác sĩ đang tiêm vaccine cho bệnh nhân | Ảnh bác sĩ và bệnh nhân (quá chung chung, không nói được mục đích) | Bác sĩ tiêm vaccine cho bệnh nhân (rõ ràng, đúng bối cảnh) |
| Ảnh bản đồ tuyến xe buýt thành phố | Bản đồ nhiều đường màu đỏ xanh vàng nối nhau (mô tả hình thức, không có ý nghĩa) | Bản đồ tuyến xe buýt trung tâm thành phố (mô tả ngắn gọn mục đích) |
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">
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, bạn điền vào đó là được.
Bạn cũng có thể 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”, ở đó cũng hiện chỗ nhập Alt.
Câu hỏi thường gặp #
Alt Text khác với caption thế nào? #
Alt text là mô tả kỹ thuật dành cho công cụ tìm kiếm và trình đọc màn hình, còn caption là chú thích hiển thị trực tiếp dưới ảnh cho người đọc.
Có nên chèn từ khóa vào alt text không? #
Có, nhưng chỉ nên chèn từ khóa chính tự nhiên khi phù hợp với hình ảnh. Tránh nhồi nhét từ khóa vì có thể bị coi là spam.
Nếu bỏ qua alt text thì có sao không? #
Không bắt buộc, nhưng bỏ qua alt text khiến Google khó hiểu nội dung ảnh và làm giảm cơ hội hiển thị trong tìm kiếm hình ảnh.
Sai lầm thường gặp khi viết alt text là gì? #
Sai lầm phổ biến gồm nhồi nhét từ khóa, viết quá dài, chỉ ghi “hình ảnh” chung chung, không rõ ý nghĩa, đặt chung với tên file như anh-gach-noi, đặt Alt Text cho ảnh trang trí.
Có cần viết alt text cho tất cả hình ảnh không? #
Không. Chỉ nên viết alt text cho hình ảnh chính và có giá trị SEO. Với ảnh trang trí hoặc icon, có thể bỏ qua hoặc để trống để tránh làm rối thông tin.
Kết luận #
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 90%, 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!
