Hướng dẫn tạo Rich Snippets và cách chèn Rich Snippets với blogspot

Hướng dẫn tạo Rich Snippets và cách chèn Rich Snippets với blogspot, 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 đó.

Bài viết có thể bạn quan tâm :

-   Code script làm dính (Sticky) quảng cáo nhất định cho Blogspot

-   Recent Posts với hiệu ứng load đổi bài viết liên tục cho Blogspot

Thủ thuật Blog tạo Rich Snippets :

1./ Tạo Rich Snippets cho các trang ngoài trang bài viết

Bước 1 : Login tài khoản Blogspot của bạn
Bước 2 : Chọn Mẫu (Template)
Bước 3 : Chọn chỉnh sửa HTML (Edit HTML)
Bước 4 : Coppy đoạn CODE dưới đây và dán ngay dưới thẻ head đóng </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'>Thủ thuật - Học SEO - Digital Marketing</span>
<img alt='Thủ thuật - Download - Thư giản' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oFye2FHsBBcJm73n-RHOhpZ3jdFej_FEzChj0TyKPOwmpxQMimvI1_1WHlTKDmv7xZHfExFx5-ZOLlwuNog1hai-x0dqlg4KrXczOICBJtvwa9j6f2RmMy6Z15LhNt41LV3C9sQ85Cgq/w140-h140-p/t226082.jpg' title='Thủ thuật - Học SEO - Digital Marketing'/>
<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<span itemprop='ratingValue'>9</span>/<span itemprop='bestRating'>10</span>
<span itemprop='ratingCount'>1521</span> Bình Chọn
</div>
</div></div>
</b:if>

Chú ý : Các bạn thay link ảnh màu đỏ của mình thành link ảnh đại diện tác giả cho Blog/Website của các bạn nhé !

2./ Tạo Rich Snippets cho các trang bài viết

Tìm đến thẻ CODE sau :

<div class='post-footer-line post-footer-line-1'>
Hoặc
<div class='post-footer-line post-footer-line-2'>

Coppy đoạn CODE dưới đây và chèn ngay sau 1 trong 2 thẻ CODE trên các bạn thử từng cái một nhé !

<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'>9</span>/<span itemprop='bestRating'>10</span>
<span itemprop='ratingCount'>356</span> bình chọn
</div></div></div>
</b:if>

Bước 5 : Save !

Để kiểm tra xem bạn đã thực hiện chèn Rich Snippets thành công vào blog mình chưa, bạn 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ử nhé :

Bài viết bởi : http://www.idichvumarketing.com/
Chúc bạn thành công!