4/23/13

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhH68QnkH-JDJv8FkiuiT2gDXkDmQv26Qw0COwZ4vglK912b67GCsleCZj54cCpHfMVBHgli3sHu9iEyeLtFp7DuD7pm6YgNMPvToGMD4W77Q5G4ad73oLzy44w4BNJ0npJV_fYGDdPlCT/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.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhH68QnkH-JDJv8FkiuiT2gDXkDmQv26Qw0COwZ4vglK912b67GCsleCZj54cCpHfMVBHgli3sHu9iEyeLtFp7DuD7pm6YgNMPvToGMD4W77Q5G4ad73oLzy44w4BNJ0npJV_fYGDdPlCT/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhH68QnkH-JDJv8FkiuiT2gDXkDmQv26Qw0COwZ4vglK912b67GCsleCZj54cCpHfMVBHgli3sHu9iEyeLtFp7DuD7pm6YgNMPvToGMD4W77Q5G4ad73oLzy44w4BNJ0npJV_fYGDdPlCT/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ẻ !

0 nhận xét:

Post a Comment