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

Rich Snippets là một tiện ích cũng như lợi ích giúp site của bạn trở nên bắt mắt hơn trên cộng cụ tìm kiếm Google , yahoo ,big... 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 , 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é.

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

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
Được xuất bản bởi Út Blog

Bình luận

XEM NHIỀU TRONG TUẦN

Bạn có thể quan tâm