Blog DX

Tạo hiển thị xếp hạng 5 sao - Rich Snippets cho blogger

1 tháng 2, 2015
Rich Snippets là đoạn thông tin hiển thị trên kết quả trả về của bộ máy tìm kiếm (Google, Yahoo, Bing, …) được thể hiện dưới dạng sao, hình ảnh, xếp hạng đánh giá, … nhằm làm tăng độ nổi bật của website khi người dùng thực hiện thao tác search với một từ khóa nào đó.

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ó, khi mà tình trạng lạm dụng nó ngày càng trở nên rầm rộ hơn. Các website tạo ra những kết quả tìm kiếm có 5 sao với số phiếu bầu chọn 100, 1000, thậm chí là 10.000.000 như vậy có đúng nghĩa là Rich Snippets mà Google khuyến khích hay không? 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.

Hướng dẫn tạo Rich Snippets cho blogger


Đăng nhập blogger ~> Vào Mẫu ~> Chỉnh sửa HTML

1. Tạo Rich Snippets cho các trang ngoài trang bài viết
Chèn đoạn code này vào ngay sau thẻ <body>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'>Blog thủ thuật</span>
<img alt='Blog thủ thuật' itemprop='image' src='https://lh4.googleusercontent.com/-pFkSZhwVbIc/AAAAAAAAAAI/AAAAAAAAAZs/U0sJ9pIjNKk/s150/photo.jpg' title='Blog thủ thuật'/>
<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<span itemprop='ratingValue'>10</span>/<span itemprop='bestRating'>10</span>
<span itemprop='ratingCount'>1500</span> bình chọn
</div>
</div></div>
</b:if>
Thay link xanh dương thành link ảnh đại diện cho blog của bạn, sửa chữ xanh lá lại cho phù hợp.
2. Tạo Rich Snippets cho các trang bài viết
Tìm đến thẻ bên dưới
<div class='post-footer-line post-footer-line-1'>

Hoặc

<div class='post-footer-line post-footer-line-2'>

Sau đó chèn đoạn code này vào ngay sau nó
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'><data:blog.pageName/></span>
<img expr:alt='data:blog.pageName' expr:src='data:blog.postImageThumbnailUrl' itemprop='image'/>
<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<span itemprop='ratingValue'>10</span>/<span itemprop='bestRating'>10</span>
<span itemprop='ratingCount'>365</span> bình chọn
</div></div></div>
</b:if>

Lưu Mẫu lại là xong, để kiểm tra xem bạn đã thực hiện chèn Rich Snippets thành công chưa thì hãy truy cập vào http://www.google.com/webmasters/tools/richsnippets và nhập tên miền của bạn để xem thử.
Lưu ý: để hình ảnh của Snippet xuất hiện được trên tìm kiếm google các bạn phải chọn ảnh thumbnail (ảnh đầu bài viết) có kích thước hình vuông hoặc hình chữ nhật nằm ngang.

9 nhận xét:

  1. mình đã làm theo sao mà ko được bạn ah, trợ giúp cho mình nhé

    Trả lờiXóa
    Trả lời
    1. Làm giống như vậy rồi thì bạn vào http://www.google.com/webmasters/tools/richsnippets để kiểm tra xem hiện chưa nhé

      Xóa
    2. Nhận xét này đã bị tác giả xóa.

      Xóa
  2. mình làm theo cách của AD rồi mà không được, hix
    http://www.dailyvanphongpham.blogspot.com

    Trả lờiXóa
  3. mình làm theo cách của AD rồi mà không được, hix
    http://www.dailyvanphongpham.blogspot.com

    Trả lờiXóa
  4. ad còn không hiển thị huống chi mình, cách này chắc củ rồi

    Trả lờiXóa
  5. ad còn không hiển thị huống chi mình, cách này chắc củ rồi

    Trả lờiXóa
  6. Mình làm theo và bài về Game Mobile của mình cũng không được.

    Trả lờiXóa
  7. mình đã kiểm làm theo ad kiểm tra trên http://www.google.com/webmasters/tools/richsnippets thì thấy có nhưng không thấy hiển thị trên google, còn cả hình ảnh nữa sao mình không thấy nó xuất hiện nhỉ ? http://fumak.vn/

    Trả lờiXóa