SEO Kool - Làm SEO với phong cách cực "Kool" !

SEO » Kiến thức SEO, SEO Onpage » Hướng dẫn tạo Rich Snippets cho website

2

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: http://www.google.com/webmasters/tools/richsnippets

1. Rich Snippets dạng ngôi sao kèm theo phiếu đánh giá :

rich snippets dạng 5 sao

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

Rich Snippets dạng logo

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

Rich Snippets kết hợp

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>
<span class=”by-author”> <span class=”sep”> Designed by </span> <span class=”author designed”><a rel=”author” href=”https://plus.google.com/107117248524329257991/about” class=”url_hungvu”>Hưng Vũ</a></span></span>

</div>

</div>

4. Rich Snippets dạng Breadcrumb

Rich Snippets dạng Breadcrumb

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 :

<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>

Lưu ý là những đoạn code mình liệt kê ở trên chỉ là fake thôi nhé, các bạn có thể áp dụng thử cho vui, còn có bị Google nhòm ngó không thì mình không chịu trách nhiệm nhé ^^!

Bản quyền thuộc về Seokool.com . Vui lòng trỏ link về bài viết gốc, ghi rõ nguồn http://Seokool.com và tên tác giả viết bài nếu các bạn copy bài viết này.

Bài viết liên quan


2 Comments

  1. Bác nói bác hướng dẫn tạo mà em đọc toàn là giới thiệu không ah.

  2. Tiến Ban says:

    Bác có thể hướng dẫn thêm cho em là các code này sẽ dán vào đâu được không ạ?

Leave a Reply