Thêm Rich Snippets đánh giá 5 sao động vào blogspot

Hướng dẫn tạo Rich Snippets đánh giá 5 sao động vào blogspot. Chèn đánh giá 5 sao vào Blogger, Cách chèn đánh giá 5 sao cho bài viết Blogspot.

Rich Snippets đá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

Thêm Rich Snippets đánh giá 5 sao động vào blogspotCá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

Tạo Rich Snippets đánh giá 5 sao động vào blogspot là gì?

Tức là 1 giải pháp chèn Rich Snippets đánh giá 5 sao vào blogspot với điểm số dựa vào độ dài của thẻ title và meta description của page. 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://chiasedeals.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)

<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://1.bp.blogspot.com/-H77E0v75Pu0/WDvD_PK5htI/AAAAAAAAUyc/62DswWzezfkeCK_WDDs-sQWCw4tKuwkfQCLcB/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>

<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://1.bp.blogspot.com/-H77E0v75Pu0/WDvD_PK5htI/AAAAAAAAUyc/62DswWzezfkeCK_WDDs-sQWCw4tKuwkfQCLcB/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

 

Recommended For You

About the Author: Nguyễn Đức Anh

Muốn giỏi phải học, muốn học thì phải hỏi. Chính vì thế, hãy cùng tham gia thảo luận với nhau để tìm ra câu trả lời nếu có thắc mắc nhé!

9 Comments

  1. Bài viết hay nhưng mình có cách khác không cần code gì =)) Nhưng mình nghĩ không nên dùng cho blogspot -_- Vừa bị google đánh dấu cấu trúc spam vì vụ này :v

  2. Mình đã ứng dụng vào rất nhiều blog, tuy nhiên ko có blog nào hiện đánh giá trên google cả. Không biết phải cần yếu tố nào

  3. Mình đã ứng dụng vào rất nhiều blog, tuy nhiên ko có blog nào hiện đánh giá trên google cả. Không biết phải cần yếu tố nào

  4. Chào ADMIN Sao mình làm theo cách của admin hướng dẫn mà không được vậy. mình tìm trong blog không thấy <b:includable id=’post’ đâu bạn ơi, còn khi tìm thể này thì có nhưng khi đặt vào lưu mẫu mà không thấy xuất hiện sao nhờ bạn xem giúp mình với nhé thanks

  5. còn khi tìm thẻ này thì có nhưng khi đặt vào lưu mẫu mà không thấy xuất hiện sao nhờ bạn xem giúp mình với nhé thanks

  6. Cái đánh giá 5 sao thì ok rồi nhưng nó không hiển thị trên google tìm kiếm đâu ad ơi. có bản hướng dẫn nào tốt hơn nữa không.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *