Một trong những cách đơn giản nhất để làm cho trang web của bạn dễ truy cập hơn là sử dụng thuộc tính alt trong thẻ hình ảnh của bạn. Thật tuyệt vời với tôi có bao nhiêu người quên sử dụng thuộc tính đơn giản này. Trong thực tế, bây giờ, nếu bạn muốn viết XHTML hợp lệ, thuộc tính alt là bắt buộc đối với thẻ img. Và mọi người vẫn không làm điều đó.
Thuộc tính ALT
Thuộc tính alt là một thuộc tính của thẻ img và có nghĩa là đại diện alt cho các trình duyệt không trực quan khi chúng đi qua các hình ảnh. Điều này có nghĩa là văn bản được sử dụng khi hình ảnh không hiển thị trên trang. Thay vào đó, những gì được hiển thị (hoặc đọc) là văn bản thay thế .
Nhiều trình duyệt cũng hiển thị văn bản thay thế khi khách hàng đặt con chuột của họ lên hình ảnh. Điều này có nghĩa là văn bản phải rõ ràng và dễ đọc và không tạo ra một cơn ác mộng lớn cho mọi người đọc tạm dừng chuột trên trang của bạn. Việc thêm văn bản thay thế rất đơn giản, chỉ cần sử dụng thuộc tính alt trên hình ảnh của bạn. Dưới đây là một số mẹo để viết thẻ alt:
Tóm tắt
Một số trình duyệt sẽ thực sự ngắt nếu văn bản thay thế quá dài. Và trong khi nó có vẻ tốt đẹp để mô tả những gì là chính xác trong hình ảnh, đó không phải là mục đích của thẻ alt. Thay vào đó, nó phải được điền chính xác các từ cần thiết để đưa hình ảnh vào ngữ cảnh và không còn nữa
Hãy rõ ràng
Đừng quá ngắn gọn đến mức bối cảnh khó hiểu. Hãy nhớ rằng, một số người sẽ CHỈ thấy văn bản trong thẻ alt của bạn, vì vậy nếu nó quá ngắn họ có thể không hiểu những gì bạn đang cố gắng để hiển thị chúng. Ví dụ:
- một cái cây - tốt
- cây sycamore - tốt hơn
- một cây sycamore cao 10 mét với phần lớn lá màu nâu và có thể có điều gì đó sai trái với vỏ cây - quá nhiều
Hãy theo ngữ cảnh
Đừng mô tả hình ảnh nếu nó có nghĩa là được xem trong ngữ cảnh. Ví dụ: Nếu bạn có hình ảnh biểu trưng của công ty, bạn nên viết "Tên công ty" chứ không phải "Biểu tượng tên công ty".
Không hiển thị các hoạt động bên trong trang web của bạn
Nếu bạn đang đưa vào hình ảnh spacer , chỉ cần sử dụng một không gian cho văn bản alt của bạn. Nếu bạn viết "spacer.gif", nó chỉ chú ý đến trang web, thay vì cung cấp thông tin hữu ích. Và về mặt kỹ thuật, nếu bạn đang cố gắng viết XHTML hợp lệ, bạn nên sử dụng CSS thay vì spacer hình ảnh, vì vậy bạn cũng có thể để lại văn bản thay thế tắt của những hình ảnh đó.
Hãy là công cụ tìm kiếm ý thức
Nếu bạn có văn bản thay thế rõ ràng, ngắn gọn, rõ ràng, điều đó thực sự có thể giúp thứ hạng công cụ tìm kiếm của bạn, vì hình ảnh trên trang của bạn quảng cáo và nâng cao từ khóa của bạn.
Không sử dụng nó chỉ cho tối ưu hóa công cụ tìm kiếm
Nhiều trang web nghĩ rằng nếu họ sử dụng văn bản thay thế như một công cụ SEO, họ có thể "đánh lừa" các công cụ tìm kiếm để tối ưu hóa trang web của họ cho một từ khóa mà họ không có ở đó. Tuy nhiên, điều này có thể phản tác dụng nếu công cụ tìm kiếm quyết định bạn đang cố giả mạo kết quả của mình và xóa bạn khỏi kết quả hoàn toàn.