rich-snippets-la-gi1 Thảo theo yêu cầu tim hiểu về Rich Snippets của anh em.

Bài viết này tôi sẽ tổng hợp những  Rich Snippets phổ biến nhất

Công cụ Test Rich Snippets: http://www.google.com/webmasters/tools/richsnippets

Hướng dẫn:

- itemscope: Định nghĩa khối có tác dụng.

- itemtype: Khai báo cho Google biết định nghĩa và nhận dạng data cho thuộc tính itemprop.

- itemprop: Khai báo định dạng cấu trúc mà itemtype cung cấp

Nguồn: http://schema.org/docs/schemas.html và http://www.data-vocabulary.org

1. Rich Snippets xếp hạng, bình chọn, bỏ phiếu:

HTML:

<div itemscope itemtype="http://schema.org/Recipe">

    <span itemprop="name">Cộng đồng Google Việt Nam</span>

    <img itemprop="image" src="http://igoo.vn/Source/images/logo.png" alt="Cộng đồng Google Việt Nam">

    <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">

        <span itemprop="ratingValue">9</span>/<span itemprop="bestRating">10</span>

        <span itemprop="ratingCount">99</span> bình chọn

    </div>

</div>

Minh hoạ:

Rich Snippets AggregateRating 1

HTML:

<div itemscope itemtype="http://schema.org/Recipe">

    <span itemprop="name">Cộng đồng Google Việt Nam</span>

    <img itemprop="image" src="http://igoo.vn/Source/images/logo.png" alt="Cộng đồng Google Việt Nam">

    <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">

        <span itemprop="ratingValue">9</span>/<span itemprop="bestRating">10</span>

        <span itemprop="reviewCount">999</span> bài đánh giá

    </div>

</div>

Minh hoạ:

Rich Snippets AggregateRating 2

HTML:

<div itemscope itemtype="http://data-vocabulary.org/Recipe">

<span itemprop="name">Cộng đồng Google Việt Nam</span>

    <img itemprop="photo" src="/images/logo.jpg" alt="Cộng đồng Google Việt Nam" />

    <div itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">

        <span itemprop="rating">2</span>

        <span itemprop="count">10</span>

    </div>

</div>

Minh hoạ:

Rich Snippets Review-aggregate 1

HTML:

<div itemscope itemtype="http://data-vocabulary.org/Recipe">

<span itemprop="name">Cộng đồng Google Việt Nam</span>

    <img itemprop="photo" src="/images/logo.jpg" alt="Cộng đồng Google Việt Nam" />

    <div itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">

        <span itemprop="rating">2</span>

        <span itemprop="votes">15/span>

    </div>

</div>

Minh hoạ:

Rich Snippets Review-aggregate 2

2. Rich Snippets Breadcrumb link (navigation link):

Tham khảo: http://igoo.vn/breadcrumb-link-navigation-link-trong-seo.html

HTML:

<ul itemscope itemtype="http://data-vocabulary.org/Breadcrumb">

    <li><a itemprop="url" href="/" title="Trang chủ"><span itemprop="title">Trang chủ</span></a></li>

    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/trang1" title="Trang 1"><span itemprop="title">Trang 1</span></a></li>

    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/trang2" title="Trang 2"><span itemprop="title">Trang 2</span></a></li>

    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/trang3" title="Trang 3"><span itemprop="title">Trang 3</span></a></li>

</ul>

Minh hoạ:

Rich Snippets Breadcrumb

3. Xác nhận Google+ Pages với Website:

Tham khảo: http://igoo.vn/xác-nhận-google-pages-với-website-của-bạn-video-seo.html

4. Xác nhận tác giả bài viết bằng Google+:

Bạn chỉ cần thao tác 2 bước đơn giản để khai báo với Google là bài viết đó là của bạn.

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 rel="author" href="https://plus.google.com/116602647998496576269?rel=author">Bình Nguyễn</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

Rich Snippets Author

Kết luận: Các  bạn chỉ cần nhìn và phân tích chút là oki vì nó cũng rất đơn giản.

Chúc các bạn thành công!

VN:F [1.9.20_1166]
Rating: 6.7/10 (3 votes cast)
VN:F [1.9.20_1166]
Rating: +2 (from 2 votes)
Hướng dẫn sử dụng Rich Snippets toàn tập, 6.7 out of 10 based on 3 ratings
Bài viết này có ích hãy chia sẻ cho bạn bè:
Bài viết được cám ơn 0 lần. Bấm đây để Cám ơn ?

Random Posts

Các bài liên quan:

  1. Bộ Tài liệu hướng dẫn làm SEO căn bản của Google
  2. Tomatocart-Hướng dẫn sử dụng
  3. Hướng dẫn cài đặt và sử dụng Opencart
  4. TextCrawler 2.0: Thay thế nội dung hàng loạt file text
  5. Hướng dẫn chống xFlash – DDOS
  6. Hướng dẫn Untethered Jailbreak iPhone 4S – iOS 5.0 & 5.0.1 bằng Absinthe (Win)
  7. SEO Là Gì? Làm SEO như thế nào?
  8. Thủ thuật SEO cho những website tin tức
  9. MỘT SỐ LỖI THƯỜNG GẶP TRONG EXCEL
  10. Hướng dẫn viết PrestaShop Modules