#1Code tự động chèn thẻ ALT vào hình ảnh cho blogspot/blogger - Seo ảnh blogspot 12/3/2012, 11:59
Đang xem:In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests
rongbay
Chia sẻ bài viết: ----------------------------
Nhắc đến thẻ ALT là các SEOER nghĩ ngay đến 1 tag rất quan trọng của hình ảnh. Nó thông báo cho google biết đó là hình ảnh gì, và nếu hình ảnh không hiển thị thì nó sẽ hiển thị là text, google rất ưu tiên những hình ảnh có thẻ ALT, thẻ này có thể chèn thủ công bằng cách chỉnh sửa tại khung soạn thảo khi chuyển qua tab HTML:
Nhưng như này thì quá bất tiện , nhất là đối với các webmaster lười , sau đây xin giới thiệu với các webmaster 1 đoạn code rất hay có chức năng tự động lấy tên của hình ảnh làm thẻ alt.
Xem demo tại đây : http://tainguyenmang-blog.blogspot.com/
Cách thực hiện:
Vào chỉnh sửa template của blogspot, chỉnh sửa html , tìm đến tag
Paste đoạn code này vào trên nó:
Save template lại và xem kết quả, giờ đây lượng traffic của bạn sẽ tăng nhiều hơn hẳn đấy.
Chúc các bạn thành công.
-----------------------------------------------
Cảm ơn bạn đã đọc bài tại:wWw.GiaoVienYenBai.7Forum.Net
Nhắc đến thẻ ALT là các SEOER nghĩ ngay đến 1 tag rất quan trọng của hình ảnh. Nó thông báo cho google biết đó là hình ảnh gì, và nếu hình ảnh không hiển thị thì nó sẽ hiển thị là text, google rất ưu tiên những hình ảnh có thẻ ALT, thẻ này có thể chèn thủ công bằng cách chỉnh sửa tại khung soạn thảo khi chuyển qua tab HTML:
HTML Code:
<img src="http://example.com/images.jpg" ALT="IMAGE NAME">
Bấm vào ảnh để xem kích thước thật và tải về máy ! |
Xem demo tại đây : http://tainguyenmang-blog.blogspot.com/
Cách thực hiện:
Vào chỉnh sửa template của blogspot, chỉnh sửa html , tìm đến tag
HTML Code:
</body>
HTML Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
$(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'>
//<=!=[=C=D=A=T=A=[
$(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>
Chúc các bạn thành công.
-----------------------------------------------
Cảm ơn bạn đã đọc bài tại:wWw.GiaoVienYenBai.7Forum.Net