Thuộc tính Alt trong thẻ Img là gì?

Thuộc tính Alt trong thẻ Img là gì?

Rất nhiều SEOer không nhận ra sự khác biệt giữa thuộc tính Title và Alt trong thẻ , hiểu sai chúng khiến việc SEO 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 hóa.

Alt ảnh là gì?

Thuộc tính Alt – thuộc tính alt là một thuật ngữ trong ngôn ngữ lập trình html và xhtml. Trong đó, alt là viết tắt của Alternative có nghĩa là thay thế, có thể thay thế được. Thuật ngữ này được sử dụng để đánh dấu và thể hiện văn bản mô tả hoặc siêu văn bản thay thế cho một phần tử trên trang mà bot hoặc người dùng không thể đọc được, chẳng hạn như hình ảnh. , tập lệnh java, v.v.

Ngoài ra, thuộc tính alt được sử dụng cho các tính năng giúp người mù tương tác với máy tính bằng cách tạo mô tả âm thanh mà họ có thể nghe thấy.

Văn bản thay thế là gì? Văn bản thay thế là văn bản được sử dụng để mô tả các phần tử nhất định trên trang mà người dùng không thể đọc được. Như vậy, văn bản thay thế là văn bản hoặc siêu văn bản được sử dụng để mô tả và thay thế các từ trên trang mà người dùng không thể đọc được.

Nhà xuất bản có thể tạo hoặc không tạo văn bản thay thế. Tuy nhiên, việc tạo văn bản thay thế sẽ mang lại rất nhiều lợi ích cho các trang web trong SEO, đặc biệt là các trang web sử dụng quá nhiều phần tử mà spider không thể đọc được. Google cũng khuyến khích các nhà đầu tư SEO không nên sử dụng quá nhiều hình ảnh, và nếu có thể, hãy sử dụng văn bản để thay thế nội dung của những hình ảnh đó.

Ví dụ bên dưới mình đã sửa lại đường dẫn ảnh và không tìm thấy file ảnh, nó hiển thị đoạn văn bản ngắn đó là alt.

Trên Chrome nếu bạn không bỏ Alt mà bỏ Title thì kết quả vẫn như vậy, nhưng với Internet Explorer hay Firefox thì khác, nó sẽ như thế này.

Ví dụ thuộc tính Alt

Ví dụ bên dưới mình đã sửa lại đường dẫn ảnh và không tìm thấy file ảnh, nó hiển thị đoạn văn bản ngắn đó là alt.

Trên Chrome nếu bạn không bỏ Alt mà bỏ Title thì kết quả vẫn như vậy, nhưng với Internet Explorer hay Firefox thì khác, nó sẽ như thế này.

Đoạn mã ngắn sau đây sẽ giúp hiển thị một tệp hình ảnh như hình ở đầu bài viết:

<img src=“http://dautuseo.com/wp-content/uploads/2015/07/alt-text.jpg” alt=“Ví dụ về thuộc tính alt /”>

Trong ví dụ trên, alt = ”” là thuộc tính alt của tệp hình ảnh và văn bản bên trong “” (thuộc tính ví dụ att) là nội dung của thuộc tính văn bản alt – alt.

Alt với Title của hình ảnh khác nhau thế nào?

Tiêu đề trong ảnh chỉ là dạng thông tin bổ sung, tức là thông tin bổ sung cho ảnh, thông tin này luôn bắt buộc phải ngắn gọn. Tôi thấy thuộc tính này rất quan trọng đối với thẻ , nhưng trong hình ảnh, nó dường như không làm được gì ngoài việc hiển thị một chú giải công cụ nhỏ.

Cách tạo thẻ alt cho hình ảnh

Như đã nói ở trên, viết nội dung cho alt text là cách tốt nhất để Google cũng như các công cụ tìm kiếm khác hiểu được nội dung của các phần tử html trên trang như hình ảnh, java script,… Tuy nhiên, nhà đầu tư có thể không viết và bỏ phần mô tả. gắn thẻ trống cho các loại phần tử này nếu chúng thực sự không ảnh hưởng đến nội dung trên trang. Vì việc không thêm thẻ alt sẽ khiến các bot của công cụ tìm kiếm hiểu rằng hình ảnh này không có nội dung và không ảnh hưởng gì đến nội dung trang web.

Một vấn đề quan trọng khác là văn bản thay thế cũng được sử dụng bởi các công cụ tìm kiếm để tính toán mật độ từ khóa. Do đó, nhà đầu tư nên đưa từ khóa chính vào alt text và tính toán đo lường bằng các công cụ kiểm tra mật độ từ khóa chuyên dụng để có thể kiểm tra mật độ từ khóa trong các thẻ html trên trang một cách chính xác nhất. . Đặc biệt, không nên nhồi nhét quá nhiều từ khóa vào văn bản thay thế và hãy viết nội dung cho thuộc tính này một cách tự nhiên nhất có thể.

Tóm lại, một văn bản thay thế trên trang phải có tất cả các yếu tố sau:

  • Nội dung phù hợp và phù hợp với chủ đề của bài đăng
  • Mô tả chi tiết nội dung của phần tử
  • Nên chứa từ khóa và đảm bảo mật độ từ khóa tối ưu, không nhồi nhét từ khóa vào văn bản thay thế