Hướng Dẫn thêm Rich Snippets Chuẩn HTML5 cho Blogger Blogspot

Đây thực chất là công cụ đánh giá sao cũng như kèm hình ảnh bài viết trên bộ máy công cụ tìm kiếm mà đặc biệt là google. Cách này sẽ khiến cho bài viết của bạn khi tìm kiếm được bắt mắt cũng như chuyên nghiệp hơn và có thể là SEO sẽ tốt và thân thiện hơn hơn

Rich Snippets là đoạn thông tin hiển thị trên kết quả trả về của bộ máy tìm kiếm (Google, Yahoo, Bing, …) được thể hiện dưới dạng sao, hình ảnh, xếp hạng đánh giá,… nhằm làm tăng độ nổi bật của website khi người dùng thực hiện thao tác search với một từ khóa nào đó. Thêm Rich Snippets chuẩn HTML5 cho blogspot !

CÀI ĐẶT RICH SNIPPETS CHUẨN HTML5 CHO BLOGSPOT

- Vào Mẫu > Chỉnh sửa HTML

- Thêm đoạn code sau trên ]]>

.hide{position:absolute;top:-9999px;left:-9999px}

- Chèn code sau dưới  

 cond='data:blog.pageType != "item"'>

 class='hide'>

 itemscope='' itemtype='http://schema.org/Recipe'>
 itemprop='name'>CODESEO.NET - Share CODE Template Thủ Thuật Blog/Web/Wap Hay và Tốt Nhất
 alt='CODESEO.NET - Share CODE Template Thủ Thuật Blog/Web/Wap Hay và Tốt Nhất' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9LXHPVN8Gp3PopMXO8qvexa6fttzyOMM6bz6WWpFIDZZGeoHJm1Zn4vsn7frrQixEnGEFVgqYj_O6qAiD8hVUecj-TSJKSK_wW8eCsjqNq4MI-ZsWyvT6chfCYLsuU3zPu45k7Mbzyw/s1600/web-code.png'/>

 itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
 itemprop='ratingValue'>8/ itemprop='bestRating'>10
 itemprop='ratingCount'>102 bình chọn

- Thay tiêu đề trang, hình ảnh của bạn ở phần name cũng như phần img cái đó sẽ hiển thị trang chủ của bạn trên google

- Tiếp tục tìm đến thẻ 

 class='post-footer-line post-footer-line-1'>
Hoặc

 class='post-footer-line post-footer-line-2'>
Hoặc

 class='post-footer-line post-footer-line-3'>

- Chèn đoạn code sau dưới thẻ vừa tìm 

 cond='data:blog.pageType == "item"'>

 class='hide'>

 itemscope='' itemtype='http://schema.org/Recipe'>
 itemprop='name'>.pageName/>
 expr:alt='data:blog.pageName' expr:src='data:blog.postImageThumbnailUrl' itemprop='image'/>

 itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
 itemprop='ratingValue'>8/ itemprop='bestRating'>10
 itemprop='ratingCount'>102 bình chọn

- Như vậy là bạn đã thêm thành công Rich Snippets cho blogspot rồi.
- Kiểm tra tại xem đã đặt đúng vị trí code chưa tại : https://developers.google.com/structured-data/testing-tool/