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

Rich Snippets là gì?
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 đó.
Tác dụng của Rich Snippets
Ví dụ minh họa.

Trên đây là kết quả tìm kiếm của chính website tinhoc24h mà tôi đã sử dụng đoạn mã Rich Snippets để tạo ra nó.
Lợi ích của Snippets
Tác hại của Snippets
Hướng dẫn tạo Rich Snippets cho blogger
Đây là hướng dẫn tạo Rich Snippets cho từng bài viết của blogger. Mỗi bài viết sẽ có một kết quả tìm kiếm xuất hiện với hình ảnh thumbnail của nó.
Bước 1: vào Blogger -> Mẫu -> Chỉnh sửa HTML -> Mở rộng tiện ích.
Bước 2: tìm đến đoạn mã sau:
<div class='post-footer-line post-footer-line-1'>và thêm vào ngay sau nó đoạn code bên dưới:
<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 itemprop="image" expr:src='data:blog.postImageThumbnailUrl' expr:alt="data:blog.pageName" />
<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">9</span>/<span itemprop="bestRating">10</span>
<span itemprop="ratingCount">99</span> bình chọn
</div></div></div>
</b:if>
Bước 3: Lưu mẫu -> Hoàn thành
Lưu ý: để hình ảnh của Snippet xuất hiện được trên 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 nó mới hiện thị được trên google. Trên đây là hướng dẫn tạo Snippets tuy nhiên tôi không khuyến khích các bạn sử dụng. Chúc các bạn thành công.






0 nhận xét: