Thêm thẻ title và alt cho ảnh tự động trong blogger

Như chúng ta đã biết, thẻ title và alt cho ảnh là vô cùng quan trọng khi seo onpage. Trong bài viết này, mình sẽ hướng dẫn các bạn cách thêm thêm thẻ title và alt cho ảnh tự động trong blogger

Cách thêm thẻ title và alt cho ảnh tự động trong blogger

Cụ thể, đoạn code này sẽ tự động lấy tên hình ảnh làm thẻ title và alt cho ảnh 1 cách tự động. Chính vì thế, bạn phải đặt tên ảnh thật phù hợp trước khi upload

CÁCH THÊM THẺ TITLE VÀ ALT CHO ẢNH TỰ ĐỘNG TRONG BLOGGER

1. Đăng nhập vào blog

2. Chọn mẫu (template)

3. Chọn chỉnh sửa HTML.

4. Chèn dưới đây trước thẻ </body> :

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

5. Save lại

CÁCH THÊM THẺ TITLE VÀ ALT CHO ẢNH BẰNG TAY

Đầu tiên bạn upload hình ảnh vào bài viết, sau đó ấn vào hình và chọn như hình dưới

Sau đó bạn nhập thẻ title và alt cho ảnh

Lời kết

Như vậy, bạn đã hoàn thành việc thêm thẻ title và alt cho ảnh tự động trong blogger. Từ giờ trở đi, mọi hình ảnh trong blog của bạn sẽ thân thiện hơn với google rất nhiều