sample schema markups for your website

SchemaStructured Data

Basic Markups to Get You Started

Schema Markup?Schema markup is code that youplace on your web pages to makethem easier for search engines tounderstand the content and returnmore informative results for users.

WHAT IS

RICH CONTENTin SERPs, including knowledgegraphs.

SEARCH ENGINES USE THIS DATA TO DISPLAY

How to AddSchema Markup toYour Website

Using a Schema Plugin

is the easiest and fastest way addschema markup to your websitepages.

IF YOU HAVE A WORDPRESS WEBSITE

Popular Schema Plugins

Adding Schema Manually

for websites not built on WordPressor if you need to tag page elementsnot supported by the plugin.

ANOTHER WAY TO ADD SCHEMA MARKUP IS BY

Schema Markup Tools

are available to make it easier togenerate the necessary code.

YOU DON'T HAVE TO DO EVERYTHING MANUALLY.

Google Markup Helper

This tool will help you addstructured data markup to some ofthe most commonly used types ofweb pages.

HTTPS://WWW.GOOGLE.COM/WEBMASTERS/MARKUP-HELPER/

Structured Data Testing Tool

This tool will help you check if youhave implemented your schemamarkup correctly.

HTTPS://DEVELOPERS.GOOGLE.COM/STRUCTURED-DATA/TESTING-TOOL/

Schema MarkupsYou Should Know and Use

Sample Markup

<div itemscope itemtype=”http://schema.org/yourBusinessType“>

<span itemprop=”name”>YOUR BUSINESS NAME</span>

 <a itemprop=”url” href=”http://www.yourwebsite.com/“>Home</a>

 <a itemprop=”telephone” href=”tel:+1234567890“>(123) 456­7890</a></div>

 <div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>  <span itemprop=”streetAddress”>111 YourStreetAddress st.</span>

  <span itemprop=”addressLocality”>Locality</span>,  <span itemprop=”addressRegion”>YourState</span> <span

itemprop=”postalCode”>YourZipCode</span></div>

Your Businessname, location and other contactinformation can be marked up.

THE SAMPLE SCHEMA ABOVE SHOW HOW

Common TagsLet's first define some of the most common tags

that you'll see in schema markup code.

itemscopeThis tag simply specifies that theHTML contained in the <div>...</div> block is about a particularitem.

<DIV ITEMSCOPE .....</DIV>

itemtypeis used to tell search engine what thepage is about - in the case of oursample, we want to declare the type ofbusiness you have. The full list of typesis available here: https://schema.org/docs/full.html

ITEMTYPE=”HTTP://SCHEMA.ORG/YOURBUSINESSTYPE“

itempropis used to add propertiesassociated with the type youchose. In our example, name, url,address and telephone are allproperties of the itemtypelocalbusiness

<SPAN ITEMPROP=”NAME”>YOUR BUSINESS NAME</SPAN>

ExtrasWhen you prepare schema markup about your company, it is

important to add as much information as possible to helpimprove your company's knowledge graph box. Here are some

properties you should be sure to mark up.

sameAsa reference web page associated to yourbusiness/brand like your social mediaprofiles (Facebook, LinkedIn,Twitter, etc.)and citations. This helps search enginesmake a connection between your website,your citations and social profiles.

<LINK ITEMPROP=”SAMEAS” HREF=”HTTPS://..../YOURWEBSITE“>

logoBy tagging your logo, search engines willknow what image to use as your logo.

<IMG ITEMPROP=”LOGO” SRC=”HTTP://..../LOGO.PNG” />

hasMapFor Local Businesses with a physicalstore, including a map in your schemawill ensure that your correct locationwill always be displayed.

<LINK ITEMPROP=”HASMAP” HREF=”HTTPS://GOO.GL/MAPS/...“>

geothe geo tag is another way to make itabsolutely clear to search engine aboutyour location if you include GPScoordinates in your schema.

Schema for Geo

 <span itemprop=”geo” itemscope itemtype=”http://schema.org/GeoCoordinates”>

<meta itemprop=”latitude” content=”40.76205” />

<meta itemprop=”longitude” content=”­73.98884” />

To find your coordinates, you can visit this site andtype in your business address

A Better Schema Markup

<div itemscope itemtype="http://schema.org/organization"><span itemprop="name">Panoptic Marketing LLC</span> <a itemprop="url" href="http://www.Panopticmarketing.com/">Home</a><img itemprop="logo" src="http://www.panopticmarketing.com/logo.png" /><link itemprop="sameAs" href="https://www.facebook.com/PanopticOnlineMarketingLlc "><link itemprop="sameAs" href="https://twitter.com/panoptic_nyc"><a itemprop="telephone" href="tel: +16468204650">+1 646­820­4650</a></div><div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">  <span itemprop="streetAddress"> 353 West 48th Street, #328</span>  <span itemprop="addressLocality">New York</span>  <span itemprop="addressRegion">NY</span> <spanitemprop="postalCode">10036</span></div> <span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates"><meta itemprop="latitude" content=”40.76205” /><meta itemprop="longitude" content=”­73.98884” /></div></div>

Don't Forget to Check Your Schema

Know you have an improvedschema markup for yourcompany information

http://panopticmarketing.com