Schema Tags In Seo

Post on 20-Mar-2017

52 views 0 download

Transcript of Schema Tags In Seo

SCHEMA TAGS IN

SEO

Content

• What Is Schema.org?• Why It is Important?• Difference – HTML Code & Schema Code• Different Types• Different Ways to Implement

- Schema Creator Tools- Structured Data Markup Helper- Using Google Webmasters (Data Highlighter)

What Is Schema.org? It is an organization that create and support a common

set of schemas for structured data markup on web pages.

Supported by major search engines Google, Bing, Yahoo! It is actually organized by Google, Yahoo, Bing, Yandex.

Schema is a type of micro data that makes it easier for search engines to interpret the information on your web pages more effectively.

Serve relevant results to users based on search queries. Provide power rich, extensible experiences.

Why It’s So Important? It helps search engines better understand your content

and display it in a useful, relevant way.

It attracts people to click on your website in SERPs & improves click through rate.

<h1>Avatar</h1>

It tells the browser to display the text string "Avatar" in a heading 1 format.

However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie.

We make additions in the HTML code.

Example

<div> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html">Trailer</a> </div> ------------------------------------------------Using Schema Tag------------------------------------------------------ <div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <div itemprop="director" itemscope itemtype="http://schema.org/Person"> Director: <span itemprop="name">James Cameron</span> (born <span

itemprop="birthDate">August 16, 1954</span>) </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>

Difference – HTML Code & Schema Code

The schemas are a set of 'types', each associated with a set of properties.

Creative works: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries

Event Health and medical types: notes on the health and medical types

under MedicalEntity. Organization Person Place, LocalBusiness, Restaurant Product, Offer Review, AggregateRating

Different Types

Using Schema Creator Tools

Using Structured Data Markup Helper

Using Google Webmaster Tools (Data Highlighter)

Different Ways to Implement

http://schema-creator.org

http://www.microdatagenerator.com

Tools to Create Schema Tag

You should have information that you want to implement as schema.

Only fill the information in the form & it will give you the auto generated schema code.

However, you can cross verify it using structured data testing tool.

It is a good method for non-programmers.

How to Use these Tools

Using schema-creator.orgExample 1

Using www.microdatagenerator.com

Example 2

Example 2

Checked the code using Structured Data Testing Tool.

How to Resolve it?1. Either use a different tool to create a schema tag.

OR

2. Use a different method of implementing schema tag.

OR

3. Visit schema.org & find the website url for the type you are creating schema tag.

There you will find an example code for that type.

Match your code with the example code & make amendments.

How to Resolve it?

How To Use Schema Markup On Your Website?

Go to Google’s Structured Data Markup Helper

How to Test Schema?Go to Structured Data Testing Tool

Using Google Webmaster Tools (Data Highlighter)

We can implement schema codes using Google Webmaster Tools.

You need to verify the website in Google Webmaster tools to implement schema code.

Google Webmaster offers the option of Data Highlighter.

It is beneficial if you don’t have the FTP details to update the code of the website. No need to change in the website code using this method.

Using Google Webmaster Tools (Data Highlighter)

Using Google Webmaster Tools (Data Highlighter)

Using Google Webmaster Tools (Data Highlighter)

Using Google Webmaster Tools (Data Highlighter)