Thuộc tính ALT của thẻ IMG trong HTML

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:
Ngắn gọn và súc tích: như mục đích ban đầu của thẻ alt, trong trường hợp không thể hiện được hình ảnh, trình duyệt sẽ hiển thị nội dung của thẻ alt. Mặc dù ghi chi tiết những gì liên quan tới hình ảnh có thể là 1 ý tưởng tốt, nhưng nó không phải là mục đích của thẻ Alt. Nội dung trong thẻ alt không nên dài quá 64 từ.
Hữu ích: trái với trên, thì thẻ Alt cũng không nên quá ngắn đến mức … không thể hiểu được nội dung hình ảnh đó là gì. Nội dung phải đủ dài để trong trường hợp người xem không thể thấy hình ảnh, cũng có thể hiểu được vị trí đó đang thể hiện cái gì.
Cẩn thận: alt rất quan trọng trong SEO, do đó, hãy sử dụng những từ rõ ràng, súc tích và liên quan tới keyword của trang
Không nên viết thẻ Tag chỉ để cho Search Engine: nên nhớ, thẻ Alt mục đích chính là hiển thị cho người xem trước. Vì vậy, khi đặt nội dung cho thuộc tính này, cần viết làm sao cho người đọc hiểu trước là ưu tiên số 1, sau đó mới tới SE. Một số site sử dụng thuộc tính alt như là nơi để “show” các keyword và làm tăng keyword trong trang, và điều này vi phạm các chính sách của các chương trình search, điều này sẽ dẫn đến việc Crawler Bot sẽ đưa site vào danh sách đen.

Posted in: Thiết kế web