TỰ ĐỘNG THÊM THẺ ALT VÀ TITLE CHO HÌNH ẢNH TRONG BLOGSPOT

Như các bạn đã đọc trong bài viết Hướng dẫn tối ưu SEO cho Blogspot, thì việc thêm thẻ alt và title là 1 điều thực sự cần thiết cho những ai quan tâm đến SEO hình ảnh, tuy nhiên nếu blog của bạn có quá nhiều hình ảnh thì việc thêm alt và title thủ công sẽ khá là mệt :D vì vậy trong bài viết này mình sẽ giới thiệu với các bạn cách tự động thêm thẻ alt và title cho hình ảnh trong Blogspot.

Tự động thêm thẻ alt và title cho hình ảnh

Để thực hiện được điều này, việc bạn phải làm đơn giản chỉ là thêm 1 đoạn script vào template Blogspot.
Đăng nhập vào Blogspot, trong tab Template, chọn Edit Html.
Sau đó bạn tìm thẻ đóng </body> và thêm đoạn script dưới đây vào bên 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'>
$(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'>
$(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>
Sau đó chọn Save Template và bạn đã hoàn thành công việc rồi :D
Tuy nhiên việc tự động thêm thẻ alt và title này có thể mang lại những hiệu ứng không mong muốn, vì vậy hãy đọc qua phần những lưu ý của mình dưới đây:

Lưu ý

  • Đoạn mã Script trên sẽ lấy tên của ảnh làm thẻ title và alt của chính bức ảnh đó, vì vậy hãy nhớ đổi tên ảnh trước khi upload, nếu không 1 thẻ trên sẽ không được tối ưu như mong muốn.
  • Đoạn script trên sẽ làm chậm tốc độ tải trang của Blogspot đi trông thấy vì vậy hãy chắc rằng bạn đã tăng tốc cho Blogspothttp://www.cuahangtemplate.com/ và việc tự động thêm thẻ title và alt trên là điều cuối cùng bạn có thể làm, nếu không bạn nên tự thêm 2 thẻ này 1 cách thủ công.
  • Đoạn script trên có thể gây xung đột với Json Label Widget (1 widget giúp hiển thị bài post tại trang chủ theo label) và 1 số widget khác, vì vậy khi thực hiện xong các bạn nên quay lại blog của mình và xem có widget nào bị mất đi không :D

Lời kết

Đây chỉ là 1 thủ thuật đơn giản nhưng nó có thể giúp bạn tiết kiệm được khá nhiều thời gian với việc tối ưu SEO cho hình ảnh. Chúc blog các bạn phát triển hơn nữa!!

Không có nhận xét nào:

Đăng nhận xét

cảm ơn bạn đã đọc bài viết!
-hãy viết nội dung dễ đọc,tránh lời lẽ thô tục
-vui lòng không spam comment hoặc comment nặc danh
-mọi thắc mắc nếu chưa được giải đáp kịp thời xin liên lạc qua số 0167 561 3351
Thanks You!

MUA HÀNG: YAHOO: cuahangtemplate -
BACK TO TOP