Alt Text là gì? Thuộc tính không thể thiếu trong tối ưu thứ hạng SEO

Khi thực hiện một bài viết chuẩn SEO, bạn sẽ cần phải thực hiện rất nhiều bước để tối ưu thứ hạng bài viết của mình và Alt Text cũng là một nhân tố ảnh hướng đến hiệu quả SEO của bạn. Vậy cùng Media Gyancy tìm hiểu sâu hơn về Alt Text là gì cũng như cách để tối ưu Alt Text một cách hiệu quả.

ALT Text là gì?

Alt text (Alternate Text) được gọi là văn bản thay thế, đây là một đoạn mô tả văn bản có thể được thêm vào thẻ HTML của một hình ảnh trên website.  Mặc dù Alt Text cũng là phần mã của HTML nhưng nó chỉ mô tả nội dung hình ảnh có trong Alt chứ không phải toàn bộ thuộc tính của thẻ Alt.

(Nguồn: Trích dẫn trực tiếp từ Wiki)

Thẻ Alt là gì?

Thẻ Alt còn được gọi là “mô tả Alt” là một thuộc tính HTML được áp dụng cho thẻ hình ảnh để mô tả ngắn gọn nội dung của hình ảnh đó. Thẻ Alt giúp Google hiểu hơn hình ảnh này đang đề cập tới vấn đề gì và từ đó trả lại kết quả cho người dùng chính xác nhất.

Lợi ích của Alt Text đem lại

Lợi ích của Alt text

Thêm mô tả trong Alt Text giúp Google hiểu hơn ý nghĩa của hình ảnh

Hình ảnh còn được xem là yếu tố quan trọng để đưa website của bạn lên top kết quả tìm kiếm của Google. Tuy nhiên, nếu bạn chỉ đơn thuần đăng hình ảnh lên thôi thì Google sẽ rất khó có thể đọc được nội dung trong hình ảnh của bạn, vậy nên khi bạn thêm mô tả hình ảnh thông qua Alt Text nó sẽ giúp bạn: 

Gia tăng 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 người 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, 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. Alt Text hình ảnh đảm bảo tất cả người dùng đều có thể tiếp thu nội dung trên Website.

SEO cho hình ảnh

Sử dụng Alt trên hình ảnh có thể đem lại cho người dùng trải nghiệm tốt hơn, tạo nhiều lợi thế trong SEO. Công cụ tìm kiếm đã nâng cấp khả năng nhận dạng hình ảnh nhưng trình thu thập thông tin tìm kiếm vẫn hạn chế khả năng nhìn thấy hình ảnh của Website. Vì thế, khi bạn mô tả kỹ hơn về hình ảnh sẽ giúp cho Google hiểu một cách chính xác để xếp hạng Website của bạn.

Cách viết thẻ Alt cho ảnh

Thẻ mô tả ảnh không khó vì hầu như tất cả mọi người đều tự tìm hiểu và làm được, đa số website ngày nay đều có sẵn mục để thêm thẻ alt cho ảnh.

Bạn có thể vào kho ảnh trên website và chọn ảnh. Ở mỗi bức ảnh đều có thẻ tiêu đề, thẻ alt và thẻ mô tả. Việc của bạn rất đơn giản, chỉ cần điền hợp lệ theo các bước website yêu cầu. 

Trường hợp website không có chức năng này thì bạn nên nhờ đến đơn vị thiết kế web để thiết lập, update hệ thống ngay.

Cách viết thẻ Alt cho Ảnh

Cách viết thẻ Alt cho hình ảnh

Cách tối ưu Alt Text hoạt động hiệu quả

  1. Mô tả hình ảnh càng cụ thể càng tốt: Như đã nói ở trên, mục đích ban đầu của Alt Text là mô tả cho những người không thể nhìn thấy hình ảnh. Nghĩa là bạn cần phải cung cấp đầy đủ về thông tin của hình ảnh để giúp người dùng hiểu được ý nghĩa và giá trị.
  2. Viết 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: Mặc dù ưu tiên hàng đầu là mô tả và cung cấp ngữ cảnh, nhưng nếu bạn thêm từ khóa vào hình ảnh sẽ giúp cho Google hiểu hơn về ý định tìm kiếm của người dùng.
  4. Tránh nhồi nhét từ khóa: Có từ khóa trong Alt là điều tất yếu, nhưng nếu bạn để quá nhiều từ khóa và không thể mô tả ngữ cảnh cho hình ảnh thì Google sẽ không đánh giá cao. Văn bản thay thế chỉ thêm từ khóa mục tiêu phù hợp khi thấy phù hợp.
  5. Tránh sử dụng văn bản trong hình ảnh: Việc bạn sử dụng văn bản trong hình ảnh khiến công cụ tìm kiếm không thể đọc văn bản. Thay vì làm vậy, bạn hãy nên thêm giải thích hình ảnh trong Alt Text.
  6. Không dùng các cụm từ “Hình ảnh của”, “bức ảnh của”, trong Alt Text: bởi 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 nên không cần phải chỉ định nó là gì nữa. Điều này làm cho mô tả Alt dư thừa thông tin không cần thiết.
  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. Dùng Alt Text cho các nút Form: Biểu mẫu của bạn có chứa các nút “gửi”, hãy cung cấp thêm cho Alt Text về các nội dung mô tả chức năng như “Tìm kiếm”, Đăng ký ngay”,…

Một số vấn đề thường gặp với Alt Text hình ảnh

Vấn đề mắc phải khi sử dụng Alt Text

Một số vấn đề mắc phải khi sử dụng Alt Text

Hình ảnh bị hỏng

Hình ảnh bị hỏng thường là những hình ảnh bị bể, nhòe mờ, khiến cho trải nghiệm người dùng không bị hạn chế và khó khăn. Đặc biệt hơn, công cụ tìm kiếm của Google sẽ nhận diện trang web của bạn có chất lượng thấp, dẫn tới hình ảnh có thể ảnh hưởng đến thứ hạng trang web của bạn.

Một số nguyên nhân và cách sửa lỗi:

URL sai chính tả hoặc đường dẫn tệp không hợp lệ

Cách sửa lỗi: Bạn cần sửa lỗi đánh máy trong URL, nếu tệp hình ảnh đã được di chuyển, hãy sửa lại URL để trỏ tới vị trí hiện tại.

Hình ảnh không còn tồn tại

Cách sửa lỗi: Nếu một tệp hình ảnh bị xóa hoặc bị hỏng, hãy thay đổi nó thành một tệp mới, hoặc nếu hình ảnh không còn cần thiết nữa, hãy xóa hình ảnh đó khỏi mã HTML của trang.

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

Không gán thuộc tính Alt cho hình ảnh sẽ làm bỏ lỡ cơ hội để có thứ hạng tìm kiếm hình ảnh tốt hơn. Hơn nữa, nó không mang lại trải nghiệm người dùng tốt cho người dùng khiếm thị.

Hãy thử sử dụng công cụ audit website để kiểm tra tất cả các hình ảnh không có thuộc tính alt và khắc phục.

Lưu ý thuộc tính Alt Text trống ở đây: 

<img src=”magename.png” alt=” “>

Thay đổi điều này thành:

<imp src=”imagename.png” alt=”văn bản thay thế được viết tốt với từ khóa”>

Nếu bạn đang sử dụng WordPress thì công việc này sẽ dễ dàng hơn rất nhiều. Bài viết trên đã tổng hợp kiến thức về Alt Text là gì cũng như tầm quan trọng và cách tối ưu. Một lần nữa Media Gyancy hy vọng sẽ đem lại thật nhiều thông tin hữu ích cho bạn, cảm ơn bạn đã quan tâm theo dõi.

Mời bạn tham khảo thêm:

Sitelink là gì? Giải đáp tất tần tật về Sitelink cho bạn

CTA là gì? Tổng hợp từ A &#8211; Z những thắc mắc của bạn về CTA

Backlink là gì? Nhân tố quan trọng không thể thiếu của SEO

Chia sẻ
Tuan Tran
Kết bạn

Công ty TNHH Media Gyancy

MST:  031 602 9728

238/2 Hoàng Diệu 2, P. Linh Chiểu, Q. Thủ Đức, Tp.HCM

info@mediagyancy.com

0922 339 900

Media Gyancy