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 bloggerTì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ì?
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
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ủ đề :
Post a Comment