View
251
Download
1
Embed Size (px)
Citation preview
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) 4567890</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 6468204650</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