Hiển thị đánh giá sao vàng trên SERPs bằng Rich Snippet

Chào mọi người.

Một lần nữa, Google đưa ra quyết định loại bỏ hình ảnh hồ sơ và số vòng tròn kết nối bên cạnh tác quyền trên SERPs.

Điều này khiến nhiều Webmaster lo lắng về sự  sụt giảm tỉ lệ click của người dùng, dù Google đã khẳng định ”hành vi click của người dùng không khác so với cách hiển thị cũ“.

Nhưng tất nhiên chúng ta vẫn có quyền lo lắng.

Tiện đây, một số bạn hỏi về cách hiển thị sao vàng đánh giá kèm hình ảnh trên SERPs, mình đưa ra tut nhỏ sau.

Bạn cần 1 đoạn mã HTML theo quy chuẩn của Schema.Org . Mình trích lại đoạn mà chúng ta cần dùng như sau :

          <div itemscope="" itemtype="http://schema.org/Recipe">
<img width="60" style="float: left; display: block; clear: both;" itemprop="image" src="http://domain.com/logo.png" alt=" Cty chém gió hàng đầu VN">
<span style="float:left;" itemprop="name"> Nội dung giới thiệu ở đây </span>   
                            
<div style="float:left;clear:left" itemprop="aggregateRating" class="keng" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">3</span>/<span itemprop="bestRating">10</span>        
<span itemprop="ratingCount">37</span> bình chọn</div>
</div>

 

Nhìn vào chắc bạn có thể biết để chỉnh sửa các nội dung cần thiết phải không ?

Thay src bằng đường dẫn đến hình ảnh mà bạn muốn. Alt là nội dung đại diện cho hình ảnh của bạn.

Các giá trị Rating Value có thể tăng hay giảm tùy ý thích. :)

Về nơi chèn, nếu lười, bạn có thể đặt vào footer. Khi đó tất cả các trang đều có snippet, với cùng hình ảnh và số sao đánh giá.

Nếu không, chèn vào bất kỳ cấu trúc HTML nào mà bạn muốn nó hiển thị. Bạn co thể sẽ cần đến một chút CSS để nó hiển thị đẹp và đúng ý hơn.

Sau khi chèn xong bạn có thể vào đây: http://www.google.com/webmasters/tools/richsnippets để kiểm tra xem mình đã chèn đúng chưa, nếu đúng sẽ có kết quả như sau :

Recipe snippet

Như trong hình là công thức làm … bánh mỳ chuối :D

Nếu không hiển thị đúng như thế bạn coi lại đoạn code chèn đúng chưa nhé.

Nếu dùng WordPress, bạn có thể tham khảo qua All In One Schema.org Rich Snippets.

Bạn có thể thay vào hình ảnh logo cty, sản phẩm đặc trưng, đồng thời gia giảm các mức độ đánh giá để có hiển thị đẹp hơn trên Google.

 Nhưng mình cũng lưu ý là Google cũng loại bỏ Snippet của các trang lạm dụng trên SERPs, chỉ snippet thôi nhé. Nên bạn hãy sử dụng đúng cách.

Chúc bạn thành công !

Theo tapchiseo.info

Nguồn tham khảo Kenny Nguyễn Iseotech.info

Hiển thị đánh giá sao vàng trên SERPs bằng Rich Snippet
2.57 (51.4%) 93 votes