Cách chèn rich snippets [ đánh giá 5 sao vào blog
<div class=’post-footer’> <div class=’post-footer-line post-footer-line-1′> <div class=’post-footer-line post-footer-line-2′>
Bước 2 : chọn 1 trong 3 loại thẻ Rich và chèn vào phía dưới nó và lưu lại ( hoặc chèn bất kỳ chỗ nào trong thẻ )
<b:includable id=’post’ var=’post’>
3 loại thẻ rich snippets cho blog
<b:if cond=’data:blog.pageType == “item”‘> <div itemprop=’aggregateRating’ itemscope=” itemtype=’http://schema.org/AggregateRating’ style=’color:Transparent;’> Rated <span itemprop=’ratingValue’>4.3</span>/5 based on <span itemprop=’reviewCount’>9</span> votes </div> </b:if>
Loại 2 : hiển thị đánh giá 5 sao và hình thu nhỏ
<b:if cond=’data:blog.pageType == “item”‘> <footer class=’not-show’ typeof=’Recipe’ vocab=’http://schema.org/’><b:if cond=’data:post.thumbnailUrl’><img expr:alt=’data:post.title’ itemprop=’image’ property=’image’ src=’https://lh3.googleusercontent.com/-8iT2agtzI34/Vn3rG7PYEHI/AAAAAAAABKc/DTWhJSrJRTE/w140-h140-p/ok.png’/></b:if> <span property=’name’><data:post.title/></span><span property=’author’ typeof=’Person’><span property=’name’><data:post.author/></span></span><time expr:datetime=’data:post.timestampISO8601′ property=’datePublished’><data:post.timestampISO8601/></time><span property=’aggregateRating’ typeof=’http://schema.org/AggregateRating’><span property=’ratingValue’>4.3</span>stars based on<span property=’reviewCount’>9</span>reviews</span><span property=’description’><data:post.snippet/></span></footer> </b:if>
Loại 3 : sử dụng json-ld đánh dấu dữ liệu vào cấu trúc , loại này người ta sử dụng nhiều nhất.
<b:if cond=’data:blog.pageType == “item”‘><script type=’application/ld+json’> {“@context”:”http://schema.org/”,”@type”:”Review”,”itemReviewed”:{“@type”:”Thing”,”name”:”<data:post.title/>”},”author”:{“@type”:”Person”,”name”:”<data:post.author/> “},”reviewRating”:{“@type”:”Rating”,”ratingValue”:”6″,”bestRating”:”10″},”publisher”:{“@type”:”Organization”,”name”:”<data:post.author/>”}} </script> </b:if>
Lời kết
View : Thư viện tìm kiếm Google developer
DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.Cám ơn.
