Chắc hẳn sẽ có nhiều Newbie khá tò mò tại sao có nhiều Website, Blog lại xuất hiện thêm "hình ảnh" sao và số lượt bỏ phiếu trên bài viết xuất hiện ở Công cụ tìm kiếm Google. Đó chính là Rich Snippets . Vậy Rich Snippets là gì ? Rất đơn giản và dễ hiểu Rich Snippets chính 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 đó. Vậy làm thế nào để cài đặt Rich Snippets vào Blogspot. Các bạn xem các bước hướng dẫn sau đây .
Để tiến hành chèn Rich Snippets vào Blog, các bạn đăng nhập vào Blogger -> Mẫu -> Chỉnh sửa HTML . Sau đó tiến hành các bước sau
Bước 1 : Chèn Rich Snippets cho Blog . Ta tiến hành chèn code bên dưới vào sau thẻ <body>
<b:if cond='data:blog.pageType != "item"'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'>Du Lịch Đà Nẵng</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>
Lưu ý :
- Các bạn có thể thay đổi " Du Lịch Đà Nẵng " thành tiêu đề Blog của bạn.
- Thay đổi link ảnh ở trên thành link ảnh đại diện cho Blog của bạn.
Bước 2 : Chèn Rich Snippets cho trang bài viết của Blog
1. Bấm Ctrl + F vào paste vào khung tìm kiếm, một trong 2 đoạn code sau :
<div class='post-footer-line post-footer-line-1'>
hoặc code :
<div class='post-footer-line post-footer-line-2'>
2. Hãy chèn đoạn code sau đây vào phía sau 1 trong 2 đoạn code ở trên mà các bạn vừa tìm được.
<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>
.
Bước 3: Kiểm tra kết quả . Để kiểm tra xem Rich Snipptes đã được thêm vào Blog chưa, các bạn có thể truy cập đường link bên dưới và Add URL blog của mình vào để kiểm tra nhé .
https://developers.google.com/structured-data/testing-tool/
Lưu ý: Để hình ảnh của Snippet xuất hiện được trên tìm kiếm google search 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.
