Cách 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25S27uzoMIMsrrMo1kJOv1OwhJ50-XG1f1CitmJcp_hmsk67NpmaUQciqdojnvQT6UB0FS3ht0AAbFN2D3v5UOOpW1NB6JAAE7qgZwVZCKYneytL39Q0mjShFxfuTD4yVKF_4GMLEO4gu/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 2thì thay lại các thẻ dữ liệu data để hiển thị nhé.
Khi view-source sẻ có dạng như sau:

Nguồn: nguyentinhblog.com
Source: Học cách làm seo blogspot
- - 0 bình luận
CHUYÊN MỤC

HIỆN TẠI CÓ 0 BÌNH LUẬN

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé

Quay lại TRANG CHỦ

Xem các thủ thuật tin học tại Kênh Youtube

Để duy trì trang web bạn vui lòng click quảng cáo ủng hộ trước khi tải file

XIN TRÂN THÀNH CẢM ƠN!