Thẻ Alt là thuật ngữ rất quan trọng khi làm SEO. Dù bạn là newbie hay đã làm SEO lâu năm thì cũng phải nắm rõ vai trò của thuộc tính này. Cùng Xuyên Việt Media tìm hiểu ngay.
Thẻ ALT trong SEO là gì?
Thẻ ALT (ALT attribute hay ALT text – văn bản thay thế) là một thuộc tính trong HTML được sử dụng để mô tả nội dung của hình ảnh. Thẻ Alt đóng vai trò quan trọng trong việc tối ưu hóa hình ảnh cho công cụ tìm kiếm và cải thiện trải nghiệm người dùng.
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.
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.
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.
- Ả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.
