Alt Text là một phần quan trọng trong SEO hình ảnh của website. Nhưng không phải ai cũng hiểu rõ Alt Text là gì? cách tối ưu Alt Text như thế nào?

Trong bài viết này IMTA sẽ giúp bạn lý giải Alt Text là gì? Và cách viết Alt Text như thế nào cho hiệu quả để tăng traffic và cải thiện thứ hạng website của bạn. Cùng theo dõi nhé!

1. Alt Text là gì?

Alt Text (Alt Attribute) là đoạn văn bản thay thế sẽ hiển thị ra khi hình ảnh không thể hiển thị trên trang web. Alt Text là một phần thuộc một phần mã của HTML nhưng chúng chỉ có tính năng mô tả nội dung của hình ảnh trong Alt chứ không phải toàn bộ thuộc tính của thẻ Alt.

Alt Text (Alt Attribute) là đoạn văn bản thay thế sẽ hiển thị ra khi hình ảnh không thể hiển thị trên trang web
Alt Text (Alt Attribute) là đoạn văn bản thay thế sẽ hiển thị ra khi hình ảnh không thể hiển thị trên trang web

Thẻ Alt còn có thể hiểu với tên gọi khác là “Mô tả Alt” hoặc “Thuộc tính Alt“, đều là các thuộc tính HTML được sử dụng để mô tả nội dung hình ảnh SEO. Bằng cách này, thẻ Alt sẽ giúp Google hiểu được hình ảnh này đang đề cập đến nội dung gì để có thể dễ dàng trả về kết quả tìm kiếm đúng với ý định từ khóa mà người dùng search.

Thẻ Alt sẽ giúp Google hiểu được hình ảnh này đang đề cập đến nội dung gì và trả về kết quả tìm kiếm đúng với ý định từ khóa mà người dùng search
Thẻ Alt sẽ giúp Google hiểu được hình ảnh này đang đề cập đến nội dung gì và trả về kết quả tìm kiếm đúng với ý định từ khóa mà người dùng search. Nguồn ảnh: Ahrefs.

Ngoài ra, nếu trường hợp hình ảnh không thể hiển thị thì đoạn văn bản này sẽ giúp người dùng vẫn hiểu được hình ảnh đang mô tả cái gì thông qua đoạn Alt Text được gắn trong thẻ Alt.
Cấu trúc chung của thẻ Alt là: <img src=”url” alt=”alt text”>.

2. Alt Text có vai trò gì?

2.1 Tăng khả năng tiếp cận với người dùng

Văn bản thay thế có vai trò mô tả hình ảnh cho người dùng khi hình ảnh không thể hiển thị do mạng chậm, trình duyệt chặn hình ảnh hoặc những người không thể hình dung trực quan hình ảnh bằng mắt thường.

Bên cạnh đó, thẻ Alt còn được sử dụng để giúp người khiếm thị tương tác với máy tính thông qua tính năng hỗ trợ mô tả bằng âm thanh giúp họ có thể hiểu được nội dung trên trang web. Thẻ Alt đảm bảo cho tất cả người dùng đều truy cập vào trang web của bạn, bao gồm những người có vấn đề về khả năng trực quan.

2.2 SEO hình ảnh

Ngoài vai trò mô tả hình ảnh, Alt Text còn có vai trò quan trọng trong SEO hình ảnh và SEO nói chung. Đây là một trong các tiêu chí mà SEOer không thể bỏ qua khi tối ưu hóa trên trang (On-page).

Các công cụ tìm kiếm ngày nay đã nâng cao khả năng nhận diện hình ảnh. Nhưng trình thu thập thông tin tìm kiếm vẫn bị hạn chế về khả năng nhận diện hình ảnh của website. Vậy nên, mô tả hình ảnh bằng văn bản sẽ hiệu quả hơn, giúp Google hiểu chính xác để xếp hạng website của bạn. Tránh việc hiểu sai và bỏ lỡ việc xếp hạng website bạn trên Google.

Google sẽ không khuyến khích bạn sử dụng quá nhiều hình ảnh mà nên ưu tiên các đoạn text để thay thế nội dung của những hình ảnh đó.

3. Cách viết Alt Text cho hình ảnh SEO hiệu quả

Alt Text còn có giá trị tuyệt vời để bạn đưa các từ khóa và cụm từ khóa mục tiêu bạn nhắm vào, ngoài từ khóa chính ra. Đây là cách cải thiện các yếu tố xếp hạng website của bạn trên công cụ tìm kiếm.

Một số gợi ý bạn cần nhớ khi viết Alt Text cho hình ảnh:

  • Mô tả khách quan: Alt text sẽ xuất hiện khi hình ảnh không hiển thị hoặc không tải lên thành công nên hãy mô tả một cách khách quan sao cho người dùng hiểu nội dung khi không thấy ảnh.
  • Alt Text cần gãy gọn, súc tích: Nếu cụm từ dài bạn có thể dùng thuộc tính longdesc. Tránh các cụm “bức hình của”, “hình ảnh của”,… các cụm từ quá dài không cần thiết.
  • Cung cấp ngữ cảnh cho hình ảnh: Giúp công cụ tìm kiếm thu thập thông tin nhanh hơn để lập chỉ mục chính xác.
  • Tránh việc nhồi nhét từ khóa: Mục đích của Alt Text là tối ưu chất lượng bài viết tốt nhất. Nếu bạn nhồi nhét quá nhiều từ khóa sẽ phản tác dụng bởi Google sẽ mặc định bạn đang spam từ khóa.

4. Các tiêu chí tối ưu một Alt Text chuẩn

Các tiêu chí tối ưu một Alt Text chuẩn
Các tiêu chí tối ưu một Alt Text chuẩn

4.1 Mô tả cụ thể hình ảnh

Mục đích của văn bản thay thế là cung cấp mô tả nội dung cho hình ảnh mà người dùng không nhìn thấy được. Nếu hình ảnh chỉ có mục đích thiết kế mà không truyền tải được nội dung, ý nghĩa hay giá trị nào sẽ được nằm trong CSS chứ không thuộc HTML.

4.2 Ngắn gọn, đơn giản

Bạn cần đảm bảo chứa tối đa 125 ký (có thể bằng hoặc nhỏ hơn) tự vì trình đọc màn hình thông thường chỉ chứa trong khoảng đó.

4.3 Sử dụng từ khóa

Sử dụng từ khóa mục tiêu trong Alt Text là cơ hội tuyệt vời để bạn giúp công cụ tìm kiếm hiểu rõ câu lệnh truy vấn nào sẽ phù hợp với nội dung của bạn. Dù bạn cần ưu tiên mô tả và cung cấp bối cảnh cho hình ảnh hơn, nhưng sẽ tốt hơn nữa nếu bạn đưa các từ khóa mục tiêu vào văn bản Alt.

4.4 Tránh nhồi nhét từ khóa

Google sẽ phạt và cho rằng bạn đang spam nếu nhồi nhét từ khóa quá nhiều mà không mô tả hay cung cấp ngữ cảnh bất kỳ nào cho hình ảnh. Do đó, bạn hãy chú trọng tạo Alt Text có ngữ cảnh cho hình ảnh và chỉ sử dụng từ khóa mục tiêu khi phù hợp.

4.5 Tránh dùng văn bản trong ảnh thay Alt Text

Bạn không thể thay thế Alt Text bằng văn bản trong hình ảnh bởi công cụ tìm kiếm không thể tự đọc văn bản có trong ảnh. Nếu sử dụng phương pháp này bạn cần bổ sung đoạn giải thích hình ảnh trong Alt Text.

4.6 Tránh dùng các cụm “bức ảnh của”, “hình ảnh của” trong Alt Text

Hình ảnh được sử dụng tất nhiên nó đã tham chiếu và chỉ định nó là một hình ảnh rồi nên bạn không cần thiết phải sử dụng các cụm từ dư thừa không cần thiết.

4.7 Sử dụng thẻ longdecs=””

Phương pháp này rất hữu ích cho bạn trong trường hợp bạn cần mô tả đoạn văn bản dài và chi tiết cho các bức hình phức tạp hơn.

4.8 Đừng quên dùng Alt cho các nút Form

Nếu trang web của bạn có form (biểu mẫu) dùng hình ảnh làm nút “gửi” hay nút lệnh khác bạn hãy thêm thuộc tính Alt Text mô tả chức năng của nút, chẳng hạn như: “Đăng ký ngay“, “Mua ngay“, “Tìm kiếm“,…

5. Vấn đề thường hay gặp với Alt Text hình ảnh

Có 2 vấn đề mô tả Alt Text thường gặp trong tối ưu SEO hình ảnh mà bạn cần nắm rõ khi tiến hành Audit Website:

5.1 Hình ảnh bị hỏng

Nếu hình ảnh bị lỗi, có chất lượng kém sẽ không tránh khỏi tình trạng công cụ tìm kiếm sẽ đánh giá không tốt và xếp hạng trang web của bạn thấp dù nội dung bạn tạo có xuất sắc đến đâu.

Hình ảnh bị hỏng
Nếu hình ảnh bị lỗi công cụ tìm kiếm sẽ đánh giá không tốt và xếp hạng trang web của bạn thấp.

Thông thường, công cụ Audit website sẽ nêu ra những lý do khiến hình ảnh bị hỏng, bạn có dựa vào đó để khắc phục chúng:

  • URL sai hoặc đường dẫn không hợp lệ: Hãy sửa lỗi chính tả trong URL (chỉ dùng dấu gạch nối và chữ viết thường không dấu), nếu tệp hình ảnh được di chuyển và không còn khớp, hãy tiếp tục 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, bị lỗi hoặc đã di chuyển sang vị trí khác, bạn có thể xóa chúng ra khỏi HTML của trang nếu không thực sự cần thiết nữa.

Bạn cần phân biệt rõ hình ảnh bên trong hay bên ngoài bị hỏng. Nếu hình ảnh không thể tiếp cận theo cách tốt nhất, hãy thay thế chúng bằng hình ảnh mới.

5.2 Hình ảnh không có thuộc tính thay thế

Việc để trống thuộc tính Alt Text cũng giống như bạn bỏ lỡ mất cơ hội xếp hạng hình ảnh trên công cụ tìm kiếm tốt hơn. Không chỉ vậy, nó còn ảnh hưởng đến trải nghiệm cho người dùng và những người khiếm thị.

Bạn hãy sử dụng công cụ Audit Website để kiểm tra xem những hình ảnh nào không có thuộc tính Alt và khắc phục chúng để tối ưu SEO hiệu quả tốt nhất.

6. Một số câu hỏi thường gặp

6.1 Tìm Alt tag trên trang như thế nào?

Để tìm Alt tag trên trang bạn hãy nhấp chuột phải vào khoảng trắng trống trên trang và chọn “Kiểm tra (Inspect)” hoặc sử dụng phím tắt Ctrl+Shift+I, mã nguồn sẽ tự động hiện lên bên phải màn hình.

Tiếp tục, bạn chọn vào biểu tượng đầu tiên bên trái của bảng mã HTML. Sau đó bạn tìm hình ảnh mà bạn muốn xem rồi nhấp vào ảnh. Mã HTML của phần tử sẽ được đánh dấu tô sáng lên, bao gồm các thuộc tính của hình ảnh.

6.2 Cách đọc Alt Text trong mã HTML như thế nào?

Bạn thao tác tương tự như trên để bảng mã nguồn của trang hiện ra. Thẻ Alt Text sẽ có nội dung alt=”abc” thì abc là văn bản mô tả của Alt Text.

6.3 Cách để biết một hình ảnh có Alt Text hay không?

Nếu bạn kiểm tra mã nguồn, sau alt=” “ hiển thị 2 dấu ngoặc kép mà không chứa nội dung thì thuộc tính Alt trống.

6.4 Làm sao để thêm Alt Text vào tệp JPG?

Khi sử dụng Microsoft Word để làm việc, bạn thao tác nhấp chuột phải vào hình ảnh và chọn “Edit Alt Text“, nhập văn bản bạn muốn mô tả cho hình ảnh rồi chọn Close.

6.5 Dùng dấu chấm, dấu phẩy trong Alt Text có được không?

Dùng được, vì chúng giúp mô tả nội dung hình ảnh chính xác, rõ ràng hơn giúp mang lại trải nghiệm tốt hơn cho người dùng.

6.6 Alt Text nên có độ dài bao nhiêu?

Độ dài tối đa 125 ký tự.

Thêm văn bản Alt Text cho hình ảnh không phải là một vấn đề nhỏ và bị bỏ qua nếu bạn muốn cải thiện thứ hạng và thu hút được nhiều traffic cho trang web của mình trên công cụ tìm kiếm. Tính năng này còn rất quan trọng cho người khiếm thị và những lúc trang web không tải hình ảnh được.

Tạm kết

Tóm lại, việc sử dụng Alt Text sẽ giúp các công cụ tìm kiếm hiểu rõ về nội dung của hình ảnh trên trang web của bạn, giúp gia tăng thứ hạng tìm kiếm và lượng truy cập cho trang web. Khóa học SEO Website tại IMTA sẽ trang bị cho bạn kiến thức về tối ưu hóa Alt Text và các yếu tố chuyên môn khác trong SEO. Liên hệ với chúng tôi ngay tại đây để biết thêm thông tin chi tiết về khóa học.

Hy vọng qua bài viết trên sẽ giải đáp được thắc mắc của bạn về Alt Text là gì? Cũng như cách để tối ưu một Alt Text chuẩn. Cảm ơn bạn đã đọc bài viết! Đừng quên theo dõi IMTA để không bỏ lỡ các bài viết hay ho mới nhất nhé!

Digital Marketing IMTA SEO WebsiteAlt Text là gì? Cách tối ưu Alt Text