Thuộc tính ALT trong thẻ IMG và một số tips

Chắc hẳn ai làm web hoặc ít nhất, đã từng làm blog đã không dưới 1 lần chèn 1 cái hình vào trong 1 nội dung nào đó bằng thẻ IMG.

Dưới đây là 1 ví dụ của thẻ IMG thường được sử dụng

<img src=”đường dẫn của file hình” border=”0″ width=”500″ height=”300″ />

Thông thường, người ta chỉ quan tâm tới 1 thuộc tính quan trọng của thẻ IMG là thuộc tính src cho biết đường dẫn của thư mục, cùng lắm thì thêm border để xác định độ dày của border image, và nhiều lắm thì thêm thuộc tính Width và Height mà rất ít khi để ý tới thẻ Alt.

Tuy nhiên, thẻ alt đóng 1 vai trò quan trọng trong SEO cũng như trong việc hiển thị web. Vậy thuộc tính Alt trong thẻ IMG là gì và tác dụng như thế nào?

Đơn giản, thuộc tính Alt là thông tin sẽ được thay thế cho hình ảnh trong trường hợp hình ảnh không được hiển thị như link hình bị hỏng, đường truyền gặp vấn đề không hiển thị ảnh, hoặc đơn giản, là trình duyệt được cấu hình không hiển thị ảnh. Trong trường hợp này, thì phần text của thuộc tính alt được trình duyệt hiển thị thay vì hiển thị hình ảnh.

Ngoài ra, khi đưa chuột vào hình ảnh được hiển thị, thì 1 vùng nhỏ sẽ xuất hiện ngay dưới con chuột thể hiện nội dung của thẻ alt. Như vậy, thẻ alt còn được sử dụng để diễn tả nội dung của hình ở mức đơn giản và ngắn gọn nhất. Điều này đặc biệt hiệu quả và cần thiết đối với các biểu tượng chức năng, ví dụ như bạn đưa lên 1 hình ảnh biểu tượng để thực hiện 1 chức năng nào đó (như Print chẳng hạn), và người dùng chưa biết biểu tượng đó làm gì, họ có thể đưa chuột đến đó để xem xem nó nghĩa là gì.

Thẻ alt tag cũng đặc biệt quan trọng trong việc tăng khả năng SEO trong 1 website trên internet và đồng thời nó cũng giúp cho Google Bot quyết định có nên thực hiện crawl nội dung đó hay không.

Và dưới đây là  một số lời khuyên nếu ai đó muốn tối ưu hoá trang web của mình:

Read more Thuộc tính ALT trong thẻ IMG và một số tips