BÀI MỚI
Đang tải...

WordPress Themes

Cách chèn Rich Snippets (đánh giá 5 SAO) cho Blogger phần 1

Hôm nay mình sẽ hướng dẫn các bạn cách hiển thị Google Rich Snippets (5 SAO) cho Blogger Phần 1. Đây là cách hiển thị 5 sao trên công cụ tìm kiếm google hiện nay. Trước kia có rất nhiều bản hướng dẫn chèn Rich Snippets cho bài viết nhưng không hiển thị vậy thì ngay bay giờ đây các bạn sẽ được thấy cách chèm code hiển thị 5 sao cho bài viết như thế nào nhé.

Và đây là thành quả mà mình đạt được.
Chèn đánh giá 5 sao trên bài viết cho blogger
Chèn đánh giá 5 sao trên bài viết cho blogger

Các bạn có thể xem chi tiết Tại Đây:

Trước hết các bạn đăng nhập vào blog vào bài viết sao đó chuyển tới HTML trong bài viết và coppy code bên dưới vào cuối bài viết là được.

<div id="snippet-box" style="background:#f4f4f4; color:#000000; border:1px solid #ACACAC;"><div class="snippet-title" style="background:#dbdbdb; color:#000000; border-bottom:1px solid #ACACAC;">Thông tin</div><div class="snippet-markup" itemscope itemtype="http://data-vocabulary.org/Review">
<div class='snippet-label'>Đánh giá bởi</div> <div class='snippet-data'><span itemprop='reviewer'>3.265 thành viên</span></div>
<div class='snippet-label'>Ngày tháng</div><div class='snippet-data'> <time itemprop='dtreviewed' datetime='2015-07-27'>2015-07-27</time></div>
<div class='snippet-label'>Chuyên mục</div><div class='snippet-data'> <span itemprop='itemreviewed'>Thủ thuật PC</span></div>
<div class='snippet-label'>Đánh giá</div><div class='snippet-data'> <span class='rating-value' itemprop='rating'>5</span>
<span class='star-img'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqtKK80f9sYlG4lPjdHTfeNgw_JzDPMp9lXa-sajdOmPPujPEDv0YbllhMDrSm-7pSPfPFhCqmLV0yJQiJWgUyUck5jAJ6CiqrLZ7yYlmVEr24o7qxDcOgrmr8sgJFBzxeDuPQ9vukFQ/h120/1star.png">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqtKK80f9sYlG4lPjdHTfeNgw_JzDPMp9lXa-sajdOmPPujPEDv0YbllhMDrSm-7pSPfPFhCqmLV0yJQiJWgUyUck5jAJ6CiqrLZ7yYlmVEr24o7qxDcOgrmr8sgJFBzxeDuPQ9vukFQ/h120/1star.png">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqtKK80f9sYlG4lPjdHTfeNgw_JzDPMp9lXa-sajdOmPPujPEDv0YbllhMDrSm-7pSPfPFhCqmLV0yJQiJWgUyUck5jAJ6CiqrLZ7yYlmVEr24o7qxDcOgrmr8sgJFBzxeDuPQ9vukFQ/h120/1star.png">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqtKK80f9sYlG4lPjdHTfeNgw_JzDPMp9lXa-sajdOmPPujPEDv0YbllhMDrSm-7pSPfPFhCqmLV0yJQiJWgUyUck5jAJ6CiqrLZ7yYlmVEr24o7qxDcOgrmr8sgJFBzxeDuPQ9vukFQ/h120/1star.png">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqtKK80f9sYlG4lPjdHTfeNgw_JzDPMp9lXa-sajdOmPPujPEDv0YbllhMDrSm-7pSPfPFhCqmLV0yJQiJWgUyUck5jAJ6CiqrLZ7yYlmVEr24o7qxDcOgrmr8sgJFBzxeDuPQ9vukFQ/h120/1star.png"></span></div></div>
</div><div style='clear:both;'></div>

Lưu ý:  Các thông số trong đoạn code 5 SAO trên như
Ngày tháng: Mỗi bài viết bạn viết sẽ có một ngày khác nhau nên bạn điều chỉnh cho hợp lý Số lượt Đánh giá: Mỗi bài viết bạn nên viết một con số khác nhau để linh động
Chuyên mục: Thay đổi phù hợp với chuyên mục của Web bạn.

Sau khi các bạn đã thực hiện xong các bước trên thì coppy đường dẫn bài viết của bạn thêm vào đây: https://developers.google.com/structured-data/testing-tool/ và kiểm tra kết quả của mình nhé.
Kiểm tra tich snippets cho blog
Khi bạn kiểm tra xong nếu google thông báo như hình trên coi như bạn đã thành công và chờ google index bài viết sau đó ngồi hưởng thụ nha. hi. Nếu các bạn có thắc mắc gì vui lòng comment ngay bên dưới nhé. Mình sẽ hỗ trợ thêm.

Nguồn: webhuongdan.com

0 nhận xét:

Đăng nhận xét