User login
Stay in touch
-
-
Subscribe!
Sign Up! Never miss an article again -
See my resume
I'm sure I can help you -
Follow-me
See what's in my mind
SEO with microdata and Google+
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...
Bing, Yahoo and Google thus decided to come together to provide a solution that ease html markup mining for web scraper. That solution is a microdata vocabulary called Schema.org.
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 --> <ul> <li itemprop="colleagues" itemscope itemtype="http://schema.org/Person"> </li> </ul> <!-- home, sweet home --> <div itemprop="homeLocation" itemscope itemtype="http://schema.org/Place"> <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> </p> </div> </section>
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.
I described here a person, but you can do the same with an event, a product, a place, even a blog or, ... a floating point number ... Read the vocabulary full list ...
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
Enjoy :)