Auto chèn thẻ Alt và Title cho ảnh trong blogspot

Posted On / Leave a Comment

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, mình sẽ giới thiệu thu thuat blogspot hay cho các bạn.


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

MÃ: CHỌN TẤT CẢ
<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!

MÃ: CHỌN TẤT CẢ
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
 <script src='http://tonghop24.com/tam/auto_alt_title_img.js' type='text/javascript'/>

Hình ảnh
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 để SE tìm đến bạn!


Tham khảo thêm: 

Tối ưu hóa thẻ Alt và Title Image cho hình ảnh


Rất nhiều Webmaster không nhận thấy sự khác nhau giữa thẻ alt và title. Trong bài viết này vietSEO sẽ cùng các bạn tìm hiểu sự khác nhau cơ bản giữa thẻ alt image và title image và cách sử dụng chúng.
Code:
<img scr=”hinh-anh.jpg” alt=”mo-ta-hinh-anh” title=”tieu-de-hinh-anh”></img>
Alt text có nghĩa là alternative information – thông tin thay thế cho người dùng không hiển thị được hoặc chọn ẩn hình ảnh trong trình duyệt hoặc đơn giản là các user agents không có khả năng hiển thị hình ảnh. Thẻ alt mô tả hình ảnh nhằm cung cấp thông tin cho những người dùng vừa kể trên như các bạn có thể quan sát qua hình minh họa bên cạnh.
Nếu không có thẻ alt cho hình ảnh, trình duyệt Internet Explorer hay Firefox sẽ hiển thị một biểu tượng rỗng lỗi. Năm ngoái, Google đã chính thức tuyên bố rằng máy tìm kiếm sẽ tập trung vào phân tích văn bản trong thẻ alt để hiểu rõ hơn nội dung của tệp tin ảnh.
Title image công cấp thông tin bổ sung (additional information) và tuân theo các chỉ dẫn về tiêu đề : phải ngắn gọn, miêu tả chính xác, hợp lý. Ví dụ trong Internet Explorer hay Firefox, bạn sẽ thấy hiển thị như sau khi lướt chuột qua file hình ảnh :

Qua các thông tim trên, chúng ta có thể rút ra kết luận rằng :
  • Cả hai thẻ alt và title đề quan trọng đối với người dùng mặc dù thẻ alt có tỏ ra quan trọng hơn đối với máy tìm kiếm. Chúng đều cung cấp thông tin về hình ảnh nhằm khuyến khích người dùng hiển thị chúng.
  • Theo chuẩn W3C thì thẻ title không bắt buộc, trong khi đó thẻ alt được khuyến nghị. Thẻ alt còn góp phần giúp tăng khả năng truy cập cho người dùng khiếm thị (accessibility ) bao gồm cả các máy tìm kiếm như đã nói ở trên.
  • Hãy thêm các từ khóa liên quan tới hình ảnh trong cả hai thẻ nhưng văn bản trong cả hai thẻ phải khác nhau. Việc nhồi nhét từ khóa và trong thẻ alt và Title sẽ không mang lại lợi ích gì, hãy tìm các từ khóa chính xác phản ảnh đúng nội dung hình ảnh. Nên bỏ thời gian ra tối ưu hóa các thẻ hình ảnh vì nó sẽ mang lại cho các bạn lượng tìm kiếm hình ảnh từ Google Images .
  • Thêm một điểm quan trọng các Webmaster cần lưu ý là khi sử dụng các banner cỡ lớn trong phần header, thì phần mô tả alt của banner đóng vai trò quan trọng góp phần giúp Google hiểu thêm nội dung của Website.

Quảng cáo

0 nhận xét:

Đăng nhận xét