Rich Snippets có nhiều dạng : sao, logo, xếp hạng, ... bây giờ mình sẽ giới thiệu từng dạng để các bạn tham khảo.
Chào các bạn, ở bài viết trước mình đã giới thiệu với các bạn Rich Snippets là gì, bây giờ mình sẽ hướng dẫn các bạn cách chèn code để tạo Rich Snippets cho website của mình.
Như đã nói ở bài trước, Rich Snippets có nhiều dạng : sao, logo, xếp hạng, ... bây giờ mình sẽ giới thiệu từng dạng để các bạn tham khảo.
Sau khi chèn code, các bạn có thể kiểm tra lại tại đây: Webmaster Tools - Rich Snippets Testing Tool
1. Rich Snippets dạng ngôi sao kèm theo phiếu đánh giá :
Code :
CODE
<div itemscope="" itemtype="http://schema.org/Recipe" style="display:none !important;">
<span itemprop="name">Thơ Nguyễn Bính</span>
<div id="static_rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">9.9</span><span itemprop="bestRating">10</span><span itemprop="ratingCount">5000000</span></div></div>
2. Rich Snippets dạng logo
Code :
CODE
<div itemscope="" itemtype="http://schema.org/Recipe" style="display:none !important;">
<span itemprop="name">Thơ Nguyễn Bính</span>
<img itemprop="image" src="tho-nguyen-binh.jpg" alt="thơ nguyễn bính">
</div>
</div>
3. Rich Snippets kết hợp logo và 5 sao
Code :
CODE
<div itemscope="" itemtype="http://schema.org/Recipe" style="display:none !important;">
<span itemprop="name">Thơ Nguyễn Bính</span>
<img itemprop="image" src="tho-nguyen-binh.jpg" alt="thơ nguyễn bính">
<div id="static_rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">9.9</span><span itemprop="bestRating">10</span><span itemprop="ratingCount">5000000</span>
</div>
</div>
4. Rich Snippets dạng Breadcrumb
Code :
CODE
<div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://www.example.com/dresses" itemprop="url"><span itemprop="title">nguyễn bính</span></a> ›</div>
<div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://www.example.com/dresses/real" itemprop="url"><span itemprop="title">thơ nguyễn bính</span></a> ›</div>
5. Rich Snippets dạng Sitelink giả
Code :
CODE
<div class="vcard"><span class="fn org"></span><span class="adr"><span class="region"><br />
</span></span><span class="geo"><span class="latitude"><span class="value-title" title="37.774929"></span></span><span class="longitude"><span class="value-title" title="-122.419416"></span></span></span></div>
<div class="vevent"><a href="http://www.example.com/events/spinaltap" class="url summary">thơ nguyễn bính</a> <span class="dtstart"><span class="value-title" title="2015-10-15T19:00-08:00"></span></span></div>
<div class="vevent"><a href="http://www.example.com/events/u2" class="url summary">tác phẩm thơ nguyễn bính</a><span class="dtstart"><span class="value-title" title="2015-10-16T19:00-08:00"></span></span></div>
|
Thêm vào trang Google +
vfa.hoangnn
21:55 pm GMT +7 Hanoi
