Tự động thêm thuộc tính Alt - Title cho thẻ IMG - Blogspot

Tự động thêm thuộc tính Alt - Title cho thẻ IMG - Blogspot

Tự động thêm thuộc tính Alt - Title cho thẻ IMG - Blogspot. Bạn khá lười trong việc thêm thuộc tính cho Alt và Title cho thẻ ING.Bạn đang cần tìm code tự động thêm thuộc tính Alt - Title cho thẻ IMG - Blogspot. Sau đây mình xin chia sẻ code tự động thêm thuộc tính Alt - Title cho thẻ IMG - Blogspot cho các bạn.


Nhắc đến thẻ Alt,Title là các SEOER nghĩ ngay đến việc SEO hình ảnh vì google thông qua các thuộc tính alt và title đó để có thể biết hình ảnh đó nói về cái 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.

Việc thêm các thuộc tính Alt - Title này đôi khi sẽ làm chúng ta mất rất nhiều thời gian cho việc thêm vào phần mô tả này nếu ta viết 1 bài viết có rất nhiều ảnh và mỗi ảnh lại cần có Alt - Title khác nhau. Một thủ thuật nhỏ sử dụng 1 đoạn mã javascript bên dưới  sẽ giảm bớt phần nào trong quá trình phát triển web. Đoạn script dưới đơn giản là lấy luôn tên của ảnh làm phần gợi ý để thêm vào thuộc tính của thẻ "ALT" & "TITLE" của bất kỳ bức ảnh nào.

Cách thêm code Tự động thêm thuộc tính Alt - Title cho thẻ IMG - Blogspot như sau:

B1: Bạn đăng nhập blog ==> Vào phần mẫu ==> Chỉnh Sửa HTML ==> Tìm thẻ </body> (tìm bằng cách Ctrl + F tìm với từ </body>)

B2. Paste đoạn code này vào trên thẻ </body>

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

Save template lại và xem kết quả. (Nhưng nếu bạn quan tâm đến SEO hình ảnh và không quá lười thì mình nghĩ bạn lên tự mình viết thì vẫn hay hơn)

Chú ý: Đoạn script trên lấy luôn tên của ảnh để để thêm vào thuộc tính của thẻ "ALT" & "TITLE"  vì vậy bạn cần chú ý đặt tên ảnh cho phù hợp

Chúc các bạn thành công !


Share this product :

+ comments + 1 comments

October 25, 2013 at 3:12 AM

XIn Giúp đỡ, mình làm như trên nhưng nó báo.
Lỗi khi phân tích cú pháp XML, dòng 2392, cột 4 (vi tri naay: //<=!=[=C=D=A=T=A=[)
và hiện tại ảnh của mình cũng bị lỗi luôn
http://www.cafetinhnhan.vn/2013/10/vi-sao-phu-nu-khong-thich-ban-chuyen-ong.html

Post a Comment

 
Template Created by | Mr.Lardoo@Gmail.com | Chothuexepro.blogspot.com
Copyright © 2012. Cho Thuê Xe - All Rights Reserved | Cho Thue Xe |
Hà Nội : Tòa Nhà Thành Hưng – 104.106 Nguyễn Văn Cừ -Q. Long Biên
TP.HCM: Số 1 đường Huỳnh Văn Nghệ - P.12 - Q.Gò vấp
SĐT:(04)23.213.213 – (08).62.950.950 | Hotline: 0923.583.583 – 0924.338.338