Nó sẽ giúp bạn tăng khả năng kích vào bài viết của bạn hơn so với những site không dùng chúng, đơn giản cũn dễ hiểu thôi khi website ta có xếp hạng sao trên kết quả tìm kiếm sẻ giúp site bạn trỏ nên uy tín, chuyên nghiệp hơn thì người đọc sẽ dễ dàng nhận thấy đây là một web chuyên nghiệp họ sẽ kích vào.

Thêm tiện ích đánh giá 5 sao vào Blogger

Cái này chỉ để làm đẹp và tăng thêm khả năng chuyên nghiệp cho site thôi chứ thật chất không liên quan gì đến top, thứ hạng google tìm kiếm đâu nhé.

Cách chèn rich snippets đánh giá 5 sao vào blog

Bước 1: Các bạn truy cập blog , chỉnh sửa html và tìm đến đoạn code sau
<div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <div class='post-footer-line post-footer-line-2'>

Bước 2: Chọn 1 trong 3 loại thẻ Rich và chèn vào phía dưới nó và lưu lại ( hoặc chèn bất kỳ chỗ nào trong thẻ )
<b:includable id='post' var='post'>

3 loại thẻ rich snippets cho blog

Loại 1: Chỉ hiển thị 4.3/5 sao và tối đa 9 người đánh giá .
<b:if cond='data:blog.pageType == "item"'> <div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating' style='color:Transparent;'> Rated <span itemprop='ratingValue'>4.3</span>/5 based on <span itemprop='reviewCount'>9</span> votes </div> </b:if>

Loại 2: Hiển thị đánh giá 5 sao và hình thu nhỏ
<b:if cond='data:blog.pageType == "item"'> <footer class='not-show' typeof='Recipe' vocab='http://schema.org/'><b:if cond='data:post.thumbnailUrl'><img expr:alt='data:post.title' itemprop='image' property='image' src='https://lh3.googleusercontent.com/-8iT2agtzI34/Vn3rG7PYEHI/AAAAAAAABKc/DTWhJSrJRTE/w140-h140-p/ok.png'/></b:if> <span property='name'><data:post.title/></span><span property='author' typeof='Person'><span property='name'><data:post.author/></span></span><time expr:datetime='data:post.timestampISO8601' property='datePublished'><data:post.timestampISO8601/></time><span property='aggregateRating' typeof='http://schema.org/AggregateRating'><span property='ratingValue'>4.3</span>stars based on<span property='reviewCount'>9</span>reviews</span><span property='description'><data:post.snippet/></span></footer> </b:if>

Loại 3: 
Sử dụng json-ld đánh dấu dữ liệu vào cấu trúc , loại này người ta sử dụng nhiều nhất.
<b:if cond='data:blog.pageType == "item"'><script type='application/ld+json'> {"@context":"http://schema.org/","@type":"Review","itemReviewed":{"@type":"Thing","name":"<data:post.title/>"},"author":{"@type":"Person","name":"<data:post.author/> "},"reviewRating":{"@type":"Rating","ratingValue":"6","bestRating":"10"},"publisher":{"@type":"Organization","name":"<data:post.author/>"}} </script> </b:if>

Lời kết

Chúc các bạn thành công , tuyệt đối không được lạm dụng quá mức nhé. Các bạn có thể tham khảo thêm tại trang http://graddit.com/ratings-widget

View : Thư viện tìm kiếm Google developer