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

6
Rate this post

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

Rich Snippets dạng ngôi 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

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

Rich Snippets kết hợp logo và 5 sao

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

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ả

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é ^^!

Hy vọng bài viết này sẽ mang lại nhiều kiến thức bổ ích cho bạn mong các bạn đóng góp thêm ý kiến để bài hoàn thiện hơn!!!

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


6 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 ạ?

  3. Lam says:

    Vãi đọc câu cuối hụt hẫng => Khóc
    “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é ^^!”

  4. hong linh says:

    trước giờ vẫn không biết làm thế nào để web có đánh giá sao vàng trên kết quả tìm kiếm.

  5. hung vu says:

    có thể cop nguyên cái đoạn code được không ạ.

  6. quynh thu says:

    sửa xog rich snippets thì cần bao lâu để google index lại kết quả vậy ad?

Leave a Reply