Thứ Tư, 14 tháng 1, 2015

Tự động chèn thẻ Alt và Title cho ảnh trong blogger

chúng ta sẽ tìm hiểm về cách tự động chèn thẻ alt và title cho ảnh trong blogger, thêm thẻ alt và title cho blogger là công việc quan trọng nếu bạn chú trọng về vấn đề seo blogger
Tìm đến bài viết này chắc hẳn mọi người đều hiểu tầm quan trọng của việc thêm thẻ Alt và Title vào trong onpage của blogger đúng không?
Tôi nói sơ qua qua về tác dụng của việc thêm thẻ Alt và Title vào bài viết trong blogger..

Thẻ ALT là gì?

tu dong chen the alt va title cho anh trong bai viet blogspot,tự động chèn thẻ alt vào ảnh trong blogspot

Nếu bạn đã từng làm Web hoặc làm Blog thì chắc chắn một điều rằng bạn đã từng chèn một tấm ảnh nào đó vào trang web hoặc blog của mình để làm nội dung được sinh động hơn,trực quan hơn... Tuy nhiên, bạn đã từng nghe nói đến thuộc tính ALT trong thẻ IMG?

Thông thường, người ta chỉ quan tâm tới 1 thuộc tính quan trọng của thẻ IMG là thuộc tính src cho biết đường dẫn của thư mục, cùng lắm thì thêm border để xác định độ dày của border image, và nhiều lắm thì thêm thuộc tính Width và Height mà rất ít khi để ý tới thẻ ALT.
Dưới đây là 1 ví dụ của thẻ IMG thường được sử dụng
< img src=”đường dẫn của file hình” border=”0″ width=”300″ height=”300″/>

Tóm gọn lại là Thẻ alt trong bài viết blogger thì không thể thiếu nếu bạn muốn nâng thứ hạng bài viết của mình trong công cụ tìm kiếm google

Làm thế nào để Tự động thêm thẻ Alt và title cho ảnh trong blogger

Trong bài viết này tôi sẽ hướng dẫn cho mọi người cách chèn tự động thẻ Alt và title vào ảnh, mỗi khi các bạn viết bài viết ở blogger thì tự động sẽ thêm các thẻ alt và title vào ảnh.

Khi ta chèn thủ công thì phải theo mẫu này:

mỗi khi các bạn upload ảnh lên blogger thì chèn theo mã bên dưới đó là thủ công.

MÃ:: <img src="http://example.com/images.jpg" ALT="IMAGE NAME" TITLE="Title name">

Nhưng đó sẽ là ác mộng nếu như bài viết của các bạn có rất nhiều ảnh thì việc thêm thủ công sẽ vất vả hơn nhiều đó, nếu bạn là người không có nhiều thời gian thì việc chèn nhiều như vậy cũng khiến bạn đau đầu. chính vì lý do đó trong bài viết này tôi sẽ hướng dẫn mọi người thay vì post bài chèn thẻ alt thủ công bằng việc tự động chèn thẻ cho mỗi lần post bài

bạn vào html trong blogger sử dụng lệnh tìm Ctrl +F tìm đến thẻ <body>
và chèn mã sau vào trước thẻ <body>

MÃ:: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='https://phucnguyennit.googlecode.com/svn/auto_alt_title_img.js' type='text/javascript'/>

Giải thích thêm đoạn mã trên
khi sử dụng code trên thì mỗi lần post bài và trong bài có nội dung là hình ảnh thì tự động code sẽ lấy url của đường dẫn ảnh làm thẻ alt

auto chèn thẻ alt vào ảnh trong blogger,tự động chèn thẻ alt vào blogger,auto chèn thẻ alt vào blogger,code tự động chèn thẻ alt vào ảnh vào blogger

vì vậy mỗi lần post bài có hình ảnh bạn nên đặt link hình ảnh theo dạng sau
vd hình ảnh trong bài viết này tôi sẽ đặt như sau

tu-dong-chen-the-alt-va-title-cho-anh-trong-blogger

và tôi post lên blogger thì sẽ có dạng sau :
http://4.bp.blogspot.com/-pn-IT/-ht7/txtPinfh/AAAAAAAAAAA/wtfCtinag/s1600/tu-dong-chen-the-alt-va-title-cho-anh-trong-blogger.jpg

Phần chữ đỏ kia sẻ thể hiện cho thẻ Alt

Chúc các bạn thành công với thủ thuật Tự động chèn thẻ Alt và Title cho ảnh trong blogger

Các bài viết cùng chủ đề :

5 Tối ưu hóa thẻ Meta Description cho Blogger cực chuẩn
6 Sửa lỗi xuống dòng ở blogspot khi duyệt trên google chrome
7 Đóng khung và tạo thanh trượt kéo cho bài viết trong blog
8 Fix lỗi chèn quảng cáo adsense vào blogspot không hiển thị

Popular Posts

Tự động chèn thẻ Alt và Title cho ảnh trong blogger