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

5/5 - (1 bình chọn)

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

Bạn Đang Xem: Tự động thêm alt và title cho hình ảnh blogspot

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
Tự động thêm alt và title cho hình ảnh blogspot

Xem Thêm : Khắc phục lỗi Blogspot lỗi trên thiết bị Android hoặc IOS

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.

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

  1. Tambehanoi says:

    Chào anh , anh ơi cho em hỏi , em thay cái : docs.google.com/forms/u/0/d/e/1FAIpQLSdiJ0U_AZpYgkaNayth-H2mUohWrlH-zP9fm7nZZxBXr1ALrw/formResponse
    mà sao em không nhận được khi khách đăng ký anh nhỉ .A xem em sai chỗ nào sửa giúp em với ạ

Comments are closed.