Labels

[Blogger] Tự động thêm mô tả (ALT) cho ảnh trong bài viết blogspot



Thẻ ALT (Alternative Information) – là một văn bản mô tả nội dung cho hình ảnh mà bạn đăng tải. Nếu có một lý do nào đó mà hình ảnh của bạn không hiển thị được thì người dùng vẫn có thể biết được nội dung mà hình ảnh đó nói đến. Thẻ này rất quan trọng, nó giúp con bọ Google hiểu được bức ảnh của bạn nói về nội dung gì, từ đó trả kết quả tìm kiếm chính xác cho người dùng.

Thẻ ALT giúp người dùng cũng như con bọ Google hiểu được bức ảnh của bạn có nội dung là gì ngay cả khi họ không nhìn thấy hình ảnh đó do lỗi hiển thị. Một bức ảnh được ghi đầy đủ ALT sẽ dễ dàng nằm trên Top tìm kiếm hình ảnh của Google chỉ đơn giản bởi trong ALT của nó chứa từ khóa mà người dùng tìm kiếm.

Nếu hình ảnh của bạn không được viết ALT hoặc thẻ ALT được viết một cách vô nghĩa như là các con số, những ký tự không có nghĩa thì hiển nhiên rằng ảnh của bạn sẽ không có cửa được xuất hiện trên Top tìm kiếm của Google.

Khi viết bài trên blog cần đến hình ảnh đa số đều click vào mục upload ảnh nhanh trên bảng điều khiển soạn thảo của blogger, điều đó vô tình khiến ta bỏ quên đi thẻ alt. Với số lượng bài viết lớn hình ảnh nhiều mà đi sửa từng thẻ alt của từng ảnh thì rất mệt nhỉ ?

Để khắc phục tình trạng thêm bạn chỉ cần thêm 1 đoạn script tự động thêm nội dung cho thẻ alt bằng cách đẩy TÊN ẢNH vào

Sau khi đăng nhập vào blogger và vào chế độ chỉnh sửa HTML, bạn hãy tìm đến đoạn script nhúng JQuery (cái này hầu hết template đều có) và dán đoạn code sau vào bên dưới nó

<script type='text/javascript'>//<![CDATA[  
$(document).ready(function(){$("img").each(function(){var t=$(this),a=t.attr("src");t.attr("title",a.substring(a.lastIndexOf("/")+1,a.lastIndexOf("."))),t.attr("alt",a.substring(a.lastIndexOf("/")+1,a.lastIndexOf(".")))})});  
//]]></script>

Lưu lại và tất cả ảnh đều đã có thẻ mô tả cho ảnh rồi !

Nếu bạn không muốn tự động thay đổi kiểu này thì khi soạn bài hãy chuyển sang tab HTML và chèn ảnh theo cấu trúc sau
<img title="Tiêu đề ảnh" src="Link ảnh" alt="thẻ alt của ảnh" />
Đương nhiên là sẽ vất vả hơn vì thế ta nên thực hiện thay đổi tự động, và hãy chăm chút cho TÊN ẢNH cho sát với bài viết để nó nhanh lên Top của google nhé

Chúc thành công !