Trong hướng dẫn này, chúng tôi sẽ giải thích Alt Text là gì, nó có tầm quan trọng như thế nào đối với SEO website và các mẹo để sử dụng Alt Text hiệu quả. Đây là những kiến thức thiết thực mà bạn có thể sử dụng ngay lập tức để cải thiện khả năng truy cập và SEO hình ảnh của website mình đang nắm.
Alt Text là gì?
Alt Text (hoặc Alternative text) được biết đến là văn bản thay thế. Nó còn có tên gọi khác là thuộc tính alt (alt attribute) hoặc thẻ alt (không đúng về mặt kỹ thuật vì nó không phải là thẻ). Alt Text đơn giản là một đoạn văn bản mô tả hình ảnh và nó nằm trong mã HTML.
Công dụng của Alt Text là gì?
Sau khi đã biết Alt Text là gì, chúng ta cùng tìm hiểu công dụng của nó.
Chức năng đầu tiên của Alt Text là mô tả một hình ảnh không thể tải được. Nhiều năm trước, khi internet vẫn còn chậm, Alt Text (văn bản thay thế) sẽ giúp bạn biết được nội dung của một hình ảnh khi mà hình ảnh đó quá nặng và khó có thể được tải nhanh trong trình duyệt.
Ngày nay, mạng internet đã nhanh và ổn định hơn, sẽ có rất ít trường hợp hình ảnh quá nặng không thể tải được. Nhưng nếu có, lúc đó bạn sẽ thấy mô tả Alt Text thay cho hình ảnh.
Giờ đây, Alt Text cũng đã bắt đầu đóng vai trò cho cả bot công cụ tìm kiếm và những người sử dụng trình đọc màn hình (screen reader). Như bạn đã biết, truy cập vào các website sẽ mang đến cho người dùng một trải nghiệm rất trực quan. Thật khó để tìm thấy một trang web mà không có hình ảnh hoặc các yếu tố đồ họa.
Alt Text sẽ giúp dịch nội dung của hình ảnh thành từ ngữ, do đó làm cho hình ảnh có thể tiếp cận với nhiều đối tượng hơn, bao gồm cả người khuyết tật và bot công cụ tìm kiếm chưa đủ thông minh để hiểu đầy đủ mọi hình ảnh, ngữ cảnh và ý nghĩa của hình ảnh.
Tất nhiên, giống như mọi yếu tố của SEO, Alt Text thường bị lạm dụng trong nhiều trường hợp. Để hiểu sâu hơn về vấn đề này, chúng ta hãy sang phần tiếp theo.
Tại sao Alt Text lại quan trọng đối với SEO?
Alt Text được biết đến là một yếu tố quan trọng của tối ưu hóa SEO on-page.
Tối ưu hóa Alt Text một cách thích hợp sẽ làm cho trang web của bạn có cơ hội xếp hạng cao hơn trong tìm kiếm hình ảnh của Google. Nói một cách khác, Alt Text là một yếu tố xếp hạng cho tìm kiếm hình ảnh của Google.
Tùy thuộc vào thị trường ngách và tính cụ thể của trang web của bạn, lưu lượng truy cập tìm kiếm hình ảnh của Google có thể đóng một vai trò rất lớn trong thành công chung cho trang web của bạn. Ví dụ, đối với các trang web thương mại điện tử, người dùng thường bắt đầu tìm kiếm sản phẩm bằng tìm kiếm hình ảnh của Google thay vì nhập tên sản phẩm vào tìm kiếm thông thường của Google.
Google và các công cụ tìm kiếm khác có thể hiển thị ít hình ảnh sản phẩm hơn (hoặc hoàn toàn không hiển thị chúng) nếu bạn không quan tâm đến việc tối ưu hóa Alt Text cho chúng. Từ đó, bạn có thể sẽ mất rất nhiều lưu lượng truy cập và khách hàng tiềm năng.
Tại sao Alt Text lại quan trọng đối với Khả năng Tiếp cận
Khả năng hiển thị trong tìm kiếm hình ảnh của Google rất quan trọng, nhưng có một vấn đề còn quan trọng hơn nữa, đó là khả năng tiếp cận.
Thật may mắn khi trong những năm gần đây, người ta đã tập trung phát triển nhiều hơn vào khả năng truy cập (tức là làm cho website có thể truy cập được cho tất cả mọi người, bao gồm cả người khuyết tật hoặc sử dụng trình đọc màn hình).
Giả sử Alt Text cho hình ảnh của bạn thực sự mô tả nội dung của chúng thay vì nhồi nhét từ khóa, bạn đang giúp những người không thể nhìn thấy hình ảnh này hiểu rõ hơn về nó và nội dung của toàn bộ trang web.
Hãy xem một vài ví dụ.
- Ví dụ về Alt Text tốt
Đây là ví dụ về các hình ảnh chụp màn hình từ các công cụ, chẳng hạn như Google Search Console. Hãy xem ví dụ sau đây, bạn sẽ thấy rằng phần thuộc tính Alt đang mô tả cho hình ảnh đã được chụp màn hình.
<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”>
<img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”>
Mẹo: Bạn cũng nên quan tâm đến tên tệp của mình. Sử dụng tên tệp mô tả không phải là một yếu tố xếp hạng, nhưng tôi khuyên bạn nên sử dụng bởi vì đây là một phương pháp SEO tốt.
- Ví dụ về Alt Text không hợp lệ (nhồi nhét từ khóa hoặc spam)
Hãy xem ví dụ sau đây:
<img src=”google-search-console-coverage-report.jpg”alt=”seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits”>
<img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google search console seo”>
Như bạn có thể thấy, các ví dụ trên không thực sự cung cấp bất kỳ thông tin nào hoặc mô tả về những gì hiển thị trong hình ảnh.
Các lỗi Alt Text phổ biến
Việc nhồi nhét các từ khóa trong Alt Text không phải là sai lầm duy nhất mà bạn có thể mắc phải.
Dưới đây là một số ví dụ về các lỗi phổ biến đối với thuộc tính Alt:
- Không thể sử dụng Alt Text hoặc sử dụng Alt Text trống.
- Sử dụng cùng một Alt Text cho các hình ảnh khác nhau.
- Sử dụng Alt Text rất chung chung, không thực sự mô tả hình ảnh. Ví dụ: sử dụng thẻ Alt “con chó” trên ảnh của một con chó thay vì mô tả chi tiết hơn về con chó, màu sắc của nó, nó đang làm gì, nó là giống gì, v.v.
- Tự động sử dụng tên của tệp làm Alt Text: Điều này có thể dẫn đến Alt Text không thân thiện, chẳng hạn như “googleseachconsole” hoặc “google-search-console” hoặc “photo2323,” tùy thuộc vào tên của tệp.
Cách sử dụng Alt Text hiệu quả
Sau đây là một số cách sử dụng Alt Text hiệu quả và chính xác để nó có thể mang lại lợi ích cho người dùng:
- Không nhồi nhét từ khóa vào Alt Text. Nó sẽ không giúp trang web của bạn có xếp hạng tốt cho những từ khóa nhồi nhét này.
- Mô tả hình ảnh một cách chi tiết, nhưng vẫn giữ nó tương đối ngắn gọn. Tránh thêm nhiều câu vào thuộc tính Alt.
- Sử dụng các từ khóa mục tiêu (target keywords), nhưng theo cách tự nhiên, như một phần của mô tả hình ảnh. Nếu từ khóa mục tiêu của bạn không phù hợp với mô tả của hình ảnh, đừng sử dụng từ khóa đó.
- Tất cả văn bản phải được thêm vào dưới dạng mã HTML.
- Đừng viết “đây là hình ảnh của…” vào thẻ Alt, Google và người dùng biết rằng đây là một hình ảnh. Chỉ cần mô tả nội dung của nó.
Cách kiểm tra xem một trang có sử dụng Alt Text hay không
Bạn có thể kiểm tra thuộc tính Alt trên một trang web theo những cách sau:
Kiểm tra một phần tử (nhấp chuột vào hình ảnh -> Nhấn chuột phải -> Chọn Kiểm Tra) là một cách hay để kiểm tra xem một hình ảnh có thuộc tính Alt hay không.
Tuy nhiên, nếu bạn muốn kiểm tra hàng loạt, bạn nên sử dụng một trong hai phương pháp dưới đây.
- Cài đặt tiện ích mở rộng Chrome: Web Developer. Tiếp theo, mở trang có hình ảnh bạn muốn kiểm tra. Nhấp vào Web Developer -> Images -> Display Alt Attribute. Bằng cách này, bạn có thể xem nội dung thuộc tính Alt của tất cả các hình ảnh trên một trang web nhất định.
- Ngoài ra, bạn cũng có thể xem thẻ Alt của hình ảnh toàn bộ trang web bằng cách sử dụng trình thu thập thông tin như Screaming Frog hoặc Sitebulb.
Lời kết cho chủ để Alt Text là gì và cách sử dụng nó hiệu quả
Nói tóm lại, Alt Text sẽ không còn là một khái niệm quá xa lạ đối với những người đang tìm hiểu về SEO website. Chúng tôi hy vọng bài viết hôm nay đã mang đến một cái nhìn tổng quan hơn về Alt Text, để những bạn mới bắt đầu tìm hiểu về SEO có thể nắm bắt được Alt Text là gì và mẹo sử dụng nó một cách tối ưu nhất trong quá trình SEO on-page.
Cảm ơn các bạn đã theo dõi và hẹn gặp lại trong những bài viết lần sau.