Đơn vị thiết kế webste uy tín.
Thiết kế website giá tốt nhất.
Tư vấn và quản trị website miễn phí.
Đơn vị thiết kế website uy tín.
Thiết kế website giá tốt nhất.
Tư vấn và quản trị website miễn phí.

Thuộc tính Alt và Title cho hình ảnh tối ưu như thế nào cho đúng?

Tháng 3 21, 2022
XDIGI

Rất nhiều SEOer không nhận biết được sự khác nhau giữa thuộc tính Title và và Alt trong thẻ <img> việc hiểu sai lầm về chúng khiến khả năng SEO của hình ảnh trở nên khó khăn hơn. và nội dung của bạn chắc chắn sẽ không được tối ưu.

Thuộc tính Alt của hình ảnh

Alt viết tắt của từ alternative information có nghĩa là thông tin thay thế, tức là thông tin thay thế khi hình ảnh không hiển thị được. Ví dụ ở dưới mình đã sửa sai đường dẫn hình ảnh và file hình không được tìm thấy, nó đã hiển thị đoạn text ngắn đó là alt.

Ở trên Chorme nếu bạn không để Alt mà để Title thì kết quả vẫn được như trên, tuy nhiên đối với Internet Explorer hay Firefox sẽ khác, nó sẽ như thế này.

Banner được tài trợQuảng cáo

Như vậy tầm quan trọng của ALT đối với hình ảnh là rất quan trọng. Vậy Title trong hình ảnh thì sao

Thuộc tính Title của hình ảnh

Title trong hình ảnh chỉ là một dạng additional information, tức là thông tin bổ sung cho hình ảnh, và thông tin này luôn đòi hỏi phải ngắn ngọn. Mình thấy thuộc tính này rất quan trọng cho thẻ <a> tuy nhiên ở hình ảnh nó dường như chẳng có tác dụng gì ngoài việc hiển thị một đoạn tooltip nhỏ.

Mình không chắc thuộc tính Title trong hình ảnh có ảnh hưởng đến SEO hay không nhưng một trong số điều dưới đây là những điều khiến mình tin nó không hề quan trọng.

  • Theo chuẩn HTML của W3C thì thuộc tính Title trong hình ảnh là không cần thiết trong khi đó thuộc tính Alt được khuyến khích hơn.
Thẻ IMG chuẩn của W3C

Thẻ IMG chuẩn của W3C

  • Nếu bạn vẫn muốn để cả 2 thuộc tính cho thẻ img thì khuyên là nên để 2 đoạn khác nhau, không nên trùng lặp. Năm 2012 thì phải, mình không nhớ rõ lắm. Google cũng đã nói sẽ tập trung phân tích nội dung trong thuộc tính alt để hiểu rõ về tệp hình ảnh, điều này giống như Alt là một mô tả chính xác nhất cho hình ảnh, và cho đến nay vẫn chưa có bất kỳ thông tin nào từ phía Google cho biết sẽ thu thập nội dung hình ảnh qua thuộc tính Title của hình ảnh.
  • Về khía cạnh kỹ thuật thì càng tối ưu càng tốt, càng giúp bạn tiết kiệm băng thông, tiết kiệm dung lượng, máy chủ hoạt động nhẹ nhàng hơn. Thay vì phải lấy cả thuộc tính Title thì nó chỉ cần lấy thuộc tính Alt là đủ. Nhiều trường hợp người ta dùng cả thuộc tính Title và Alt như nhau, điều này chỉ khiến nó hiển thị nhiều nội dung trùng lặp trong mã HTML mà thôi.
  • Hầu hết hình ảnh bài viết của mình đều không có thuộc tính Title mà chỉ có thuộc tính Alt thôi và dĩ nhiên Google vẫn hiểu được nội dung của nó. Và chính thuộc tính Alt này sẽ được hiển thị trên Google Hình ảnh. Dưới đây là một ví dụ về hình ảnh trên blog của mình.
Hình ảnh hiển thị trên Google với đoạn mô tả được lấy từ thẻ Alt

Hình ảnh hiển thị trên Google với đoạn mô tả được lấy từ thuộc tính Alt

Hình ảnh chỉ có thẻ Alt mà không có thẻ Title

Hình ảnh chỉ có thuộc tính Alt mà không có thuộc tính Title

Và nhắc lại luôn là Title và Alt của hình ảnh không phải là thẻ mà nhiều SEOer đều mắc phải khi gọi nó, nó là một thuộc tính của thẻ IMG, trong HTML chỉ có 1 thẻ <title> duy nhất nằm trong thẻ <head> và không có thẻ nào là <alt> cả.

Đây là toàn bộ thông tin và kết quả mình có được qua hơn gần 2 năm làm SEO, thực tế thì mình vẫn luôn để thuộc tính Alt và không để thuộc tính Title trong hình ảnh vẫn SEO hình ảnh tốt và chính xác.

Chúc các bạn thành công !