Có 1 số bạn hỏi tôi qua email và Yahoo về cách hiển thị logo trên trang kết quả tìm kiếm của Google, tôi có trả lời “bạn thử tìm hiểu về Rich Snippets của Google, chắc chắn bạn sẽ làm được“. Mục đích câu trả lời của tôi là để các bạn tự tìm hiểu sẽ giúp các bạn có kinh nghiệm và hiểu rõ về nó hơn mà thôi. Nay tôi viết bài hướng dẫn này để giúp các bạn hiểu và có thể tự làm được, khi đọc xong bạn sẽ thấy nó chẳng có gì cao siêu và khó khăn cả.
Đầu tiên chúng ta cần tìm hiểu về thuật ngữ Snippets
Snippets là gì? Snippets là những dòng nội dung xuất hiện trong kết quả tìm kiếm và nằm dưới tiêu đề. Snippets được thiết kế để cung cấp cho người dùng biết những gì có trên trang web và tại sao nó liên quan đến truy vấn tìm kiếm của họ.
(Bạn có thể tham khảo thêm về Snippets tại đây: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=99170)
Quay lại vấn đề chính, để hiển thị được Logo hoặc hình ảnh bất kỳ trang kết quả tìm kiếm của Google, bạn có thể sử dụng một trong hai cách sau sau:
1. Hiển thị thông tin tác giả trên công cụ tìm kiếm
Bạn chèn đoạn sau vào website của mình:
<a href=”[profile_url]?rel=author”>Google</a>
Thay thế đoạn [profule_url] bằng địa chỉ profile Google Plus của bạn.
VD: <a rel=”AUTHOR” href=”https://plus.google.com/116814218837959173331?rel=author”>Trần Ngọc Chính</a>
Sau đó bạn truy cập link sau đây: http://plus.google.com/me/about/edit/co và click vào Add custom link để add website của bạn vào và nhấn SAVE là xong.
Bạn có thể truy cập Rich Snippets Testing Tool để test thử xem được chưa tại: http://www.google.com/webmasters/tools/richsnippets
Bạn có thể tìm hiểu thêm về nó rất đơn giản tại đây: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986
2. Rich Snippets Recipes
Rich Snippets Recipes thực ra được Google thiết kế để hỗ trợ cho các trang web cung cấp các thực đơn về các món ăn, cách chế biến, thành phần của các món ăn đó và kèm cả hình ảnh của nó nữa…
Lợi dụng đặc điểm là có hỗ trợ hình ảnh trên kết quả tìm kiếm nên một số webmaster đã ứng dụng nó vào website của mình và họ đã thành công, “bước đầu qua mặt được Google”. Khi bạn đọc đến đây chắc bạn đã hiểu được một phần vấn đề, vì vậy tôi khuyên các bạn nên bỏ ý định thực hiện việc này, vì nếu bạn đọc tiếp, bạn sẽ tò mò và muốn làm thử cho bằng được. Tôi đã cảnh báo rồi nhé, đọc tiếp hay không là quyền của bạn thôi.
Mỗi Rich Snippets (RS) đều có 3 định dạng khác nhau đó là: Microdata, Microformats, RDFa. Ở bài này tôi sẽ cung cấp cho các bạn code và cách sử dụng Microdata cho RS Recipes.
Đây là đoạn code để hiển thị Logo trên Google:
<div style=” margin-top: -1px; position: fixed; text-indent: -99999px;” itemscope itemtype=”http://data-vocabulary.org/Recipe” >
<h1 itemprop=”name”>Tên công ty của bạn</h1>
<img itemprop=”photo” src=”http://ngocchinh.com/wp-content/themes/ngocchinh/images/logo.png” />
By <span itemprop=”author”>Trần Ngọc Chính</span>
<span itemprop=”summary”>Mô tả về công ty bạn</span>
<span itemprop=”review” itemscope itemtype=”http://data-vocabulary.org/Review-aggregate”>
<span itemprop=”rating”>4.5</span> sao trên
<span itemprop=”count”>912</span>người dùng</span>
</span>
</div>
Các bạn chỉ cần sửa lại tên công ty, đường dẫn đến Logo của bạn, thông tin Author và mô tả. Sau đó bạn có thể copy đoạn code này đặt vào website của bạn.
Ở hình dưới tôi đã thay thế các thông tin trong code trên để có thể hiển thị logo trên Google, bạn cũng có thể kiểm tra tại công cụ Rich Snippets Testing Tool tại đường dẫn sau: http://www.google.com/webmasters/tools/richsnippets
Nếu thấy kết quả của bạn hiện ra Logo là bạn đã làm đúng. Việc còn lại là ngồi chờ Google update website của bạn, thông thường khoảng 2 ngày là bạn sẽ nhìn thấy được kết quả trên công cụ tìm kiếm.
Ngoài ra bạn có thể sử dụng định dạng Microformats và RDFa để thực hiện, code cũng gần giống nhau, bạn tham khảo thêm tại: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=173379
Chúc các bạn thành công !
P/s: Mặc dù biết tác dụng của nó sẽ làm đẹp kết quả tìm kiếm của bạn, quảng cáo thêm cho logo hoặc hình ảnh sản phẩm của công ty bạn, tăng tỷ lệ click chuột CTR vào website của bạn, nhưng tôi không khuyến khích các bạn thêm vào website của mình (ngoại trừ trang web của bạn là website cung cấp các công thức chế biến món ăn…) và dừng lại ở mức đọc để hiểu thêm về việc ứng dụng các Snippets mà thôi.
Nguồn: Trần Ngọc Chính – Cách hiển thị Logo trên Google
(Vui lòng để nguồn khi copy bài viết này sang trang web khác)
Văn Hiển
02/05/2012 at 15:08
Bài viết hữu ích: Đơn giản mà hiệu quả!
Lê Anh Tuấn
19/09/2012 at 12:19
Mình dùng wordpress có mấy plugin hỗ trợ cái này luôn. Hehe
<a href="http://thegioitrochoi.mobi"game dien thoai
ƒi
10/08/2013 at 19:05
plugin gì vậy bạn
Nguyen
02/05/2012 at 16:54
Thông số rating ở đây dường như không có nhiều ý nghĩa phải không bạn chính? Các dạng Rich snippets này ra đời cũng đã lâu nhưng mình chưa thấy nó xuất hiện trên Google.com.vn
Trần Ngọc Chính
03/05/2012 at 08:03
Nếu bạn có thể lập trình, bạn có thể đưa phần rating động vào, cho người dùng tự chủ động rate. Còn các RS thì Google.com.vn cũng đã hỗ trợ nhiều, chỉ một số RS chưa hỗ trợ như mình nói ở trên bài viết thôi.
Seongon
02/05/2012 at 17:51
Chào anh. Rất cám ơn về bài viết của anh. Em xin phép đăng bài ở website của em.
Giấu tên
03/05/2012 at 11:00
Cái code kia thì chèn vào thẻ head hay chèn vào đâu cũng được hả anh.
Ngoc Thuy
03/05/2012 at 11:12
Hì cảm ơn bài viết của anh Chính !
theo em đây là một phần rất thú vị của website, nếu như ta ứng dụng vào một shop có nhiều sản phẩm, code được với từng sản phẩm thì sẽ rất được chú ý !
chodientuhh
19/05/2012 at 19:39
mình cũng có ý nghĩ như bạn – mà ko biết có làm đc ko nhi
Phong
09/05/2012 at 15:06
Chào bạn,
Mình muốn tạo 1 rich snippets dạng video nhưng chưa hiểu lắm bạn hướng dẫn cụ thể hơn giúp mình được không.
1. Video mình up lên web là từ youtube
2. Mỗi URL mình post 1 clip thì mỗi URL thì mình cài 1 đoạn rich snippets được không? có bị coi là spam ko?
Thanks
tibi886
19/05/2012 at 10:04
nghe nhiều người nói cái này, hình như Google cũng đang lọc lại để chém mấy sites ko đúng… đúng là đọc biết thoai, nguy hiểm thiệt
Trần Hữu Hiệu
24/05/2012 at 11:56
Anh chính bài viết hay quá xin phép anh cho em đăng bài anh lên blog seo của em…..
May Thy
01/06/2012 at 13:44
Vì sao bác không khuyến khích sử dụng Rich Snippets?
Loifresh
02/06/2012 at 09:08
Cảm ơn bạn đã chia sẽ nhung minh test hoai đoạn code cua bạn bị lỗi, không ẩn được code, bạn cũng không nói paste ở đâu là hợp lý nhất, theo mình thì sau thẻ body.
Son
03/06/2012 at 07:01
Cập nhật lại bạn nhé
“Hiện tại Google.com.vn đã hỗ trợ hiển thị thông tin tác giả”
Hoang Huynh
07/06/2012 at 13:46
Cảm ơn bài viết thật bổ ích này của a.
Mình cũng phải thử mới được, :)
VietDesigner.net
09/06/2012 at 23:40
Cho em hỏi, cách đặt thumbnail như của Dân Trí, e nghĩ trong bài viết này a nên update thêm phần đó, vì nó rất hay. Và phiền a giải thích nếu mình đặng Snipset thì sẽ bị Google trừng phạt như thế nào đc k ạ? Bài viết của a hay nhưng còn hơi mơ hồ và lấp lửng quá, phiền a đọc đc thắc mắc này có thể trả lời cho e sớm :D Cảm ơn a vì bài viết này!
sharecodeweb.com
08/07/2012 at 01:23
Tất nhiên là treo đầu dê bán thịt chó thì google biết nó sẽ cảnh cáo rồi
Cương Nguyễn
25/07/2012 at 13:50
Ngày xưa mình có đặt Rich Snipset của Google, một thời gian sau website bị tụt hạng một cách thảm hại, chính có thể cho biết là vì sao ko ?
Trần Ngọc Chính
26/07/2012 at 08:30
Bạn đặt loại Snippet nào ? Theo ý kiến đánh giá của nhiều chuyên gia nước ngoài thì việc website bị xuống hạng không liên quan đến Rich Snippet.
Scandal24h
07/08/2012 at 17:31
anh ơi ! sao em thực hiện và kiểm tra trên :
http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fwww.scandal24h.info%2F nhưng đợi một thời gian vẫn không có kết quả nhỉ?
anh giúp em nhé..!
Cảm ơn anh rất nhiều.!
Nguyễn
14/08/2012 at 10:47
Vẫn quay lại cái này em có đặt link google plus không thấy hiện thì ảnh Profiles như của anh mà check trong
Rich Snippets thì vẫn có nhưng báo lỗi một số lỗi
hfeed
hentry
Warning: At least one field must be set for HatomEntry.
Warning: Missing required field “entry-title”.
Warning: Missing required field “updated”.
Warning: Missing required hCard “author”.
không biết phải do cái này mà nó không hiển thị khôn ạ
Duy
17/08/2012 at 10:40
Anh Chính ơi cho em hỏi mình chèn thông tin tác giả và Rich Snippets Recipes cùng một lúc được không
Hoàng Trí
26/08/2012 at 12:24
Các diễn dàn có sử dụng đc ko hả a. VBB chẳng hạn, và nên chèn vào đâu thì hợp lý ạ. Thẻ Head ??
Thành Thái
28/08/2012 at 08:18
Anh Chính ạ, sau bao lâu thì có kết quả hả anh?
Em thực hiện từ khá lâu rồi mà vẫn chưa có kết quả :|
site em http://thaidt.net :(
Anh xem qua, chỉ giúp em chỗ sai ạ
Nguyen
16/09/2012 at 04:37
Mình test thì thấy OK rồi sao mãi chưa hiện là sao bạn nhỉ?
Linh Dang
28/09/2012 at 07:59
Google
anh oi! chèn chỗ này vào đoạn nào của code web vậy
Jame
30/11/2012 at 23:09
Quan trọng là dòng code ở mục 1 đặt ở vị trí nào chứ, cái quan trọng nhất thì mất tiêu
Nguyễn Phi Hùng
20/12/2012 at 01:16
anh ơi sao em thêm mà nó không hiện anh giúp em với dc không ạ
MỜI VÀO NHÀ TÔI
04/01/2013 at 12:17
Mình cộng Sao, cộng G+, cộng Like FB cho bạn rồi đó!!! Mà web mình vẫn chưa có logo… hic
Xuân Đỗ
20/02/2013 at 22:35
Sao mình làm rồi mà trên kết quả tìm kiếm vẫn không thấy hiện ra hic? Để mấy tuần rồi mà vẫn chưa thấy hiện nản
Tien
27/03/2013 at 23:12
Cái micro format đặt ở đâu vậy bạn
Nguyễn Vân Anh
30/04/2013 at 14:27
sao mình làm thử như bạn rồi mà mãi không được
có gì bạn để lại nick yh mình hỏi tý nhé
minh
20/05/2013 at 16:49
chào bạn , bạn cho m hỏi chút là làm thế nào để phần thẻ div này nó không hiện trong nội dung của trang không? nội dung này mình cần nó hiển thị ở search engine mà nó cứ hiện ở trong trang sản phẩm nhìn xấu lắm
Sơn Nguyễn
06/06/2013 at 16:04
chào bạn Chính, khuyến cáo trong p/s của bạn có ý như thế nào? có phải làm như vậy là qua mặt google trong trường hợp website không phải cung cấp công thức chế biến món ăn không? nếu cố tình làm có bị google block website không? Mình nghĩ bạn nến nói rõ vấn đề này vì hậu quả là rất nghiêm trọng nếu bị google block website.
John Tang
07/09/2013 at 14:14
Mình đã thử snippets vào tháng 8/2012, ban đầu website mình thu hút rất nhiều người truy cập, và rating tăng cao. Sau khoản 1 tháng, các logo của sản phẩm mình bị xóa bỏ hết, chỉ chừa lại cái rating thôi. Lúc đó mình dùng Recipe. Và website mình bắt đầu tuột hạng, từ PR2 -> PR1 đến bây giờ.
Nên mình nghĩ các bạn cân nhắt, “treo đầu heo, bán thịt chó” sẽ không tốt cho SEO tí nào :)
Đôi lời chia sẽ!
Chinh
09/05/2014 at 10:15
Sao bạn lại không khuyến khích thêm vào website ?
Giải thích giùm mình nhé! Cảm ơn nhiều!
in logo
18/01/2016 at 09:30
Hiện tại cái này hết cho hiển thị rồi. Em gắn hoài mà nó không hiển thị. Hôm trước em thay cái rich snipet hiển thị bình luận lên được mừng ghê. Nhưng mà chơi ngu thay cái avata G+ nó biến mất tâm luôn >_<