RaoVat24h
Blogger Thủ thuật

THÊM TIỆN ÍCH ĐÁNH GIÁ 5 SAO VÀO BLOGGER | RICH SNIPPETS

Advertisement
[ 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é.

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
Rate this post

DienDan.Edu.Vn

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.

Đăng bình luận

(+84) (901) 369.468