Tạo Rich Snippets cho blogger xếp hạng 5 sao ~ Ngoc Anh

Ở 1 số website có dấu sao đánh giá, xếp hạng và số bình chọn ngay bên dưới tiêu đề khi tìm kiếm trên Google. Đó gọi là Rich Snippets, đó là ...

Blogspot+ Thu-thuat-blog

Ở 1 số website có dấu sao đánh giá, xếp hạng và số bình chọn ngay bên dưới tiêu đề khi tìm kiếm trên Google. Đó gọi là Rich Snippets, đó là chủ đề mà mình muốn giới thiệu và hướng dẫn cho các bạn thêm vào trong Blogspot của mình.

Tạo Rich Snippets cho blogger xếp hạng 5 sao

Khi bạn tìm kiếm nhìn thấy website được trình bày như thế chắc hẵn sẽ gây sự chú ý và thu hút bạn click nhiều hơ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 != "item"'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'>Ngọc Anh Blog (_NAB_) | Thủ thuật Blogspot - Windows - Mobile</span>
<img alt='Blog thủ thuật' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinX3WheSUO2FSAylD3G0z0G6RFNNPIegz2ihoCK9GOlqsmIEY9eC8IKMuZgq8-CKUSALxmhtu7VdsSqaJGwTtAlIjjVinXF_O0dfNLlfwjgJrogn30CzES6hc6meOqS9xjAlhnakIl92g/s1600/LOGO.png' title='Ngọc Anh Blog (_NAB_) | Thủ thuật Blogspot - Windows - Mobile'/>
<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 màu Hồng thành link ảnh đại diện cho blog của bạn, sửa chữ 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'>

Chèn đoạn code này vào ngay sau nó.

<b:if cond='data:blog.pageType == "item"'>
<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ử.