[Tip] Marking up Your HTML with Microdata

Endire

Elite Member
Joined
Mar 27, 2012
Messages
1,756
Reaction score
1,075
Creating rich snippets using markup language helps Google display information in SERPs. This in turn helps web masters increase CTR in SERPs and will enable websites to rank better. There are a handful of content types that you can markup and I thought I would share some useful ones and what to do on a web page to make sure the data shows up in SERPs (if Google decides to use it which they generally do).

Ranking in Local Search
If you have a local business with a physical address, you can mark that content up so that it shows up in search results and Google maps. Of course it may show up anyway however you can markup address content so exactly what you want to see shows up and not something else you hadn?t planned on.

Here is how you would mark up a basic address:

Code:
<div itemscope itemtype="http://schema.org/Organization"> 
   <span itemprop="name">Your Business Name</span> 
   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">Your Business Street Number and Name</span>,
      <span itemprop="addressLocality">Your Business City</span>,
      <span itemprop="addressRegion">Your Business State</span>.
   </div>
  <img itemprop="logo" src="http://www.example.com/logo.jpg" />
   Phone: <span itemprop="telephone">Your Business Phone Number</span>
   <a href="http://www.example.com/" itemprop="url">http://www.example.com</a>
</div>


Detailed Product Information in Search
When people search for products, they like to see all the info on something like price, brands, reviews, and other descriptive information before clicking through to a website. In fact not having that information may mean users are more likely to click through to another products website because yours doesn?t tell them what they want to know.

These properties can help you show detailed information in search related to products you are selling:

Price
Code:
<span itemprop=?price?>Your Item Price</span>
Review
Code:
<span class=?rating?>3.5</span>
(note that this is an aggregate rating out of 5 stars).
Brand
Code:
<span itemprop=?brand?>Your Company name or Product?s brand name name</span>
There are a host of other attributes like offerdetails, currency, availability, highprice, lowprice and offercount among many others. If you are running an ecommerce site it is important to markup as many products as you can with this information.

Promoting Events
Using SEO to promote events is a good way to get more eyeballs on something that is happening soon. Here again you can get content that users want to see before clicking through to a website right on the SERP.

Summary
Code:
<span itemprop=?summary?>The name of event</span>

Location
Code:
<span itemprop=?location?>The location of the event</span>

Description
Code:
<span itemprop=?description?>a description of the event</span>

Other properties include eventType, geo location, photo, tickets, ticketAggregate, startdate and enddate.

Note that this is markup for the microdata format and there are some other formats accepted. For the microdata format, these attributes must be encased in a div like this:
Code:
<div itemscope itemtype="http://data-vocabulary.org/name of content">
</div>

Do you use markup to create rich snippets in search? Have you found it to increase clickthrough rates or sales?
 
Back
Top