Alt Text là một phần quan trọng trong việc thực hiện SEO cho hình ảnh trên website của bạn. Tuy nhiên, không phải ai cũng hiểu rõ về Alt Text và biết cách viết Alt Text tối ưu nhất. Do đó, trong bài viết Alt Text là gì này, Vietnix sẽ giúp bạn có cái nhìn tổng quan về Alt Text là gì cũng như hướng dẫn viết Alt Text hiệu quả để tăng lượt truy cập và thứ hạng cho website của bạn.
Alt Text là gì?
Alt Text (Alt attribute) là văn bản thay thế sẽ hiển thị trong trường hợp hình ảnh không thể hiển thị trên trang web. Tuy cũng là phần mã của HTML nhưng Alt Text không mô tả toàn bộ thuộc tính của thẻ Alt mà chỉ mô tả nội dung hình ảnh đó.
Alt Text có vai trò quan trọng vì nó giúp công cụ tìm kiếm hiểu rõ hơn về nội dung mô tả của hình ảnh. Việc gắn thẻ Alt cho hình ảnh cũng có thể giúp cải thiện xếp hạng của website trên Google.
Chương trình mừng sinh nhật lần thứ 11 Vietnix
Thẻ Alt là gì?
Thẻ Alt (hay thuộc tính Alt, mô tả Alt) là một thuộc tính HTML được sử dụng nhằm mô tả một cách ngắn gọn về nội dung của hình ảnh. Việc dùng thẻ Alt giúp Google hiểu được hình ảnh đó đang thể hiện vấn đề gì và trả về kết quả tìm kiếm chính xác cho người dùng.
Ngoài ra, khi hình ảnh không thể hiển thị được trên website thì thông qua Alt Text được gắn trong thẻ Alt, người dùng vẫn có thể dễ dàng hiểu được nội dung của hình ảnh. Thẻ Alt có cấu trúc chung như sau: <img src=”url” alt=”alt text”>.
Xem thêm: Rel=”nofollow” là gì? Cách đặt link nofollow hỗ trợ SEO chuẩn nhất hiện nay
Vì sao thẻ Alt Text lại quan trọng?
Hiện nay, việc sử dụng Alt Text cho hình ảnh trên website ngày càng trở nên quan trọng và cần thiết vì những lý do sau:
Giúp tăng khả năng tiếp cận khách hàng
Mục đích chính của Alt Text là cung cấp mô tả hình ảnh cho những người dùng truy cập vào website gặp tình trạng không thể nhìn thấy hình ảnh do mạng yếu, trình duyệt chặn hình ảnh hoặc người dùng không có khả năng nhận dạng trực quan. Bên cạnh đó, Alt Text còn hỗ trợ người mù thông qua việc cung cấp các mô tả hình ảnh bằng âm thanh để họ có thể nghe được. Sử dụng Alt Text đảm bảo rằng tất cả người dùng truy cập trang web, ngay cả những người có vấn đề về thị giác vẫn có thể tiếp cận nội dung trên trang web.
SEO hình ảnh
Alt Text là yếu tố quan trọng cho quá trình SEO hình ảnh lẫn SEO tổng thể. Đây cũng là một tiêu chí tối ưu Onpage mà bạn không được bỏ qua khi triển khai SEO.
Tuy các công cụ tìm kiếm đã cải thiện khả năng nhận dạng nhưng vẫn hạn chế khả năng hiển thị hình ảnh của website. Do đó việc sử dụng văn bản để mô tả hình ảnh vẫn sẽ mang lại nhiều lợi ích, chẳng hạn như giúp Google hiểu chính xác về nội dung bài viết để xếp hạng web. Alt Text cũng là một cách giúp bạn có thể thêm từ khóa mục tiêu vào bài viết. Từ đó, giúp tăng thứ hạng của website trên công cụ tìm kiếm.
Ngoài ra, việc tạo quá nhiều hình ảnh không được Google đánh giá tốt. Giải pháp thay thế trong trường hợp này là bạn nên sử dụng Alt Text để cung cấp nội dung và thông tin cho hình ảnh đó.
Hướng dẫn cách viết Alt Text có hiệu quả
Viết Alt Text cho hình ảnh là một kỹ năng rất cần thiết cho SEOer khi thực hiện SEO Onpage. Alt Text không chỉ dùng để mô tả hình ảnh mà còn dùng để thêm từ khóa có mục tiêu liên quan để nâng cao chất lượng nội dung bài viết, cải thiện trải nghiệm người dùng.
Khi viết Alt Text cho hình ảnh, cần lưu ý những một số vấn đề quan trọng sau đây:
- Mô tả hình ảnh khách quan: Alt Text sẽ xuất hiện khi hình ảnh không được tải lên hoặc tải không thành công. Do đó, bạn cần mô tả sao cho người dùng có thể biết được nội dung của hình ảnh đó là gì khi họ không thể nhìn thấy được.
- Cung cấp ngữ cảnh cho hình ảnh: Bạn cần cung cấp thông tin để lập chỉ mục hình ảnh một cách chính xác. Ví dụ như tên sản phẩm hoặc vị trí của nó trên website.
- Viết ngắn gọn, súc tích: Khi viết Alt Text, bạn cần tránh sử dụng các cụm từ dài và không cần thiết.
- Tránh nhồi nhét từ khóa: Tạo Alt Text nhằm nâng cao chất lượng của bài viết trên website của bạn. Việc sử dụng quá nhiều từ khóa sẽ không mang lại hiệu quả cho nội dung bài viết lẫn Alt Text.
Cách để tạo ra một Alt Text chuẩn là gì?
Việc tạo ra một Alt Text chuẩn rất quan trọng để đảm bảo rằng website của bạn được tối ưu hóa tốt nhất. Để tạo một Alt Text chuẩn, bạn cần tuân thủ các quy tắc sau đây:
- Mô tả hình ảnh cụ thể: Khi hình ảnh trên website không thể hiển thị hoặc tải lên thất bại, mô tả cụ thể về hình ảnh giúp người dùng hiểu được nội dung và ý nghĩa của hình ảnh đó một cách nhanh chóng.
- Ngắn gọn: Nên tạo Alt Text dưới 125 ký tự để đảm bảo việc hiển thị trên các màn hình phổ biến.
- Sử dụng keyword: Thêm các keyword mục tiêu phù hợp vào Alt Text giúp tăng khả năng hiển thị website trên các công cụ tìm kiếm. Tuy nhiên, để tránh bị Google phạt, bạn cần tránh nhồi nhét từ khóa mà không cung cấp ngữ cảnh cho hình ảnh.
- Tránh chèn văn bản trong hình ảnh: Các công cụ tìm kiếm không thể đọc được văn bản được chèn trong hình ảnh nên bạn có thể hạn chế chèn text trong hình ảnh và thêm mô tả vào Alt Text.
- Không sử dụng các cụm từ “hình ảnh của”, “bức ảnh của”: Bạn không cần sử dụng các cụm từ này khi tạo Alt Text. Bởi các hình ảnh đã được tham chiếu mặc định ở định dạng hình ảnh nên đó là các cụm từ thừa, không cần thiết.
- Dùng thẻ longdesc=””: Nếu có các hình ảnh phức tạp trên website và bạn cần phải mô tả dài thì hãy sử dụng thẻ này.
- Nên sử dụng Alt Text cho các button: Nếu sử dụng hình ảnh làm button, bạn cần thêm Alt Text để mô tả chức năng của button đó. Ví dụ: “Đăng ký ngay”, “Mua ngay”,…
Phương pháp Alt Text cho SEO hình ảnh
Để thân thiện với SEO, bạn nên tránh dùng hình ảnh để thay thế cho văn bản. Bởi vì các công cụ tìm kiếm không thể “đọc” được như con người nên việc này có thể khiến bot thu thập thông tin bị nhầm lẫn. Từ đó gây ảnh hưởng đến thứ hạng website trên công cụ tìm kiếm.
Theo nguyên tắc chung, bạn cần đảm bảo tất cả các hình ảnh trên website đều được thêm Alt Text. Ngay cả khi hình ảnh được sử dụng làm các button thì bạn vẫn cần bổ sung Alt Text vào đó. Alt Text cho các button có thể là các mô tả như “Đăng ký ngay nhận tin”, “Đăng ký đặt hẹn”, “Đăng ký khóa học ngay”,..
Ví dụ về Alt Text: Từ xấu đến tốt
Dưới đây là một số ví dụ về Alt Text được sắp xếp từ xấu đến tốt:
Các trang web thương mại điện tử nên viết Alt Text như thế nào
Đối với các trang web thương mại điện tử, Alt Text cần phải mô tả thật chi tiết và cụ thể.
Ví dụ: Khi bạn muốn thêm Alt Text cho sản phẩm balo du lịch trên website thương mại điện tử, bạn nên tối ưu như sau:
<img = “balo_dulich.png” alt = “balo du lịch cỡ lớn chống thấm nước màu đen”>
Các lỗi mắc phải khi Alt Text hình ảnh
Việc Alt Text cho hình ảnh không hoạt động hiệu quả có thể do hình ảnh bị hỏng hoặc hình không có thuộc tính Alt. Cùng Vietnix tìm hiểu rõ nguyên nhân và khắc phục dưới đây:
Hình ảnh bị hỏng
Hình ảnh trên website bị hỏng, lỗi không chỉ ảnh hưởng đến trải nghiệm của người dùng mà còn khiến các công cụ tìm kiếm đánh giá thấp, cho rằng website của không chất lượng. Từ đó làm giảm thứ hạng website trên kết quả tìm kiếm.
Dưới đây là nguyên nhân và cách khắc phục lỗi này:
- URL mắc lỗi chính tả hoặc đường link file không hợp lệ: Bạn cần sửa lỗi trong URL để tránh sai sót khi truy cập. Trường hợp file hình ảnh đã bị di chuyển, bạn cần sửa lại URL để trỏ đến đúng vị trí.
- Hình ảnh bị xóa, không còn tồn tại: Trường hợp file hình ảnh bị hỏng hoặc bị xóa, bạn cần thay thế bằng một file mới. Hoặc nếu hình ảnh này không còn cần thiết nữa, hãy xóa nó khỏi mã HTML của trang.
Hình không có thuộc tính Alt
Thứ hạng tìm kiếm hình ảnh sẽ bị ảnh hưởng và làm giảm trải nghiệm cho người dùng khiếm thị nếu bạn không gán thuộc tính Alt cho hình ảnh trên website.
Bạn hãy chú ý thuộc tính Alt bị trống trong ví dụ dưới đây:
<img src = “hostingvietnix.png” alt = “”>
Trong trường hợp này bạn cần sửa lại thành:
<img src = “hostingvietnix.png” alt = “hosting tốc độ cao hàng đầu Việt Nam”> https://vietnix.vn/alt-text/#top_10_nha_cung_cap_hosting
Câu hỏi thường gặp
Alt Text là gì?
Alt Text là văn bản thay thế dùng để mô tả nội dung của hình ảnh. Nó sẽ hiển thị khi hình ảnh trên website không hiển thị. Tuy Alt Text cũng là một phần của mã HTML, nhưng nó chỉ là mô tả nội dung hình ảnh có trong thẻ Alt, không phải toàn bộ thuộc tính.
Alt text dùng để làm gì?
Alt text giúp mô tả hình ảnh trên website khi hình ảnh không hiển thị hoặc cho người dùng bị khiếm thị. Đồng thời Alt text giúp cho các công cụ tìm kiếm, trình duyệt có thể hiểu được nội dung của hình ảnh.
Lời kết
Alt Text không chỉ giúp tăng khả năng tiếp cận người dùng mà còn là một yếu tố quan trọng trong SEO hình ảnh của website. Hy vọng những thông tin mà Vietnix cung cấp trên đây đã giúp bạn hiểu rõ Alt Text là gì và biết cách viết Alt Text tối ưu nhất khi SEO. Đừng quên theo dõi blog của Vietnix để cập nhật thêm nhiều bài viết hữu ích về SEO nhé.
