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.

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

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
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>

Xem thêm: Facebook like box pup cho blogspot

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.

Xem thêm: Thêm Số Lượt Xem Bài Viết Cho Blogger/Blogspot

Nguồn: https://www.bloghong.com
Danh mục: Thủ Thuật Blogspot

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

  1. Đỗ Mạnh Hồng says:

    Như vậy mới ổn chứ bạn, lấy title bài viết nhỡ bài viết có quá nhiều ảnh thì ảnh của bạn trùng title à =_=

Comments are closed.