Rich Snippets là gì?
Các công cụ hỗ trợ Rich Snippet
Test Rich Snippets: http://www.google.com/webmasters/tools/richsnippets
Hỗ trợ và tìm hiểu tại: http://schema.org/docs/schemas.html
Hướng dẫn sử dụng Rich Snippet vào website
Để thêm được Rich Snippets vào Website, chúng ta chỉ việc copy đoạn mã html có định dạng Rich Snippets vào bài viết hoặc trên trang web. Việc thêm này rất đơn giản. Hoặc để tự động chúng ta thêm chúng vào code và tùy biến các trường cần thiết.
--------------------------o0o--------------------------
1. Rich Snippets xếp hạng, bình chọn, bỏ phiếu:
Là phần hiển thị những đánh giá xoay quanh bài viết hoặc sản phẩm, giúp cho khách hàng có cái nhìn tổng quan về sản phẩm.
Rich Snippets xếp hạng, bình chọn, bỏ phiếu:
Để hiển thị kết quả như trên, Anh/chị thêm vào bài viết một đoạn mã html như sau:
<div class="schemar" itemtype="http://schema.org/Recipe" itemscope="">
<span itemprop="name">Tương lai của Internet sẽ thế nào?</span>
<img src="//images/internetmarketing/thumbs/tuong-lai-internet_70x70.jpg" alt="Tương lai của Internet sẽ thế nào?" itemprop="image">
<span itemprop="description"><p style="text-align: justify;">Trong cuộc phỏng vấn chủ tịch Google Eric Schmidt mới đây, ông đã tiết lộ tương lai và tác động của Internet đến nhân loại. Trong Tân kỉ nguyên kĩ thuật số, một trong những cuốn sách được mong chờ nhất thế giới công nghệ năm 2013</p>
</span>
<div itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating" id="static_rating">
<span itemprop="ratingValue">114.864864865</span>
<span itemprop="bestRating">135.135135135</span>
<span itemprop="ratingCount">250</span>
</div>
</div>
Anh/chị có thể áp dụng vào website của mình chỉ việc thay thế các từ bôi đậm, chữ màu đỏ là hoàn tất.
2. Rich Snippets cho thanh điều hướng Breadcrumb link (navigation link):
Là phần hiển thị đường dẫn của bài viết hoặc sản phẩm, giúp người dùng truy cập nhanh tới các danh mục trên website chưa bài viết hoặc sản phẩm
Rich Snippets cho thanh điều hướng Breadcrumb
Để hiển thị kết quả như trên, Anh/chị thêm vào bài viết một đoạn mã html như sau:
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="/http://mastercao.com" class="crumb" rel="up" itemprop="url"><span itemprop="title">Master Cao</span></a><span class="divider">/</span>
</span>
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="/http://mastercao.com/kien-thuc-seo.html" class="crumb" rel="up" itemprop="url"><span itemprop="title">Kiến thức SEO</span></a>
</span>
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<span class="divider">/</span><span itemprop="title">Google AuthorRank thuật toán SEO mới trong năm 2013</span>
</span>
Anh/chị có thể áp dụng vào website của mình chỉ việc thay thế các từ bôi đậm, chữ màu đỏ là hoàn tất.
3. Rich Snippnet quyền tác giả Author
Là phần hiển thị tác giả của bài viết, giúp người đọc cảm thấy thân thiện hơn, uy tín hơn đối với bài viết và sản phẩm trên website
Rich Snippnet quyền tác giả Author
B1: Copy thẻ <a> vào bài viết:<a rel="author" href="https://plus.google.com/[ID Google+]?rel=author">[Tác giả]</a>
ví dụ: <a title="Master Cao" href="https://plus.google.com/116046081343043459392?rel=author">Google +</a>
B2: Đăng nhập Google+ -> sửa tiểu sử của bạn -> thêm website của bạn vào mục Cộng tác viên để xác nhận bạn đang làm việc với Website
B3: Đăng ký email để xác nhận quyền tác giả tại: http://plus.google.com/authorship
B4: Upload lại avatar chú ý avatar G+ phải là cái mặt mình nếu không sẽ không hiển thị ảnh.