Interested in making Rich Snippet to be applied on your blog?.Okay I'll share a brief way how to make the rich snippets for blogspot or blogger. The steps as below:
1. Make your first Google account +.
2. Google pages + already exists and is considered ready to be used for purposes of Rich Snippets. Rich Snippets is itself a process of linking to a blog + Google profile, so that in Google's search results, blog author is raised and some other features like rating and a description of the blog.
3. next step, we will connect with the blog + Google page that is by putting this code in the edit html page right in the blog header.
<!-- place this tag at <head> section of blog --> <link href="https://plus.google.com/111799635502470708810" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'id'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })();</script>
Replace the red text with your id + google page, and orange text to customize your blog language in the above case icalcell using the id that is Indonesian. To view the complete arrangement of this code, you can visit here https://developers.google.com/+/plugins/badge/config?pageId =
4. Once the code is successfully applied on the blog, then we will check if the blog has been verified in the Rich Snippets. For that please visit the rich snippets page tool. Enter one of the links on the blog post, and note whether the publisher status is verified or not. As shown below.
1. Rich Snippets code base, which is a span that covers body blog, as a sign that our blog is a blog review for Rich Snippe.
code : <div><div itemscope='' itemtype='http://data-vocabulary.org/Review'> , added after <body> section
code : </div></div> , added before </body> section.
Contohnya seperti dibawah ini :
<body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
----------------------------------------------------------------------------------------------------------------
--------------------------------------------------------
</div></div>
</body>2. The code for the Reviewer or author, it would appear on Google search results.
code: <span itemprop='reviewer'>Blogger Adsense</span>, insert <data:post.author/> between <span> tag, so that later will be like this <span itemprop='reviewer'><data:post.author/></span> .
3. Title Code of the post reviewer.
code : <span itemprop='itemreviewed'><post title tag></span>
example:
<span itemprop='itemreviewed'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</span>
in this case, i use tag h1 for post title.4. Description and Rating for Rich Snippets, my recommendation to make it manually (applied to the single post). This means that each post new articles, Include code snippets to record the rich description and rating posts, or posts.
Code for the Description of Rich Snippets
<span itemprop='description'>Description</span>
code for rating of rich snippets
Rating: <span itemprop='rating'>total rating</span>
Insert code with manually, every you will update post at your blog. Total rating from 1 until 5 rating, please use different rating for every post, to be good shown at search engine.
0 Comments