Tạo Rich Snippets cho blogspot
Rich snippets cho blogspot trên kết quả tìm kiếm sẽ có dạng như thế này (Xem hình dưới). Đây là một bài viết hay mình sưu tầm được bên blog của bạn Thương Lee. Để tìm thông tin chính xác cũng như các phản hồi của thủ thuật này bạn vào blog của bạn http://www.tinhoc24h.info
Thời gian gần đây các kết quả tìm kiếm trên google này càng trở nên bắt mắt hơn vì những kết quả tìm kiếm có kèm theo Rich Snippets(tạm dịch: trích dẫn phong phú). Tuy nhiên những kết quả tìm kiếm này các bạn thường bắt gặp đối với những website sử dụng mã nguồn php là chủ yếu. Nhưng trên blogger chúng ta có thể thực hiện chúng một cách dễ dàng với thủ thuật sau của Tinhoc24h. Bên cạnh hướng dẫn tạo Rich Snippets cho blogger thì tôi cũng xin chia sẽ với các bạn những lợi ích và tác hại mà Rich Snippets mang đến cho bạn khi sử dụng nó. Hi vọng những chia sẽ sau đây sẽ giúp cho bạn hài lòng và tốt cho SEO-er.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.
Đăng nhận xét