Mạch Khóa Số Điện Tử Mạch Đếm Sản Phẩm Mạch Đèn giao thông Ngã Tư Mạch Trái Tim Final Mạch Trái Tim Final Mạch Trái Tim I Love U

January 6, 2012

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



Demo nhìn vào ảnh



Chắc hẳn các webmaster đều muốn blog và website của mình được seo tốt. Và họ dùng rất nhiều thủ thuật để hỗ trợ việc đó. Đối với các hệ thông hiện đại như wordpress hay joomla thì có rất nhiều plugin hỗ trợ. Nhưng đối với Blogger(blogspot) thì khác nó không được dễ dàng như vậy.
Trong nhưng thủ thuật SEO thì seo media cũng rất quan trọng, ở đây mình nói đến Seo Image, do đó để toàn diện hơn bạn nên thêm tiện ích này vào cho blog của mình.




Nhắc đến thẻ ALT là các SEOER nghĩ ngay đến 1 tag rất quan trọng của hình ảnh. Nó thông báo cho google biết đó là hình ảnh 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

Trích: tainguyenmang.com
Nó làm việc như thế nào?
     * Scripts này sẽ tự động lấy tên của image đó để chèn vào thẻ "alt" và "title"



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


<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 chúng ta có nhiều hình ảnh, code loàng ngoằng hoạc khi chúng ta lười :D.
Do đó thay vì chèn thủ công cho những lần post bài, bạn chỉ việc chèn đoạn code sau vào trước thẻ </body>để sử dụng mãi mãi cho các lần post tiếp theo mà ko cần chèn thủ công!



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
 <script src='http://hieuzcom.googlecode.com/files/hieuz_auto_alt_img.js' type='text/javascript'/> 




Do vậy khi ta viết bài, hãy đặt tên cho những bức ảnh của bài viết sao cho thật liên quan, và đó cũng chính là từ khóa để SEO tìm đến bạn!



Chúc các bạn thành công!!nếu bài viết hay thì viết lời cảm ơn nhé?


Tham khảo hieuz.com

5 comments:

Võ Quốc An said...
17/3/12

Hay thiệt. Một thủ thuật cải thiện khá nhiều cho việc seo blog. một điểm yếu mà blogspot chưa khắc phục được. Like :))

Elvis Anh said...
3/4/12

=D>:) Thủ thuật hay, mình đã áp dụng cho blog.:D

Đại Nguyễn said...
29/9/12

bạn ơi mình copy dòng code đó vào nhưng nó báo lỗi ở phần slide ảnh của mình : k hiện thông tin ở trên cái slide đó và slide k chạy luôn.hix

Hiếu Nguyễn Quang said...
24/1/13

Mình áp dụng nhưng nó ko hiện gì cả ko thấy nó hiện thua luôn ko hiểu tại sao

Chip Kool said...
24/1/13

@Hiếu Nguyễn QuangMình từng áp dụng ngon nhưng giờ Blogspot cải tiến gì nên áp dụng cũng chẳng được nữa.

Post a Comment

Bạn đọc hãy giúp chúng tôi xây dựng cộng đồng bằng cách để lại bình luận, chúng tôi luôn đón nhận mọi ý kiến của các bạn:
» Bình luận nghiêm túc và không chứa các liên kết quảng cáo.
» Vui lòng không Spam nhận xét với mọi hình thức.
» Rất mong bạn đề tên cho nhận xét của chính mình - Bằng cách chọn vào Tên/URL và điền tên bạn vào (Phần URL có thể bỏ trống ).

- Bạn có thể chèn Link nhạc (NCT), video(Youtube),Hình ảnh vào comment bằng cú pháp:
+ [youtube] Link video Youtube [/youtube].
+ [img] Link ảnh( định dạng PNG, JPG,GIF) [/img]
+Chèn link liên kết: <a href="LINK" rel="nofollow">Name</a>
-Bạn copy mã bên cạnh biểu tượng chèn vào nhận xét để bày tỏ cảm xúc!!

:) :( :)) :(( =)) =D> :D :P