Schema Tags In Seo

26
SCHEMA TAGS IN SEO

Transcript of Schema Tags In Seo

Page 1: Schema Tags In Seo

SCHEMA TAGS IN

SEO

Page 2: 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)

Page 3: Schema Tags In Seo

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.

Page 4: Schema Tags In Seo

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.

Page 5: Schema Tags In Seo

<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

Page 6: Schema Tags In Seo

<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

Page 7: Schema Tags In Seo

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

Page 8: Schema Tags In Seo

Using Schema Creator Tools

Using Structured Data Markup Helper

Using Google Webmaster Tools (Data Highlighter)

Different Ways to Implement

Page 9: Schema Tags In Seo

http://schema-creator.org

http://www.microdatagenerator.com

Tools to Create Schema Tag

Page 10: Schema Tags In Seo

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

Page 11: Schema Tags In Seo

Using schema-creator.orgExample 1

Page 12: Schema Tags In Seo

Using www.microdatagenerator.com

Example 2

Page 13: Schema Tags In Seo

Example 2

Checked the code using Structured Data Testing Tool.

Page 14: Schema Tags In Seo

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.

Page 15: Schema Tags In Seo

How to Resolve it?

Page 16: Schema Tags In Seo

How To Use Schema Markup On Your Website?

Go to Google’s Structured Data Markup Helper

Page 17: Schema Tags In Seo
Page 18: Schema Tags In Seo
Page 19: Schema Tags In Seo

How to Test Schema?Go to Structured Data Testing Tool

Page 20: Schema Tags In Seo
Page 21: Schema Tags In Seo

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.

Page 22: Schema Tags In Seo

Using Google Webmaster Tools (Data Highlighter)

Page 23: Schema Tags In Seo

Using Google Webmaster Tools (Data Highlighter)

Page 24: Schema Tags In Seo

Using Google Webmaster Tools (Data Highlighter)

Page 25: Schema Tags In Seo

Using Google Webmaster Tools (Data Highlighter)

Page 26: Schema Tags In Seo