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

19
Hướng dẫn tạo Rich Snippets cho website
1.7 (34.05%) 222 votes

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 viết 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 ngôi 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>

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 logo và 5 sao

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ả

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


19 Comments

  1. ve may bay gia re says:

    bai viet cua ban kha hay, cam on ban

  2. Chevrolet cruze says:

    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.

  3. 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 ạ?

  4. blog chuyện ấy says:

    Phần trên đây là giới thiệu mà.. Bác có thể viết 1 tut hướng dẫn setup rich snippets có test thành công không ah.

  5. Phuc Tran says:

    Nếu sử dụng wordpress thì sao hả bạn

  6. Phan Hải says:

    thank bác

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

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

  9. hung vu says:

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

  10. quynh thu says:

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

  11. tien huy142 says:

    tự chèn code và bị sai có sao không thớt ơi?

  12. boy xinh says:

    có thể test cài đặt có chính xác không bằng công cụ nào không ad?

  13. lam xinh says:

    thank bài viết chủ thớt rất nhiều ^^

  14. Mai Hương89 says:

    ad hướng dẫn mình cách setup báo cáo phần thẻ Rich trên google mastertool với ạ

  15. Phương241 says:

    thank chủ thớt và đã cài thành công ^^

  16. Phan says:

    thank chủ thớt

  17. Hải Vũ says:

    mấy cài này giờ còn hiệu quả không. Mình dùng Kstar thì ngon nhưng chưa hỗ trợ trên trang chủ, page và chuyên mục nên đang tham khảo

  18. Thuật says:

    Vãi cả cái gọi là hướng dẫn =))

Leave a Reply