Tối ưu hóa thẻ Alt và Title Image cho hình ảnh
Phân tích sự khác biệt của thẻ alt và title image của hình ảnh, ứng dụng để tối ưu website
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.
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.
<img title="Minh họa trường hợp không dùng thẻ Alt" src="http://www.vietseo.net/wp-content/uploads/alt-image.jpg" alt="Alt image" hspace="10" width="105" height="54" align="right" />
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.
Nguyễn Hoài Nam – www.vietSEO.net
Bài viết cùng chủ đề liên quan
- Quản lý ảnh WordPress với Image Manager | Thu thuat Blog
Hướng dẫn cài đặt, sử dụng WordPress Plugin : Trình quản lý, biên tập ảnh Image Manager. - Lợi thế quảng bá Web qua liên kết trực tiếp hình ảnh
Các liên kết hình ảnh trực tiếp (image hotlinking) từ các Website khác mang lại lợi thế nhất định trong quá trình SEO, quảng bá Web
Bình luận của bạn
November 4th, 2008 at 8:21
Nội dung không mới lắm những rất cám ơn Nam đã dành thời gian để chia sẻ với mọi người. Cám ơn bạn rất nhiều.
December 23rd, 2008 at 5:20
Trong đây có nhiều bài hay quá, đáng để học hỏi.
Cám ơn bạn nhiều.
March 24th, 2009 at 9:53
Mình thấy phần nói về “alt của banner” rất bổ ích .
Cho mình hỏi : blog mình sử dụng banner cỡ lớn , và banner này để ở dạng background , vậy thì thêm alt cho nó như thế nào ???
March 28th, 2009 at 0:29
Bạn có thể dùng background bằng CSS, như thế thì phần code của IMG này không thêm vào code HTML của trang cho bọ tìm kiếm. Đây cũng là một cách làm hiệu quả để giản lược mã nguồn HTML
April 4th, 2009 at 14:32
Theo như mình tự tìm kiếm thì có đến hơn 30% nội dung trên blog mình không xuất hiện trên google Tùy chỉnh , có cách add thủ công link vào bộ máy tìm kiếm của google không ???
Mình biết là do Template ( blogspot ) của mình rối quá nên bị vậy , nên Vietseo.net có thể liệt kê dùm mình những bài hướng dẫn giúp đơn giản template không ????
April 17th, 2009 at 12:02
@NganKVN : Mình nghĩ Google đánh chỉ số khá tốt Website của bạn, những trang không hiển thị có thể là do nội dung bị trùng lặp hoặc là trang đó không được Google xếp mức quan trọng và mang lại thông tin hữu ích cho người dùng.
Đúng là templates của bạn rất rối, việc tối ưu có thể bắt đầu bằng cách xóa bỏ những thành phần không quan trọng và không có ích cho người dùng, hay chỉ mang tinh chất trang trí. Cái này chỉ làm rối code, nặng mã nguồn HTML và tăng thời gian tải trang
Tiếp đến là sử dụng tối đa CSS và nhét CSS vào một file ngoài (như vietseo.net làm), và tương tự với Javascripts. Khi bạn thực hiện được chừng đó thì cũng đã tối ưu rất rất nhiều rồi trong bước đầu.
Thân
April 27th, 2009 at 11:31
Đúng là gần đây Google đánh chỉ số Site mình khá tốt , có lẽ do các bài viết tồn tại trên trang chủ lâu hơn một ngày !!!
Vì để ý thấy là những ngày nào đăng liên tục nhiều bài , khiến những bài đó chỉ tồn tại trên trang chủ một hai tiếng thì nó ko xuất hiện trên Google luôn !!!
April 28th, 2009 at 19:59
Trước kia thử những cách này và nó rất hiệu quả trên images search của google
May 8th, 2009 at 6:33
@Ngan:Không nhất thiết đâu, như trong bài viết về tần xuất của bọ tìm kiếm thì nó phụ thuộc vào nhiều yếu tố. Trong đó tần xuất bài viết mới cũng sẽ làm tăng sự xuất hiện của bọ tìm kiếm mà.
@:Storyteller: Giờ vẫn áp dụng tốt, ngoài ra còn phải để ý đên văn bản xung quanh, nội dung trang hiển thị ảnh, v.v.