Alt text là gì? Cách triển khai tốt nhất trong SEO 2021

Tác giả : Ý Dương   Kiểm tra bởi Anh Nguyễn
Alt text trong SEO 2021
Alt text trong SEO 2021

Alt Text là gì?

Alt Text (văn bản thay thế) còn gọi là thuộc tính alt hay trong kỹ thuật thường gọi là thẻ Alt. Chúng được dùng trong mã HTML để miêu tả cách hiển thị và chức năng của hình ảnh được sử dụng trong bài blog.

Cách dùng

1. Thêm thuộc tính Alt vào ảnh là yếu tố thu hút nhiều người dùng truy cập vào website kể cả những người dùng có khả năng trực quan còn hạn chế.

2. Văn bản thay thế sẽ được hiển thị thay cho hình ảnh, khi hình ảnh trên trang web bị lỗi hiển thị.

3. Alt text cung cấp ngữ cảnh/mô tả hình ảnh cho trình thu thập thông tin trên các công cụ tìm kiếm từ đó thúc đẩy index nhanh chóng hơn.

Ví dụ về văn bản thay thế
Đoạn alt text cho hình ảnh

Ví dụ cụ thể:

img src="pupdanceparty.gif" alt="Puppies dancing"

Tối ưu hóa định dạng Alt Text

Định dạng chuẩn nhất cho thuộc tính alt là chứa đầy đủ mô tả về hình ảnh nhưng tuyệt đối không spam. Ví dụ: Bạn có thể hình dung được hình ảnh hiển thị trên màn hình chỉ cần nhờ ai đó đọc giúp đoạn alt text của hình ảnh khi bạn đã nhắm mắt lại. Điều này cũng đồng nghĩa với việc bạn đã có một alt text thành công.

Ví dụ cụ thể hơn:

Ví dụ về alt text cho hình ảnh bánh ngọt
Ví dụ về alt text cho hình ảnh bánh ngọt

Đây là ví dụ về cách sử dụng alt text cho một hình ảnh trên:

Tạm được: img src="pancakes.png" alt="bánh xếp" 

Alt này chỉ gọi là tạm được bởi vì nó không có mô tả cụ thể cho phần bánh hiển thị trên hình ảnh. Và alt text chuẩn nên được dùng đó là :

img src="pancakes.png" alt="Một bánh xếp được phủ đường bột"

Một số cái cần tránh như:

img src="pancakes.png" alt=""
img src="pancakes.png" alt="bánh xếp bánh xếp bánh nóng bánh nóng bữa ăn sáng hoàn hảo công thức nấu bữa ăn sáng hoàn hảo"

Cả 2 trường hợp này đều không được khuyến khích do mang tính chất spam và bỏ trống mô tả.

Tại sao Alt Text lại quan trọng?

1. Khả năng tiếp cận

Thuộc tính Alt là một nguyên lý khi thiết kế web để người dùng có thể dễ tiếp cận. Mục đích ban đầu của nó là mô tả cho những khách truy cập không thể nhìn thấy hình ảnh. Điều này bao gồm trình đọc văn bản và các trình duyệt chặn hình ảnh và ứng dụng cho những người dùng bị khiếm thị hoặc không thể nhận dạng hình ảnh một cách trực quan. Tạo alt cho hình ảnh đảm bảo tất cả người dùng (bất kể khả năng thị giác) đều có thể hình dung rõ hình ảnh được bạn sử dụng và điều này cũng được đánh giá cao nội dung trên trang web của bạn.

2. SEO cho hình ảnh

Sử dụng alt trên hình ảnh có thể mang lại trải nghiệm người dùng tốt hơn, tạo nhiều lợi thế trong SEO. Cùng với việc triển khai các phương pháp hay nhất về tiêu đề hình ảnhđặt tên tệp, việc cho thêm alt cho hình ảnh cũng có thể góp phần SEO cho hình ảnh.

Mặc dù công nghệ nhận dạng hình ảnh của công cụ tìm kiếm đã được cải thiện rất nhiều trong những năm qua, nhưng các trình thu thập thông tin tìm kiếm vẫn không thể “nhìn thấy” hình ảnh trên một trang web như người chúng ta, vì vậy nếu để nó tự thu thập thông tin theo cách chỉ mình nó hiểu có thể sẽ xảy ra nhiều sai sót ảnh hưởng tới ranking của bạn.

Ví dụ: Google có thể nhìn thấy hình ảnh này và nó chỉ có thể giải mã ra đây một người đàn ông đeo cà vạt và đeo kính, đang ngồi ở bàn làm việc.

Ví dụ cách thêm alt để SEO cho hình ảnh
Jim Halpert khi ở văn phòng

Tuy nhiên, nếu bạn đang cố gắng xếp hạng cho “Jim Halpert thay vì Dwight Schrute”, bạn sẽ cần giúp đỡ công cụ tìm kiếm.

Theo cách này, alt text cung cấp cho bạn một cơ hội khác để tạo dựng từ khóa mục tiêu của bạn. Với việc sử dụng từ khóa trên trang vẫn giữ vai trò quan trọng như một yếu tố xếp hạng của công cụ tìm kiếm, bạn nên tạo alt text vừa mô tả hình ảnh, vừa bao gồm từ khóa hoặc cụm từ khóa mà bạn đang nhắm mục tiêu.

Cách để tạo một Alt Text chuẩn

  1. Mô tả hình ảnh càng cụ thể càng tốt. Điều đầu tiên và cũng quan trọng nhất của alt text được tạo để cung cấp mô tả về hình ảnh nào đó khi người dùng không nhìn thấy chúng. Nếu một hình ảnh thực sự không truyền tải bất kỳ ý nghĩa / giá trị nào và chỉ có mục đích thiết kế, thì nó sẽ nằm trong CSS chứ không phải HTML.
  2. Ngắn gọn. Các trình đọc màn hình phổ biến thường chứa khoảng 125 ký tự, vì vậy bạn nên đảm bảo về số lượng ký tự (có thể bằng hoặc nhỏ hơn)
  3. Sử dụng từ khóa. Văn bản thay thế cũng tạo cơ hội để bao gồm các từ khóa mục tiêu trên một trang của bạn và do đó, cũng giúp các công cụ tìm kiếm hiểu được bạn đang muốn truy vấn một cho một tìm kiếm cụ thể. Mặc dù ưu tiên đầu của bạn phải là mô tả và cung cấp ngữ cảnh cho hình ảnh, nhưng nó sẽ tốt hơn nếu bạn có bao gồm từ khóa chiến lược của mình vào đấy.
  4. Tránh nhồi từ khóa. Google sẽ không đánh giá cao cho một văn bản thay thế kém, điều này có nghĩa là các alt của bạn bị nhồi nhét quá nhiều từ khóa và không cung cấp bất kỳ ngữ cảnh nào cho hình ảnh. Do đó, hãy tập trung vào tạo Văn bản thay thế cung cấp ngữ cảnh cho hình ảnh và chỉ thêm từ khóa mục tiêu khi phù hợp.
  5. Tránh dùng văn bản trong hình ảnh. Đây không phải là phương pháp hay nhất cho alt text mà còn là nguyên lý phát triển web thân thiện với SEO chung. Bởi vì công cụ tìm kiếm không thể đọc văn bản trong hình ảnh của bạn, bạn nên tránh sử dụng hình ảnh thay Văn bản thay thế. Nếu bạn phải làm như vậy, hãy kèm theo giải thích ảnh trong alt text.
  6. Tránh dùng nhiều cụm “hình ảnh của”, “bức ảnh của”,… trong alt text. Hình ảnh được sử dụng đã được giả định rằng nó đang tham chiếu đến một hình ảnh rồi, vì vậy không cần phải chỉ định nó nữa mà hãy sử dụng alt giải thích chi tiết cho hình ảnh.
  7. Sử dụng thẻ longdesc=””. Việc này cực kỳ hữu ích khi bạn có các hình ảnh phức tạp và cần mô tả dài hơn.
  8. Đừng quên dùng alt cho các nút Form. Nếu một biểu mẫu trên trang web của bạn sử dụng hình ảnh làm nút “gửi”, hãy cung cấp cho nó một thuộc tính alt. Các nút hình ảnh phải có thuộc tính alt mô tả chức năng của nút như, “tìm kiếm”, “đăng ký ngay”, “đăng ký”, v.v.

Một số Alt Text được đánh giá cao

Lấy hình ảnh cho ví dụ cụ thể:

Hình ảnh ví dụ cho alt text
Hình ảnh ví dụ cho alt text
Tạm được: img src="bird.png" alt="Gà trống"
Được: img src="bird.png" alt="Già trống gáy"
Đánh giá cao: img src="bird.png" alt="Gà trống màu đỏ đang gáy"
Cách tạo alt text được đánh giá cao
Cách tạo alt text được đánh giá cao
Tạm được: img src="escalator.jpg" alt="người đàn ông trên thang cuốn"
Được: img src="escalator.jpg" alt="người đàn ông đang đi bộ trên thang cuốn>
Đánh giá cao: img src="escalator.jpg" alt="người đàn ông mang balo đang đi bộ trên thang cuốn"
Ví dụ alt text về công cụ SEMrush
Đánh giá tổng quan Website từ công cụ SEMrush
Tạm được: img src="kwe.png" alt="tổng quan tên miền"
Được: img src="kwe.png" alt="đánh giá tổng quan tên miền"
Đánh giá cao: img src="kwe.png" alt="đánh giá tổng quan tên miền toponseek từ công cụ SEMrush"
Nếu bạn đang tìm kiếm một nơi cung cấp dịch vụ SEO uy tín, chuyên nghiệp, phù hợp với nhu cầu của bạn thì Top On Seek là lựa chọn tuyệt vời. Với đội ngũ chuyên gia có kiến thức chuyên sâu về SEO, chúng tôi luôn tự tin mang đến cho Website của bạn những giải pháp SEO toàn diện nhất!
Vui lòng liên hệ trực tiếp hoặc để lại thông tin TOS sẽ nhanh chóng gọi và tư vấn chi tiết cho bạn.

Nguồn tham khảo: moz.com

Thông tin tác giả

Là một SEO Content, tôi nhận thức được rằng để truyền tải cho người đọc những nội dung bài viết đạt chuẩn cao, thông điệp chất lượng cũng như các tin tức và thuật toán mới nhất về SEO. Bản thân tôi phải luôn cố gắng trau dồi mỗi ngày, chủ động cập nhật các nguồn thông tin về SEO thường xuyên và nhanh chóng mang đến cho độc giả những bài viết Content hữu ích và chuẩn SEO nhất.

Bài viết liên quan

Miễn phí kiểm tra lỗi SEO













Nhận báo giá SEO

Cần dịch vụ SEO?

 Tư vấn chiến lược SEO

Liên hệ

 Viết Content SEO

 Viết Content SEO

Liên hệ

KIẾN THỨC SEO NỔI BẬT

(GMB) Google My Business là gì: Cách tạo và tối ưu cho doanh nghiệp

Những năm gần đây, Google My Business (GMB) – Doanh nghiệp của tôi – không chỉ là một yếu tố ...

25/10/2020

TopOnSeek

Ahrefs là gì? Cách dùng Ahrefs để tối ưu SEO

Ahrefs là công cụ xây dựng liên kết SEO được phổ biến trên trang web hiện nay. Vậy Ahrefs là ...

09/09/2020

Thảo Phạm

SEMrush: Hướng dẫn sử dụng SEMrush từ A-Z

SEMrush là gì? SEMrush là gì? SEMrush là một công cụ phân tích các chỉ số của website và SEO ...

19/11/2019

Hiền Trần

KIẾN THỨC SEO MỚI NHẤT

Link Spam Update: Google cập nhật chuẩn Backlinks mới nhất

Google bắt đầu tung ra “link spam update”, giúp các thuật toán xác định và vô hiệu hóa spam liên ...

27/07/2021

Trương Ánh

Youtube algorithm – 20 sự thật đã được xác nhận về thuật toán Youtube

Youtube algorithm – thuật toán Youtube đã thay đổi rất nhiều trong vài năm qua để dần trở nên phù ...

26/07/2021

hoanganh

Google shopping, hướng dẫn cách tạo chiến dịch quảng cáo

Google shopping là nơi mang lại lợi ích cho các nhà bán lẻ vì khi người mua hàng nhấp vào ...

26/07/2021

Trương Ánh