Semantic markup for better search results

Search-engines have reached a impasse with respect to understanding of HTML data. Although most sites, especially databases centric sites use structured data in the backend, once the data is rendered as HTML the data looses all its structure and makes it difficult for search engines to understand them correctly. Until now most search engines have relied on extracting keyword text from the web pages and ranking the pages accordingly, taking the context around the keyword into consideration. This obviously has its limitations and it can only take you so far.

Proper markup allows a web developer to add meaning or semantics to a page, but HTML has very little vocabulary which can help a person add semantics to a page. To help in this Endeavor, Microsoft, Yahoo and Google have released a shared vocabulary on schema.org, which along with the microdata format can help web developers add proper semantics to their data. This will help search engines to properly extract meaning from a web page which will enable them to provide richer search results, increased visibility of your web pages and possibly increased ranking. When three major search rivals collaborate on something you can be sure of the importance of it.

Below is a sample markup using the schema.org vocabulary and microdata.

Original.


Dell UltraSharp 30" LCD Monitor

87 out of 100 based on 24 user ratings

$1250 to $1495 from 8 sellers

Sellers:

  Save A Lot Monitors - $1250

  Jon Doe's Gadgets - $1350

With semantic markup added.

Dell UltraSharp 30" LCD Monitor
87 out of 100 based on 24 user ratings
$1250 to $1495 from 8 sellers Sellers: ...

Although this may seem a lot of extra work and time, the efforts will pay handsomely over a period as more people adopt semantic markup and companies come up with better tools and APIs to work with the new data.