Mục lục
Alt Text là gì? Alt Text có vai trò như thế nào đối với SEO hình ảnh? Làm thế nào để thêm Alt Text vào hình ảnh trên trang? Tất cả những thắc mắc về Alt Text sẽ được giải đáp trong bài viết dưới đây của Vinaseco.
1. Alt text là gì?
Alt Text hay văn bản thay thế không chỉ mô tả nội dung của hình ảnh mà còn mô tả ngữ cảnh của nó. Alt Text thường bị đánh đồng với Alt Tag (thẻ Alt) và mặc dù Alt Text cũng là một phần của mã HTML, nhưng nó chỉ là mô tả của hình ảnh có trong thẻ alt chứ không phải toàn bộ thuộc tính.
Ý nghĩa của Alt Text bắt nguồn từ văn bản thay thế cho những hình ảnh trên một trang không tải đúng cách. Alt Text là bản sao bằng văn bản được hiển thị thay cho những hình ảnh đó.
2. Tại sao Alt Text lại quan trọng đối với SEO hình ảnh?
Văn bản thay thế cho hình ảnh ngày càng trở nên quan trọng hơn khi các công cụ tìm kiếm cải thiện khả năng đọc hình ảnh trên trang và trải nghiệm người dùng trở nên phong phú hơn với nội dung trực quan.
Từ góc độ người dùng, hình ảnh được nhúng trên trang sẽ dễ chịu hơn nhiều so với việc nhấp vào hyperlink (siêu liên kết) và Google SERPs đang bắt kịp điều đó.
Mặc dù việc tối ưu hóa văn bản thay thế cho hình ảnh có thể vẫn là một điều mới lạ đối với nhiều người, nhưng các phương pháp về văn bản thay thế sẽ sớm trở nên cần thiết cho bất kỳ ai tạo nội dung trên internet.
3. Cách viết Alt Text hoạt động hiệu quả
Alt Text cung cấp cho chúng ta cơ hội tích hợp các từ khóa trọng tâm theo cách có liên quan và có ý nghĩa để làm phong phú nội dung và mang lại trải nghiệm người dùng tốt hơn.
Nhưng việc đề cập đến từ khóa trọng tâm trong Alt Text không phải là cách duy nhất cần ghi nhớ khi tối ưu hóa hình ảnh. Khi viết Alt Text cho hình ảnh trên một trang, hãy nhớ:
a. Mô tả hình ảnh một cách khách quan nhất có thể:
Alt Text sẽ được hiển thị khi hình ảnh không tải thành công, vì vậy nó cần phải là một mô tả hình ảnh cụ thể.
b. Cung cấp ngữ cảnh cho hình ảnh:
Để trình thu thập thông tin có thể lập chỉ mục chính xác.
c. Alt Text cần ngắn gọn và đơn giản:
đối với các mô tả dài hơn, hãy sử dụng thuộc tính longdesc (lưu ý: tránh các cụm từ như “hình ảnh của” hoặc “bức hình của” – nó sẽ tự giải thích vì alt text là mô tả của hình ảnh).
d. Tránh nhồi nhét từ khóa:
Tất cả các quy tắc thông thường về nội dung chất lượng tốt cũng được áp dụng cho alt text. Việc nhồi nhét từ khóa không đem lại hiệu quả với nội dung của bạn và cũng không hiệu quả đối với alt text.
4. Câu hỏi thường gặp về Alt Text
a. Làm cách nào để tìm Alt tag trên trang?
Dùng chuột trỏ vào đâu đó trên trang, nhấp chuột phải và chọn “Kiểm tra” hoặc sử dụng phím tắt Ctrl+Shift+I. Mã nguồn của trang sẽ xuất hiện ở bên phải màn hình.
Nhấp vào biểu tượng đầu tiên ở bên trái của bảng mã HTML, sau đó tìm hình ảnh trên trang mà bạn muốn xem và nhấp vào đó. Mã HTML cho phần tử đó sẽ được đánh dấu với tất cả các thuộc tính cho hình ảnh.
b. Làm cách nào để đọc Alt Text trong mã HTML?
Khi nhấp vào “Kiểm tra”, bạn cần tìm thẻ HTML có liên quan trong bảng hiển thị mã nguồn của trang. Alt text nằm sau một thẻ có nội dung “alt =” và phần sau là chính mô tả alt text.
c. Làm cách nào để biết một hình ảnh có Alt Text?
Khi kiểm tra hình ảnh trong mã nguồn của trang, nếu thẻ alt sau “alt =” chỉ hiển thị hai dấu ngoặc kép không có nội dung ở giữa, thì thuộc tính alt trống, tức là không có văn bản thay thế.
d. Làm cách nào để thêm Alt Text vào tệp JPG?
Trong Microsoft Word, bạn có thể nhấp chuột phải vào hình ảnh và chọn “Edit alt text” từ menu. Điền mô tả của hình ảnh vào hộp nhập liệu và nhấp vào “close”. Hãy nhớ kiểm tra kỹ văn bản về chính tả và ngữ pháp, vì các hộp nhập liệu không có tính năng kiểm tra chính tả.
e. Có thể sử dụng dấu phẩy và dấu chấm trong Alt Text không?
Có. Việc thêm các dấu câu thích hợp trong alt text cho phép trình đọc màn hình mang lại trải nghiệm người dùng tốt hơn.
Hơn nữa, alt text được hiển thị khi hình ảnh không tải đúng cách. Vì vậy, văn bản chất lượng cao đảm bảo trải nghiệm người dùng tốt hơn.
f. Alt text nên có độ dài bao nhiêu?
Độ dài alt text tối đa được khuyến nghị là 125 ký tự.
Trên đây là những chia sẻ của chúng tôi về khái niệm cũng như cách thực hiện Alt Text. Hẹn gặp lại các bạn ở những bài viết tiếp theo của Vinaseco