Thêm Đánh Giá 5 Sao Cho Blogspot Giúp Website Trở Nên Chuyên Nghiệp Hơn

Thêm Đánh Giá 5 Sao Cho Blogspot Giúp Website Trở Nên Chuyên Nghiệp Hơn

Là 1 người dùng , là 1 độc giả , chắc hẳn bạn luôn muốn tìm kiếm những thông tin hữu ích , tìm kiếm những website chuyên nghiệp đúng không nào . Vậy thì hôm nay , mình sẽ hướng dẫn các bạn cách để thêm tiện ích đánh giá 5 sao cho blogspot giúp blog trở nên chuyên nghiệp hơn .




Khi thêm tiện ích đánh giá 5 sao sẽ giúp blog của 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.


Lưu Ý :

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 THÊM TIỆN ÍCH ĐÁNH GIÁ 5 SAO CHO BLOG CỦA BẠN .


Bước 1: Chọn Chủ Đề -> Chỉnh Sửa HTML và tìm đ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'>


Xem thêm :

Cách đăng kí google Analytics cho Blogspot

3 Loại Thẻ rich snippets :

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>

Bước 3 : Lưu lại chủ đề và xem thành quả !

Chúc Các Bạn Thành Công !