Cách hiển thị Rich Snippets trên Blogspot

Khi muốn hiển thị trang của mình trên trang kết quả tìm kiểm của Google mà có hình như thế này thì bạn phải làm sao:

Rất đơn giản, đây là hướng dẫn cấu hình blogspot để hiển thị Rich Snippets:

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 == &quot;item&quot;'>
<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

Read More...