Thêm đánh giá 5 sao (Star Rating) cho blogspot

Rich Snippets là đoạn thông tin hiển thị đánh giá 5 sao, xếp hạng Blogspot trên kết quả tìm kiếm (Google, Yahoo, Bing, …) nhằm làm tăng độ nổi bật của Blogger.

Rich Snippets mang đến cho bạn những lợi ích tốt trong kết quả tìm kiếm do hiển thị bắt mắt, hấp dẫn với người tìm kiếm trên các công cụ Google, Yahoo, Bing. Nó giúp bạn tăng tỉ lệ click trên google và mang đến cho bạn một lượng traffic lớn.

Tuy vậy Rich Snippets cũng có tác hại của nó, Với những kết quả mà bạn cố tình tạo ra sẽ đi ngược lại với những tiêu chí của Google và được gọi là “Fake Rich Snippets” hay “Spam in Rich Snippets”. Những vi phạm của bạn có thể bị người khác báo cáo qua Report spam in rich snippets.

Các bước thực hiện:

Bước 1: Vào Blogger - chỉnh sửa HTML, tìm đến thẻ sau <data:post.body/>

Bước 2: Copy 1 trong 3 code phía dưới và dán vào dưới thẻ <data:post.body/>

Có 3 loại Rich Snippets cho Blogger/Blogspot:

Loại 1: Chỉ hiện đánh giá 4.3/5 sao và 9 người đánh giá

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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 == &quot;item&quot;'>
    <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: Hiện thị đánh giá 5 sao (mình đang dùng cho Blog này)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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: Sau khi làm xong thì các bạn nhấn lưu chủ đề.

Lưu ý: Các code trên thì thẻ dữ liệu data chỉ áp dụng cho Blog1 version 1, nếu các bạn đang dùng Blog1 version 2 thì thay lại các thẻ dữ liệu data để hiển thị nhé.

Khi view-source sẻ có dạng như sau:

Source: Học cách làm seo blogspot

Những câu hỏi thường gặp

Làm thế nào để tải về?

Nếu bạn chưa tải file thông qua link rút gọn bao giờ, thì bạn có thể xem hướng dẫn để tải về.

Tệp tin tải về không đúng với mô tả?

Nếu có sự nhầm lẫn giữa mô tả và tệp tin tải về, vui lòng báo lỗi với chúng tôi thông qua mục liên hệ dưới cuối trang.

Link hỏng?

Nếu bạn gặp vấn đề về liên kết ví dụ như tệp không tồn tại, không thể truy cập,...vui lòng báo cáo với quản trị viên.

Tôi không thể mở và chỉnh sửa file psd?

Vui lòng xem hướng dẫn nếu bạn chưa biết cách mở file psd và edit nó.