Cách thêm tùy chỉnh đánh giá sao xếp hạng trên google richsnippets

Làm thế nào để hiển thị ngôi sao (Star) đánh giá kết quả tìm kiếm trang Web của tôi trên Google? Chỉ cho mình cách thêm ngôi sao (Star) đánh giá trang Web có bỏ phiếu bầu cho Website hoặc nội dung bài viết, sản phẩm...

- Hướng dẫn hôm nay mình giới thiệu tới các bạn cách thêm tùy chỉnh được đánh giá sao và xếp hạng độ đo của Google, thay đổi con số phiếu bầu...
Sau đó các bạn có thể kết hợp giữa 2 richsnippets Hiển thị tác giả qua Google tìm kiếm và richsnippets vừa làm nhé.

Xem cách thêm của mình ở trang: Ảnh bìa FB ở gần dưới chân trang nhé
1. Tùy chỉnh đánh giá sao xếp hạng trên google richsnippets, tùy chỉnh số phiếu bầu
Thêm đoạn code dưới đây vào <body> Website - Blog của bạn

<div id="google">
<div itemscope itemtype="http://schema.org/Recipe">
<span itemprop="name">Ảnh bìa FB</span>
<img itemprop="image" src="http://2.bp.blogspot.com/-EQ9uGBW1rqw/UXYC84lEQdI/AAAAAAAAG_Y/KmLbqgqEHQ4/s1600/FB-Heart.png" alt="Ảnh bìa FB, heart FB" width="30px" ; />
<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">9.5</span>/<span itemprop="bestRating">10</span>
<span itemprop="ratingCount">2917837</span> bình chọn
</div>
</div>
</div>

- Trong đó:
Ảnh bìa FB: là nội dung text ở Website.
http://2.bp.blogspot.com/-EQ9uGBW1rqw/UXYC84lEQdI/AAAAAAAAG_Y/KmLbqgqEHQ4/s1600/FB-Heart.png : là link ảnh hiển thị ở Website.
2 cái đó không hiển thị trên google tìm kiếm.
 3 con số được bôi xanh các bạn tùy chỉnh theo ý mình nhé. Nó sẽ hiển thị trên Google tìm kiếm. Ví dụ như xem trên hình.
2. Kết hợp gữa 2 richsnippets (Sao đánh giá và hiển thị tác giả)
- Như trên hình trên mình có sử dụng kết hợp 2  google richsnippets
Nếu bạn sử dụng kết hợp thì chỉ cần thêm cái code của tác giả vào là được. Các bạn đọc lại thêm bài viết Hiển thị hình ảnh tác giả trên Google tìm kiếm trước nhé.
Code đầy đủ:

<div id="google">
<div itemscope itemtype="http://schema.org/Recipe">
<span itemprop="name">Ảnh bìa FB</span>
<img itemprop="image" src="http://2.bp.blogspot.com/-EQ9uGBW1rqw/UXYC84lEQdI/AAAAAAAAG_Y/KmLbqgqEHQ4/s1600/FB-Heart.png" alt="Ảnh bìa FB, heart FB" width="30px" ; />
<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">9.5</span>/<span itemprop="bestRating">10</span>
<span itemprop="ratingCount">2917837</span> bình chọn
</div>
</div>
<a target="_blank" href="https://plus.google.com/117290973503680239179?rel=author" rel="author">Google Plus: Phong Vũ </a><br />
</div>

- Trong đó: phần bôi đỏ mình sử dụng cho richsnippets tác giả.
- Các bạn có thể vào trang http://www.google.com/webmasters/tools/richsnippets để kiểm tra xem kết quả đã hiển thị được chưa và đúng như ý mình không nhé :)

Phần lợihại của richsnippets mình chưa phân tích nên chưa chém được. ^_^
Chúc các bạn vui vẻ !

Chuyên mục: , ,

12 comments:

  1. Google Plus F sẻ ko hiển thị trên kết quả tìm kiếm đâu bạn.

    ReplyDelete
    Replies
    1. Là sao bạn ? Mình vẫn sử dụng google Plus mà

      Delete
  2. à là lưu nó không được bạn à

    ReplyDelete
    Replies
    1. Bạn thêm code có đúng không? Là lỗi Code hay sao?

      Delete
  3. Bạn nói rõ xem code vậy thì mình add vào chỗ nào vậy, làm ntn cho nhanh lên sao hay chỉ add là có sao luôn

    ReplyDelete
    Replies
    1. Bạn chỉ Add là có sao luôn vì đây là thủ thuật làm nổi bật kết quả trên tìm kiếm google chứ không qua đánh giá sao của trang nào khác. Đó là Code HTML nên bạn thêm vào vị trí nằm trong thẻ BODY là được

      Delete
  4. Nó báo lỗi: "Lỗi khi phân tích cú pháp XML, dòng 1305, cột 16: Attribute name "itemscope" associated with an element type "div" must be followed by the ' = ' character." a ạ

    ReplyDelete
    Replies
    1. Mình thêm vào 1 Widget (tiện ích) HTML/ JAVASCript nhé

      Delete
  5. Chèn vào một widget thì nó hiện ra ngoài body làm sao đây hả anh vủ

    ReplyDelete
    Replies
    1. Bạn chèn khéo nhé. Như trang ảnh bìa Facebook mình có lựa chọn vị trí chèn dưới

      Delete