Tiết lộ Cách hiển thị logo thương hiệu trên Google

Có 1 số người hỏi em trên Facebook về cách hiển thị hình ảnh trên trang kết quả tìm kiếm của Google, em có trả lời "anh chị tìm hiểu về cách tạo google author ở đây, chắc chắn sẽ làm được".

Mục đích của em đơn giản chỉ là để mọi người tự tìm hiểu sẽ giúp mn có kinh nghiệm và hiểu rõ về nó hơn mà thôi.Nay em viết bài hướng dẫn  hiển thị logo thương hiệu trên Google để giúp mọi người hiểu và có thể tự làm được, khi đọc xong mọi người 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 rồi đến 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, mọi người có thể sử dụng cách sau:

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". Về cơ bản thì không nên dùng cách này qua mặt Google,tuy nhiên để mọi người thỏa mãn em xin chia sẻ hết.

Mỗi Rich Snippets (RS) đều có 3 định dạng khác nhau đó là: Microdata, Microformats, RDFa. Ở bài này em sẽ cung cấp cho mọi người 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 mn</h1>
<img itemprop="photo" src="đường dẫn avatar trên g+ của mn" />
By <span itemprop="author">Nguyễn Tiến Anh</span>
<span itemprop="summary">Mô tả về công ty mn</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>

Mọi người chỉ cần sửa lại tên công ty, đường dẫn avatar trên g+ của mn (CHÚ Ý: avatar là logo thương hiệu hay logo mn muốn đặt ạ), thông tin Author và mô tả công cty. Sau đó mọi người có thể copy đoạn code này đặt vào website của mọi người,với blogger một số người không biết đặt ở đâu mọi người có thể vào phần Bố cục => thêm tiện ích =>chon  HTML/Javascript rồi dán code lưu lại là ok ạ.

Ở hình dưới em đã thay thế các thông tin trong code trên để có thể hiển thị logo trên Google, mọi người 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

Điển hình như website của em đã làm : http://bonnuoctanasieuben.blogspot.com/

hiển thị logo thương hiệu trên Google

Nếu thấy kết quả của mọi người hiện ra Logo là đã làm đúng. Việc còn lại là ngồi chờ Google update website của mọi người, thông thường khoảng 2 ngày là mọi người sẽ nhìn thấy được kết quả đã làm công cụ tìm kiếm.

Ngoài ra mọi người có thể sử dụng định dạng Microformats và RDFa để thực hiện, code cũng gần giống nhau, mọi người tham khảo thêm tại đây ạ : https://support.google.com/webmasters/?hl=en#topic=3309469

Chúc mọi người thành công ạ,nếu thấy có ích thì xin share cho em với ạ,cám ơn đã đọc