Thêm mô tả tự động cho ảnh trên blog/web ~ Ngoc Anh

Tự động thêm mô tả cho ảnh trên blogspot , là một thủ thuật rất hay mà nhiều bạn làm blog không nghĩ tới , chưa biết tới nó để có thể làm đư...

Blogspot+ Seo-blog+ Thu-thuat-blog

Tự động thêm mô tả cho ảnh trên blogspot , là một thủ thuật rất hay mà nhiều bạn làm blog không nghĩ tới , chưa biết tới nó để có thể làm được thủ thật này mình sẽ hướng dẫn các bạn qua các bước bên dưới nhé.

Thêm mô tả tự động cho ảnh trên blogweb

Bạn đang tìm cách để tự động thêm mô tả cho ảnh trên blogspot?Hôm nay mình sẽ publish js tự động thêm mô tả cho hình ảnh áp dụng trên blogspot! Tự động thêm mô tả cho ảnh trên blogspot
Thủ thuật này rất tốt cho SEO, vì tất cả hình ảnh trên blog sẽ auto thêm mô tả (alt) và tiêu đề (title) cho hình ảnh (img), bạn sẽ không cần thêm mô tả bằng tay cho từng ảnh trong bài viết khi đăng một ảnh nào đó. Thử nghĩ xem với một bài viết có đến mấy chục ảnh mà bạn phải ngồi thêm từng ảnh 1 như vầy thì khá là tốn thời gian đúng không?

TẠI SAO NÊN DÙNG?

Hình ảnh trên blog cũng chiếm một lượng traffic nhất định cho site của bạn từ các công cụ tìm kiếm bởi vì từ khóa tìm kiếm đó liên quan đến hình ảnh là chủ yếu. Đối với những site chia sẻ hình ảnh thì đây là một thủ thuật tuyệt vời.

BẮT ĐẦU CÀI ĐẶT

CÁCH I:

Bước 1: Vào Mẫu > Chỉnh sửa HTML
Bước 2: Tìm đến thẻ </body> và thêm đoạn js sau lên trên nó.

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

CÁCH II :

Các bạn cũng thực hiện như bước 1 và bước 2 ở trên nhé .

<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('.')));
});
});
//]]>
</script>

Bước 3: Lưu mẫu và kiểm tra bằng các công cụ SEO nhé ;)
Với thủ thuật này mình nghĩ chắc chắn các bạn sẽ bới được rất nhiều thời gian khi them mô tả cho ảnh , đặc biệt đối với các bạn làm về site ảnh thì thật là tuyệt vời.