Thẻ Alt là gì: Khái niệm, vai trò, cách viết chuẩn

Hãy tưởng tượng bạn bịt mắt lại và cố gắng lướt web. Bạn sẽ không biết những tấm hình rực rỡ kia đang mô tả điều gì nếu không có người đứng bên cạnh thuyết minh. Googlebot cũng hoạt động y hệt như vậy. Dù trí tuệ nhân tạo đã phát triển vượt bậc, Google vẫn chưa thể nhìn và hiểu hình ảnh trọn vẹn như con người. Đó là lúc Thẻ ALT trở thành người phiên dịch không thể thiếu.

Nhiều chủ doanh nghiệp và Marketer thường bỏ qua chi tiết nhỏ bé này, dồn toàn lực vào nội dung văn bản mà quên mất rằng tìm kiếm hình ảnh đang chiếm tỷ trọng traffic khổng lồ. Nếu website của bạn có hàng trăm bức ảnh nhưng thiếu văn bản thay thế, bạn đang lãng phí một mỏ vàng traffic tiềm năng.

Trong bài viết chuyên sâu này, đội ngũ Xuyên Việt Media sẽ cùng bạn bóc tách tận gốc vấn đề, từ khái niệm cơ bản đến chiến lược tối ưu ALT attribute nâng cao để thống trị bảng xếp hạng Google Image.

Thẻ ALT trong SEO 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 thuộc tính trong mã HTML dùng để mô tả nội dung của một tệp hình ảnh. Nội dung này sẽ không hiển thị trực tiếp trên giao diện website trừ khi hình ảnh bị lỗi không tải được.

Về mặt kỹ thuật, một đoạn mã hình ảnh chuẩn sẽ trông như sau:

<img src="duong-dan-hinh-anh.jpg" alt="Mo ta noi dung hinh anh chua tu khoa" />

Cần phân biệt rõ hai khái niệm thường bị nhầm lẫn:

• ALT Text: Nội dung mô tả cho Googlebot và trình đọc màn hình. Đây là yếu tố xếp hạng SEO.
• Title Tag (Tiêu đề ảnh): Đoạn văn bản hiển thị khi người dùng di chuột (hover) vào hình ảnh. Nó bổ trợ cho trải nghiệm người dùng nhưng ít giá trị về SEO hơn ALT.

Google không có đôi mắt sinh học. Họ dựa vào văn bản thay thế để giải mã xem bức ảnh đó nói về cái gì, ngữ cảnh ra sao và nó liên quan thế nào đến bài viết tổng thể.

Ví dụ về thẻ ALT

• HTML có hình ảnh không có thẻ ALT: <img src=”xuyenvietmedia.jpg”>
• HTML có thẻ ALT tối ưu SEO: <img src=”xuyenvietmedia.jpg” alt=”Công ty TNHH Thương Mại Dịch Vụ Xuyên Việt Media”>

Công cụ tìm hiểu sẽ dựa vào nội dung thẻ Alt để hiểu rằng đây là tấm ảnh giới thiệu về công ty Xuyên Việt Media.

Tại sao ALT Attribute quan trọng trong SEO và UX?

Đừng coi thường dòng chữ mô tả ngắn gọn này. Tác động của nó đến hiệu suất website lớn hơn bạn nghĩ rất nhiều.

1. Tăng khả năng tiếp cận (Accessibility)

Internet dành cho mọi người, bao gồm cả những người khiếm thị hoặc suy giảm thị lực. Họ sử dụng các công cụ hỗ trợ như Screen Reader (trình đọc màn hình) để lướt web. Khi gặp hình ảnh, công cụ này sẽ đọc to nội dung trong thẻ ALT.

Nếu bạn bỏ trống thuộc tính này, người dùng sẽ chỉ nghe thấy tên file vô nghĩa như “IMG_1234.jpg”. Tối ưu ALT chính là cách bạn thể hiện sự tôn trọng với mọi đối tượng khách hàng và tuân thủ các tiêu chuẩn web quốc tế.

2. Xếp hạng trên Google Images

Google Images là công cụ tìm kiếm lớn thứ hai thế giới. Với các ngành hàng thiên về thị giác như thời trang, nội thất, du lịch hay ẩm thực, lượng traffic từ hình ảnh có thể chiếm tới 20-30% tổng lưu lượng truy cập.

Văn bản thay thế đóng vai trò như từ khóa giúp Google lập chỉ mục (index) hình ảnh chính xác. Khi người dùng tìm kiếm “ghế sofa da bò nhập khẩu”, Google sẽ quét các thẻ ALT khớp với truy vấn này để trả về kết quả.

3. Cứu cánh khi đường truyền mạng kém

Không phải lúc nào kết nối internet cũng ổn định. Trong trường hợp mạng lag hoặc server ảnh bị lỗi, hình ảnh sẽ không hiển thị. Lúc này, trình duyệt sẽ hiển thị văn bản thay thế trong khung ảnh. Nhờ đó, người dùng vẫn hiểu được khu vực đó đáng lẽ là hình ảnh gì, giữ cho mạch nội dung không bị đứt gãy.

4. Tăng tính liên quan cho nội dung bài viết (Topical Authority)

Google ngày càng thông minh trong việc đánh giá ngữ cảnh (Semantic Search). Một bài viết về “Quy trình SEO” nên có các hình ảnh minh họa với ALT chứa các từ khóa liên quan như “nghiên cứu từ khóa”, “xây dựng backlink”. Điều này giúp Google xác nhận độ sâu và độ uy tín của bài viết, từ đó nâng cao thứ hạng tổng thể.

Vai trò của thẻ ALT

Tối ưu hóa SEO hình ảnh

• Công cụ tìm kiếm như Google không thể “nhìn thấy” hình ảnh như con người. Thay vào đó, chúng dựa vào văn bản thay thế để hiểu nội dung của hình ảnh.
• Bằng cách cung cấp mô tả chính xác và phù hợp trong thẻ Alt, bạn giúp công cụ tìm kiếm hiểu rõ hơn về hình ảnh, từ đó tăng khả năng hiển thị hình ảnh trong kết quả tìm kiếm hình ảnh.
• Thẻ Alt còn là cơ hội để bạn đưa các từ khóa liên quan vào nội dung trang web, giúp cải thiện thứ hạng tổng thể của trang.

Cải thiện khả năng truy cập

• Thẻ Alt đặc biệt quan trọng đối với người dùng khiếm thị hoặc người sử dụng trình đọc màn hình. Trình đọc màn hình sẽ đọc nội dung của thẻ Alt để mô tả hình ảnh cho người dùng.
• Trong trường hợp hình ảnh không tải được, thẻ Alt sẽ hiển thị văn bản thay thế, giúp người dùng hiểu nội dung của hình ảnh.

Cải thiện trải nghiệm người dùng

Thẻ Alt cung cấp thông tin bổ sung về hình ảnh, giúp người dùng hiểu rõ hơn về nội dung trang web.

Nguyên tắc vàng để viết Thẻ ALT chuẩn SEO

Viết ALT không khó, nhưng viết để Google “yêu” ngay lập tức thì cần kỹ thuật. Dưới đây là công thức mà các chuyên gia content tại Xuyên Việt Media luôn áp dụng:

Cấu trúc đề xuất

ALT Tốt = Chủ thể + Mô tả hành động/tính chất + Ngữ cảnh (chứa từ khóa chính/phụ)

Ví dụ minh họa thực tế

Giả sử bạn có một bức ảnh chụp một đôi giày chạy bộ màu đỏ của Nike.

• Tệ (Spam từ khóa): giày, giày nike, giày chạy bộ, giày giá rẻ, mua giày nike.
• Kém (Chung chung): giày.
• Khá: Giày chạy bộ Nike màu đỏ.
• Xuất sắc (Tối ưu): Giày chạy bộ Nike Air Zoom màu đỏ nam đang chạy trên đường nhựa.

Các quy tắc bất di bất dịch

1. Ngắn gọn và súc tích: Giới hạn độ dài dưới 125 ký tự. Các trình đọc màn hình thường sẽ ngắt quãng nếu văn bản quá dài.
2. Mô tả cụ thể: Hãy viết sao cho một người không nhìn thấy ảnh vẫn hình dung được nội dung. Đừng chỉ nhồi nhét từ khóa.
3. Không bắt đầu bằng “hình ảnh của…” hay “bức ảnh về…”: Google và trình đọc màn hình đã tự xác định đó là ảnh rồi. Việc thêm các cụm từ này là thừa thãi và tốn diện tích ký tự.
4. Chứa từ khóa một cách tự nhiên: Chèn từ khóa chính hoặc từ khóa LSI vào thẻ ALT, nhưng phải hợp lý với ngữ cảnh bức ảnh.
5. Không bỏ quên các nút chức năng: Nếu bạn dùng hình ảnh làm nút bấm (ví dụ: nút “Đăng ký ngay”, “Tìm kiếm”), thẻ ALT phải mô tả chức năng của nút đó (ví dụ: alt=”gửi biểu mẫu đăng ký”).

Cách viết thẻ Alt tối ưu

1. Mô tả chính xác nội dung ảnh

Thẻ ALT phải mô tả đúng bản chất của hình ảnh một cách rõ ràng, dễ hiểu.

Ví dụ
✔️><img src=”iphone-15.jpg” alt=”iPhone 15 màu xanh dương với cụm camera kép”>
❌ ><img src=”iphone-15.jpg” alt=”Điện thoại đẹp”> (quá chung chung)

2. Chèn từ khóa tự nhiên, không nhồi nhét

Google sử dụng thẻ ALT để hiểu nội dung ảnh, nhưng nếu bạn nhồi nhét từ khóa, nó có thể bị đánh giá là spam.

Ví dụ
✔️><img src=”giay-nike-air-force-1.jpg” alt=”Giày Nike Air Force 1 màu trắng chính hãng”>
❌ ><img src=”giay-nike.jpg” alt=”Giày Nike, giày thể thao Nike, giày sneaker Nike giá rẻ chính hãng”> (spam từ khóa)

3. Giữ độ dài thẻ ALT ngắn gọn, tối đa 125 ký tự

Văn bản ALT quá dài có thể không hiển thị đầy đủ trên trình đọc màn hình.

Ví dụ
✔️><img src=”laptop-macbook-pro.jpg” alt=”MacBook Pro 2023 màn hình Retina 14 inch”>
❌ ><img src=”laptop-macbook.jpg” alt=”MacBook Pro 2023 màn hình Retina 14 inch, chip M3 Pro, RAM 16GB, SSD 512GB dành cho dân thiết kế và lập trình”> (quá dài)

4. Không dùng các từ vô nghĩa

Google đã biết đây là hình ảnh, nên bạn không cần nhắc lại.

Ví dụ
✔️><img src=”cafe-capuchino.jpg” alt=”Tách cà phê cappuccino với lớp bọt sữa đẹp mắt”>
❌><img src=”cafe-capuchino.jpg” alt=”Ảnh chụp tách cà phê cappuccino ngon”> (thừa chữ “Ảnh chụp”)

5. Nếu hình ảnh là liên kết, thẻ ALT phải mô tả trang đích

Khi ảnh là một nút bấm hoặc liên kết, thẻ ALT nên mô tả trang sẽ dẫn đến.

Ví dụ

✔️><a href=”san-pham.html”><img src=”mua-ngay.jpg” alt=”Mua ngay iPhone 15 Pro Max”></a>
❌ ><a href=”san-pham.html”><img src=”mua-ngay.jpg” alt=”Nút bấm”></a> (không rõ ràng)

6. Thêm thẻ ALT vào tất cả hình ảnh quan trọng

• • Sản phẩm, infographic, biểu đồ → Bắt buộc có ALT.

<li”>Ảnh nền hoặc icon nhỏ → Có thể bỏ qua nếu không quan trọng.

Ví dụ
✔️ ALT cần thiết: <img src="doanh-thu-2024.jpg" alt="Biểu đồ doanh thu năm 2024 của công ty ABC">
❌ ALT không cần thiết:><img src=”icon-check.jpg” alt=”Check”> (icon nhỏ không cần ALT)

Một số vấn đề thường gặp của Alt Text

Việc viết Alt Text khi tối ưu SEO hình ảnh có thể gặp một số vấn đề. Do đó, khi audit website, bạn cần kiểm tra xem hình ảnh có gặp lỗi gì không.

Hình ảnh bị hỏng

Hình ảnh bị hỏng, chất lượng thấp khiến trang web không hấp dẫn. Cho dù sản phẩm hoặc nội dung tốt đến đâu thì cũng rất dễ bị đánh giá thấp. Điều này còn bị công cụ tìm kiếm chú ý và xếp hạng thấp trang web.

Công cụ audit web sẽ nhận diện lỗi khiến hình ảnh web hỏng để bạn sửa chữa:

• URL sai hoặc đường dẫn không chính xác: Sửa lỗi chính tả trong URL, nếu tệp hình ảnh không còn khớp sau khi bạn di chuyển hãy sửa URL để trỏ đến đúng vị trí.
• Hình ảnh không tồn tại: Nếu tệp hình ảnh bị xóa, hỏng hoặc di chuyển sang vị trí khác, hãy xóa khỏi HTML của trang nếu không cần thiết.

Cần phân biệt rõ ràng giữa hình ảnh bị hỏng bên trong hay bên ngoài. Nếu hình ảnh không tiếp cận tốt thì hãy thay thế.

Hình ảnh không có Alt

Hình ảnh không có thuộc tính Alt giống như bỏ qua một cơ hội xếp hạng hình ảnh tốt hơn. Ngoài ra, không mang lại trải nghiệm tốt cho người dùng khiếm thị. Sử dụng các công cụ audit web để kiểm tra các hình ảnh không có thuộc tính Alt.

Thẻ Alt là một yếu tố quan trọng trong SEO hình ảnh và cải thiện trải nghiệm người dùng. Bằng cách viết thẻ Alt hiệu quả, bạn có thể giúp công cụ tìm kiếm hiểu rõ hơn về hình ảnh, tăng khả năng hiển thị hình ảnh trong kết quả tìm kiếm và cung cấp thông tin hữu ích cho người dùng.