Proud to be USA Based…with Global Reach Celebrating Our 22nd Year
724-725-8000

Schema.org Tutorial

Major search providers now use a collection of schemas to ensure users are able to find the web pages they are looking for.  Website coders can use schemas in their HTML code to make a website more visible to its target market. The use of markup allows specific entity related information stand out to the search engines so they can serve up the page to relevant users.

Google, Bing, Yahoo, and Yandex officially support Schema.org.  Website owners are advised by Google to use their collection of schemas to structure content if they want better visibility.  Coders can easily add structured markup to make upcoming events pop up in search results.

Using Schema.org is a breeze for coders; it is as simple as follows:

The Hierarchy has to be maintained as under:

Itemscope => Defines new section or item

Itemtype=> Defines the scope of section with URL e.g.https://enettechnologies.com/seoclass

Itemprop=>List other properties of the item

Tags used:

<Div></Div> This will define where the item begins and ends

<span> This will wrap itemprop so it does not change its looks in the browser

<meta> This is information only meant for search engines

<h1><h2> These are on-page headings for text that define the property

<a> To use itemprop for URL markup, visible to users

<link>To markup a link or reference that are invisible

<time> This tag markups time or duration

Ready for some practice?… Try this example out!

<div itemscope itemtype=”https://enettechnologies.com/seoclass”>

//event properties

<span itemprop=”name”> Schema.OrgClass</div>

<span itemprop=”description”>Google recommended event</span>

Event date:

<time itemprop=”startdate” datetime=”2014-12-24T16:30″> Dec 24,2014</time>

<a itemprop=”url”https://www.facebook.com/pages/Enet-Technologies-Inc/146771072044379″>FaceBook page</a>

<link itemprop=”url”href=”https://twitter.com/EnetTech”/>

//embedded scope

<div itemprop=”Enet Team”itemscope itemtype=”https://www.enettechnologies.com/aboutus.html”>

<span itemprop=”name”>Enet Technologies </div>

 

</div>

The main section defines scope which is composed of event properties; and the last two lines of code are embedded scope. All the above code is termed as microdata. It is nothing but a new set of tags, introduced with HTML5 that allow you to tell the search engines what your page is all about. This makes your web content more search-engine understandable and also allows the bots to index you further for the new properties that you include in your microdata.

Now search engines not only index the metadata they also index the microdata to help users from your target market find you sooner. This allows precision in searching.   Itemscope, itemtype, itemprop, and embedded items are elements that need to be added to your HTML 5 code.  One needs to define the parent child relationship as well. Let the child itemscope inherit from the parent itemscope. Google Rich Snippets Tool is very useful for checking if you correctly mapped your schema scope hierarchy.

Web designers are well familiar with HTML 5 code and will find no complexity in updating your website code to reflect the latest changes introduced by search providers. Microformats, microdata and RDFa can all be used to markup web content.

 

Onsite/Offsite Search Optimization (SEO), Content Marketing, Email Marketing & Social Media Marketing