Plugin Tự động thêm thuộc tính Alt Text và Title vào Hình ảnh cho Blogger

Plugin Automatically add Alt text and Title on Image for Blogger

Như các bạn đã biết Alt text - Văn bản thay thế và Title - Tiêu đề là khá quan trọng trong SEO-Onpage và trở nên thân thiện hơn trong con mắt các công cụ tìm kiếm. Và với plugin sau đây bạn có thể thêm Alt text và Title một cách tự động. Cụ thể plugin này sẽ dựa trên tên của hình ảnh làm thành Alt text và Title, vì thế bạn hãy chú ý cách đặt tên cho hình ảnh trước khi upload nhé.

Cách thực hiện

1Vào Mẫu >> Chỉnh sửa HTML và thêm đoạn code dưới đây trước thẻ </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>  
 <script type='text/javascript'>  
 //<![CDATA[  
 $(document).ready(function() {  
  $('img').each(function(){  
   var $img = $(this);  
   var filename = $img.attr('src')  
   $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  
   $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  
  });  
 });  
 //]]>  
 </script>

Thêm thủ công

Ngoài ra các bạn có thể thêm Alt text và Title cho hình ảnh một cách thủ công bằng cách

1Khi upload hình ảnh bạn click vào hình ảnh và chọn Thuộc tính.

2Tiếp theo là ghi tiêu đề cho hình ảnh.

Kết

Vời cách trên hy vọng bạn đã có được những Alt text và Title ưng ý cho blog của mình.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm