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.

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

#Code 1

<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('.')));
$img.attr('title', filename.replace("+"," "));
});
});
//]]>
</script>

#Code 2

$('img').each(function(){
  var bn=$(this).attr('src').replace(/[0-9]|^.*\/|\.[^.]*$/g, '').replace(/[\+|\-]/g,' ');
  $(this).attr('title', bn).attr('alt',bn);
});

#Code3

//Auto Add 'alt' attribute to IMG
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
}); 
 //Auto Add 'title' attribute to IMG
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});

Sau đó lưu mẫu lại và kiểm tra thành quả nhé.

Đoạn Javascript trên sẽ tự động thêm thẻ Alt và Title cho tất cả các hình ảnh trong Blog, kể cả những hình ảnh đã được post trước đó. Nội dung của hai thẻ này chính là tên của hình ảnh
Lưu ý thư viện Jquery template có sẵn rồi thì xóa đi nhé

Blogger Tips

https://severphim.blogspot.com/2018/08/tu-ong-them-alt-va-title-cho-hinh-anh.html

Previous Post

Next Post

Top Post