Tự động thêm alt và title cho hình ảnh blogspot

Seo hình ảnh là một kỹ thuật không thể xem thường bởi sự ảnh hưởng mạnh mẽ của nó đến việc tăng thứ hạng website của bạn đặc biệt là trong seo blogspot. Ở bài hướng dẫn cách seo hình ảnh cho blogspot tôi đã nhắc đến việc thêm alt và title cho hình ảnh và việc này cũng có cách đơn giản hơn bằng việc sử dụng auto đấy các bạn biết chưa.

Nên xem : Cách xóa chữ cung cấp bởi blogger

Auto thêm alt và title cho hình ảnh trên blogpsot

Tự động thêm alt và title cho hình ảnh blogspot

Thực hiện công việc này khá đơn giản các bạn chỉ việc thêm đoạn code bên dưới ngay trên thẻ </body> trong templates blogspot của  bạn là xong

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<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>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>

Sau đó lưu mẫu lại và kiểm tra thành quả nhé.
Kết luận : Đây cũng là một kỹ thuật seo onpage blogspot mà bạn cần chú ý làm tốt để quá trình tự học seo đạt hiệu quả cao.