Hướng dẫn sử dụng Rich Snippets toàn tập
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
HTML:
<div itemscope itemtype=”http://schema.org/Recipe”>Minh hoạ:
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ạ:
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>
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>
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.
Theo dòng sự kiện
Những tin mới hơn
Những tin cũ hơn