After doing some test code snippets schema.org on this blog that I and others in the blogspot platform, ultimately the final also means that precise placement automatically for each page, and this time I will share it with buddies, ok!
Here is How to Put Schema.org at Blogspot:
1. Log in to Blogger.com
2. Click the Design, Edit HTML, Tick Expand Widget Templates (do not forget to download full template yes for backup)
3. Find the code below:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Then replace with this following code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' itemscope='http://schema.org/Article' itemtype='http://schema.org/Article' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4. Then find another code like the following:
<b:if cond='data:post.title'>
<h3 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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
5. Replace with the following code:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><span itemprop="name"><data:post.title/></span></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><span itemprop="name"><data:post.title/></span></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
6. Save Template
Still not finished! Edit HTML again now, then we will be able to equip it with a description meta tags and also using the body text description, trick
Adding Meta Tags for Every Page Itemprop Schema.org Different
Copy the meta tag below
<b:if cond='data:blog.url == "http://kendariit.blogspot.com/2011/08/post-url.html"'>
<meta content="Write Article Titles here" itemprop="name"/>
<meta content="Write a Post Description / article here" name="description"/></b:if>
Replace red url with your url, then place the meta tag below your existing or under <head> code. Save the template.
Note: If using a meta tag above then you do not need to change the code in step no.4 with no code. 5, so just follow the steps 1,2,3, and 6 only.
Attach or Add a description / description Schema.org on Body Text / Post
To add or attach description of the article / post your blogspot using schema.org snippet is when you create an article please select a sentence that would be a description of your article, such as this description of his article: "How to Put on Blogspot or method Schema.org Adding meta Tag schema.org or adding snippets of schema.org in blogspot ". Then to enter the description as a snippet description, please add itemprop="description"> <span code .... </ span> between the text. Like this happens:
<span itemprop="description">How to Put on Blogspot or method Schema.org Adding Meta Tags Schema.org or adding snippets of schema.org in blogspot</span>
Hereinafter "publish" or publish the article deh, finished. Ter for the articles that have been published as the above description can be added by editing the article, and do the same way as before. Easy, is not it?
Note: For this, you must follow the steps of rare-no.1 to completion.
Good luck and hopefully useful.
0 komentar:
Posting Komentar