Cách thêm rich snippets 5 sao động vào blogspot

Bạn đã biết cách thếm những đánh giá sao ở bài viết của mình hay chưa? hôm nay trong bài viết này mình sẽ hướng dẫn các bạn cách thêm rich snippets để đánh giá 5 sao vào blogspot.

Vậy rich snipets đánh giá 5 sao là gì?

Có nhiều loại Rich Snippets khác nhau, trong đó Rich Snippets đánh giá 5 là đoạn thông tin hiển thị đánh giá 5 sao (5 điểm), xếp hạng 1 trang web (trang, bài viết của website) nhằm làm tăng độ nổi bật trên kết quả tìm kiếm

Hướng dẫn cách chèn đánh giá 5 sao cho bài viết Blogspot

Hiện tại có 2 cách phổ biến để chèn đánh giá 5 sao cho bài viết Blogspot.

Cách 1: Chèn 1 Rich Snippets cố vào mã HMTL của template. Ưu điểm là đơn giản, chỉ làm 1 lần nhưng điểm đánh giá và lượt đánh lại giống hệt nhau. Dễ bị Google cho ra đảo vì bị coi 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ách 2: Chèn vào từng bài viết. Ưu và nhược điểm thì ngược lại với cách 1. Điểm đánh giá và lượt đánh khác nhau theo ý muốn, nhìn có vẻ thật hơn nhưng lại khá tốn công sức

Muốn chèn rich snippets 5 sao động vào blogspot cần làm gì?

Bạn có thể hiểu nó giống như là một giải pháp mà đánh giá Rich snipets 5 sao trên blogspot dựa trên độ dài của tiêu đề và thẻ meta description. Giải pháp này khắc phục được nhược điểm của 2 cách làm ở trên. Tất nhiên, do đặc thù của blogspot nên nó không thể “động” như plugin kk Star Ratings của WordPress được mọi người nhé.

Chúng ta bắt tay vào tạo đánh giá 5 sao cho bài viết Blogspot thôi (mình test trên blog http://hungtranseo.blogspot.com/)

Bước 1: Vào Blogger -> Cài đặt ->Tùy chọn tìm kiếm -> Bật mô tả tìm kiếm sang Có. Mục đích là để mình có thể định nghĩa thẻ meta description (Mô tả tìm kiếm) khi post bài.

Bước 2: Vào Blogger – chỉnh sửa HTML , tìm đến thẻ <b:includable id=’post’ var=’post’> và chèn đoạn code dưới đây vào trước hoặc sau <data:post.body/> (nội dung bài viết)

1 2 3

<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating' style='color:#3B5998;font-size:13px;'>Điểm <span id='csdreviewValue' itemprop='ratingValue'>4.6</span>/5 dựa vào <span id='csdreviewCount' itemprop='reviewCount'>87</span> đánh giá</div> <span id='csdratingpercent' style='display: block; width: 65px; height: 13px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3OBPbXs8kuA1z5udwsGpCtayLSY5WsknLwg-osZliYBBYXB9h1VnPoX4WCfxe94FiZRjhRJFTRJgQ7xh_99MMDd_dKTD6x_w0o78quYJVN0sAsz3qmgJTACc_u-btXLdt_ZWcO2rq3Vt/s1600/star-rating-sprite.png) 0 0;'> </span>

Bước 3: Cũng trong phần chỉnh sửa HTML, chèn đoạn code dưới đây vào trước thẻ đóng </body>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

<script type='text/javascript'> //<![CDATA[ function  csdGetMetaContentByName(name) {    var info = document.getElementsByTagName('meta');   try{     return [].filter.call(info, function (val) {         if(val.name.toLowerCase().trim() === name.toLowerCase().trim() ) return val;     })[0].content;   }     catch(err) { return '';    } } function CSDCreateVote() { var csdReviewCountPlus = 10; var csdtitlePost = document.title.trim(); var csddescription =  csdGetMetaContentByName('description'); if(csddescription=='') {   csddescription = csdtitlePost; } var csdtitleLen = (csdtitlePost.length==0?160:csdtitlePost.length); var csddescriptionLen = (csddescription.length==0?200:csddescription.length); var csdReviewCount = csdtitleLen + csdReviewCountPlus; var csdPoint = (csdtitleLen%5) +1; var csdX = (csddescriptionLen/10); var csdDecimal = parseFloat((csdX - Math.floor(csdX)).toFixed(1)); csdPoint = parseFloat((csdPoint<=3?4:csdPoint)); if(csdPoint==5){ } else { csdPoint += csdDecimal; } //alert(csdPoint); if(document.getElementById('csdreviewCount'))   {          document.getElementById('csdreviewCount').innerHTML = csdReviewCount;     document.getElementById('csdreviewValue').innerHTML = csdPoint;      var csdpercent = (csdPoint/5).toFixed(2)*100;     // alert(csdpercent);    document.getElementById('csdratingpercent').innerHTML = '<span style="display: block; width: '+ csdpercent +'%; height: 13px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3OBPbXs8kuA1z5udwsGpCtayLSY5WsknLwg-osZliYBBYXB9h1VnPoX4WCfxe94FiZRjhRJFTRJgQ7xh_99MMDd_dKTD6x_w0o78quYJVN0sAsz3qmgJTACc_u-btXLdt_ZWcO2rq3Vt/s1600/star-rating-sprite.png) 0 -13px;"></span>';     } } window.onload = function(){    CSDCreateVote(); } //]]> </script>

Bước 4: Post bài để thử. Post bài như bình thường và nhớ điền mô tả ngắn gọn bài viết vào phần Mô tả tìm kiếm. Sau khi đăng bài thì Submit URL bài vừa đăng để Google index. Chờ 1 lúc thì tìm kiếm site:tenmiencuaban.com để kiểm tra

 Cám ơn bạn đã đọc bài viết này hi vọng nó sẽ giúp ích cho bạn