Trong quá trình các bạn tìm kiếm thông tin trên các công cụ tìm kiếm như Google Search… hay các bạn thường phải làm việc trên các công cụ tìm kiếm thì các bạn sẽ để ý thấy 1 số website ( trang web ) hay blog có những đánh giá xếp hạng sao vàng được bình chọn từ 1 sao đến 5 sao thì đó chính là Rich Snippets ( đánh giá xếp hạng ) cho phép bạn đánh giá từ 1 đến 5 sao.
Hôm nay 24 & 24 sẽ hướng dẫn cho các bạn cách tạo và chèn đánh giá xếp hạng 5 sao vào blogspot ( blogger ) của Google. Mình đã làm thành công và hiển thị ngon lành. Các bạn xem hình ảnh dưới đây!
Và khi các bạn chèn code của mình vào thì nó sẽ hiển thị ra đánh giá như của mình.
Để thực hiện việc chèn code Rich Snippet ( đánh giá xếp hạng ) vào blogger ta làm như sau:
Các bạn tìm đến đoạn code sau và chèn nó ngay trong thẻ này:
<div class=’post-footer-line post-footer-line-1′>
Xóa bỏ dòng này đi và chèn Rich Snippets vào đây nhé!
</div>
Và đây là 3 đoạn code để các bạn lựa chọn và chèn vào trang của mình nhé!
Đoạn code số 1:
<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>
Đây là đoạn code mà mình đang sử dụng cho trang của mình, nó hiển thị đánh giá từ 1 đến 5 sao như ảnh trên. Và mình đang để mặc định đánh giá là 3. Các bạn có thể cho nó lên 4, 5 hoặc giảm xuống 2, 1 tùy các bạn! Hiện tại mình đang để 3, nhưng mình cũng vừa chỉnh lên 5 rồi. Hi
Để chỉnh các thông số từ đánh giá xếp hạng 3 lên đánh giá xếp hạng 5 thì các bạn chỉ cần thay đổi số 6 thành ở code thành số 10 là được nhé.
Các bạn có thấy như hình ảnh trên là mình đang để 6/10 không. Thay nó thành 10/10 thì nó sẽ hiển thị 5 sao.
Việc còn lại là để google cập nhật thôi.
Đoạn code số 2:
<b:if cond=’data:blog.pageType == "item"’> <div itemprop=’aggregateRating’ itemscope=” itemtype=’http://schema.org/AggregateRating’ style=’color:Transparent;’> Rated <span itemprop=’ratingValue’>5.0</span>/5 based on <span itemprop=’reviewCount’>10</span> votes </div> </b:if>
Đoạn code này cũng hiển thị 5 trên 5 sao và cũng có 10 lượt đánh giá nhé!
Đoạn code số 3:
<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=’http://lh4.googleusercontent.com/-zHgf6tSJF-E/AAAAAAAAAAI/AAAAAAAADKA/44EkjJKh5oA/s512-c/photo.jpg’/></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>
Đoạn code này có đặc biệt là ngoài hiển thị đánh giá 5 sao ra còn có thêm hình ảnh thu nhỏ lấy từ bài viết nữa nhé.
Rất hay phải không nào, vậy thì tại sao lại không chia sẻ cho bạn bè của mình cùng làm và thực hiện ngay thôi nào!
Việc hiển thị đánh giá 5 sao trên kết quả tìm kiếm rất bắt mắt và có lợi cho trang của mình, hiển thị đẹp và độ click vào bài viết rất cao.
Nói như thế là các bạn đủ hiểu rồi ha. 1 chút kiến thức chia sẻ cho các bạn. Chúc thành công! và đừng quên chia sẻ nó và theo dõi các bài viết khác từ 24 & 24 chúng tôi nhé.
Mẹo: Để tìm kiếm tất cả các bài viết trong site của mình các bạn chỉ cần nhập vào Google dòng này nhé!
“site:24and24.com“
Tất cả các bài viết sẽ hiện ra, bạn click vào kết quả sẽ thấy điều bất ngờ xảy ra.