Tự động tạo thuộc tính alt và title cho Website/Blogspot chuẩn SEO

Tweet

Thủ thuật sau đây nhằm giúp bạn tự động tạo ra các thuộc tính Alt và Title cải thiện SEO cho Website/Blogspot, Đây là 1 đoạn JavaScrip rất gọn nhẹ, khi bạn tích hợp vào Website của bạn, nó sẽ tự động thêm các thuộc tính Alt và Title bằng chính tên File ảnh nhé. Vậy nên, các bạn muốn theo ý mình thì tốt nhất nên Đặt tên File ảnh lại nhé.




Ví dụ: Mình có 1 File ảnh là anh_tac_gia_thaiaiti.jpg thì khi đó Alt và Title sẽ hiển thị là anh_tac_gia_thaiaiti




Cách thực hiện thủ thuật này khá đơn giản, bạn chỉ cần chèn đoạn Code sau trên </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4' 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('.')));
});
});
//]]>
</script>
-  Với các thuộc tính Alt và Title, ở bài sau ThaiAiTi sẽ hướng dẫn các bạn thêm 1 cách đặt 2 thẻ này 1 cách thủ công nhưng cực kỳ hiệu quả và chuẩn Seo Google nhé. Bạn xem bài sau tại đây