SEO with microdata and Google+
I don't know you, but each time I discover a new site, I do a [ CTRL ] + [ U ] to view the html source. And often, it's hard to mind the code.
Specialy, CMS generated markup are hard to read, due to what some calls "html soup" ...
Each layer, each block, each module, add tags, and makes the code difficult to parse. And it's worse for a bot : text taming is not easy, even for Google's engineers...
I'll show you a large snippet that I used to describe myself on my résumé (work in progress), and how-to link that page with Google+ to trigger a bot visit that will boost your SEO.
Here is the code:
- <!-- Declare a person description with itemscope & itemtype-->
- <section itemscope itemtype="http://schema.org/Person">
- <!-- Give the person a name, and link it with G+ -->
- <!-- Note the ?rel=author -->
- <!-- Person is a Thing in Schema.org, so it inherit the url property-->
- <!-- Describe the person with his employer, as a sub-entity, Organization -->
- <div itemprop="worksFor" itemscope itemtype="http://schema.org/Organization">
- <!-- Organization description -->
- <!-- Declare a sub-sub-entity, a place for the Organization of the Person ... -->
- <div itemprop="location" itemscope itemtype="http://schema.org/Place">
- <!-- Idem, the Place has a PostalAddress -->
- <ul itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
- </ul><!-- end of the PostalAddress -->
- </div><!-- end of the Place -->
- </div><!- end of the Organization- -->
- <!-- Declare a colleague as a Person sub-entity -->
- <li itemprop="colleagues" itemscope itemtype="http://schema.org/Person">
- <!-- home, sweet home -->
- <div itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
- <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
Schema.org is easy :
- Declare an entity with itemscope and itemtype.
- Add a property with itemprop, and wrap its content within a tag.
- Entity can have sub-entities, described with itemprop, itemscop and itemtype.
- Entities inherit property from their parents
But it is also rich.
The rel html attribute is not part of Schema.org, but a tool used by Google to link together some content. Add rel="me" or rel="author" to hang an item to someone. If you have a link in your Google+ profile that point to your content, and a back link from your page to Google, Google will understand that you are the page author, and will show the page in Google's results. You can also complete this form to accelerate the bot visit.
Here is my Google+ profile, about tab, with the links added that point to my blogs:
And next a screenshot of a Google search on my name, layered with my G+ profile. The firsts results are all on my profile:
Finaly, you can test your code with the Rich Snippets Testing Tool, and see your SEO gain from Google, Bing and Yahoo webmaster's tools.
A Drupal module exists, that I'll test soon