Devcron Platform
DashboardHome
  • Welcome
  • Platform News
    • Recents
      • Devcron Sites Are Now More Accessible
      • This Global Colors Feature Cuts Color Picks by 80% and Ups Scalability
      • Jump Start Your Site Membership by Actively Inviting Members
  • Overview
    • Platform Overview
    • Dashboard and Account
      • Dashboard Overview
      • Site Overview
      • Account Setting
      • Site Comments
      • Statistics and Analytics
  • Professional Website Builder
    • Getting Started
      • Editor Overview
      • Launching Your Site Checklist
      • Row Editor
      • Global Design
      • Global Colors
      • Responsive Tablet
      • Customize Background
      • Edit by Device
      • Switch Views
      • Sidebar Layout for Desktop
      • Global Text
      • Image Picker
      • Manage and Import Content
      • Add Sections
      • Arrange Content
      • Copy and Paste
      • Quick Access
      • Show Hidden Elements
      • Keyboard Shortcuts
      • System Requirements
    • Publishing Site
      • Go Live, Publish, and Set Up Your Domain
      • Purchase a Custom Domain
      • Configure Alternate Domains
      • Unpublish a Site
    • Pages and Popups
      • Pages and Popups
      • Configure a Multi-Language Site
      • Add a Navigation Folder
      • Change Home Page
      • Password Protected Pages
      • Publish a Single Page
    • Membership (New)
      • Add Membership Pages
      • Membership Plans
      • Bulk Invite Members to Membership Sites
    • Header and Footer
      • Headers
      • Header and Expandable Menu
      • Shrinking Headers
      • Footer
    • Content
      • Local Business Schema
      • Image Terms and Licensing
      • Image Size Guidelines
      • Image Editor
      • Add Premium Images (Shutterstock Images)
      • Video Backgrounds
      • Use the Color Picker
    • Connected Data and Dynamic Pages
      • Connected Data
      • Dynamic Pages
      • Collections
      • Internal Collections
      • Airtable Collections
      • Google Sheets Collections
      • External Collections
      • Create Dynamic Pages
      • Connect Your Dynamic Page Widgets
      • Add Lists to Display Dynamic Pages
    • Flex Editor
      • Flex Overview
      • Flex Breakpoints
      • Flex Design Panel
      • Add and Edit Flex Sections
      • Create Overlapping Elements in Flex
      • Flex Alignment and Spacing
    • Personalization Rules
      • Personalization Rules
    • Blog
      • About Blogs
      • Updating an Old Blog to the New Blog Platform
      • Blog Settings
      • Add and Edit Blog Posts
      • Manage Post Settings
      • Import Blog Posts from RSS Feeds
    • Custom Code
      • Custom Code Guidelines
      • Using HTML and Custom Code
      • How Can I Troubleshoot Custom Code?
      • Developer Mode
      • Google Analytics Integration
    • Site Settings
      • Site Settings
      • Site Icons
      • Backup Sites
      • Add SSL or HTTPS
      • Load Site in an iframe
      • Header HTML
      • Set a Default Site Language
      • Facebook Tracking Pixels
      • How to Add Schema Markup to Your Site
      • URL Redirects
      • Privacy Settings
      • Site SEO Settings
      • Introduction to SEO
      • Examples of SEO Keywords and Descriptions
      • IndexNow
      • Fonts Library
      • Security Measures
      • General Data Protection Regulation (GDPR) Compliance Information and Resources
      • The California Consumer Privacy Act of 2018 (CCPA) Compliance Information and Resources
      • Introduction to Core Web Vitals
      • Optimize Your Site for Core Web Vitals
      • Core Web Vitals FAQs
      • Lighthouse and Core Web Vitals Comparison
      • Progressive Web App (PWA)
      • Google Tag Manager Tracking
    • Edit On Mobile
      • Edit On the Go
      • Site Stats on Mobile
      • Use the Dashboard on Mobile
      • Edit Image Widgets on Mobile
      • Edit Image Slider and Photo Gallery Widgets on Mobile
      • Edit Click-to-Call and Click-to-Email on Mobile
      • Select and Add Images on Mobile
      • Link Picker
      • Backup, Publish, Re-publish, and Unpublish on Mobile
      • Edit Sites on a Tablet
  • Widgets
    • Widget Overview
      • Add Widgets
      • Edit Widgets
      • Widget Design
      • Outer and Inner Spacing
      • Inline Editing
      • Add Animations
      • Blog Widgets
    • Basic Widgets
      • Text Editor
      • Title Widgets
      • Button Widget
      • Floating Buttons
      • Breadcrumbs Widget
      • Icon Widgets
      • Table Widget
      • Navigation and Sub-Navigation Links
      • Anchor Tags and Links
      • Text & Image Widget
      • List Widget
      • Accordion Widget
      • Tabs Widget
      • Countdown Widget
      • Copyright Widget
      • Spacer Widget
      • Upload a File
    • Media Widgets
      • Image Widget
      • Photo Gallery Widget
      • Image Slider Widget
      • Video Widget
      • Troubleshooting Video Widget
      • Lottie Animation Widgets
      • Before & After Widget
      • Shape Widgets
      • Audio Widgets
    • Business Widgets
      • Contact Forms
      • Configure a GDPR-Friendly Contact Form
      • Contact Form Responses
      • Contact Form Integrations
      • Contact Form Troubleshooting
      • Zoom Widget
      • Map Widget
      • Google Calendar Widget
      • Click To Call
      • Click to Email
      • Business Hours
      • Multi Location Widget
      • Yelp Reviews
      • Online Scheduling
      • OpenTable Reservation Buttons
      • Restaurant Menus
      • Coupons
      • PayPal Button
    • Social Widgets
      • Instagram Feed
      • Reconnect Instagram Feed
      • Social Icons
      • WhatsApp Widgets
      • Social Share Widgets
      • Twitter Feeds
      • Facebook Feeds
      • Facebook Like Button
      • Facebook Comments
      • Disqus Comments
      • RSS Feeds
Powered by GitBook
On this page
  • Implement Schema Markup on Your Site
  • More Information

Was this helpful?

  1. Professional Website Builder
  2. Site Settings

How to Add Schema Markup to Your Site

PreviousFacebook Tracking PixelsNextURL Redirects

Last updated 2 years ago

Was this helpful?

Schema markup, as it’s used today on the web, enables robots that crawl your website to more easily understand the content on the page in a language that makes sense to them. Schema does this by giving a structured way for robots/crawlers to define the types of information and data present on the page.

Schema is an open-source initiative by the web community to help define commonly represented things with a structured, predictable system. You can read the many types of schema at .

Types of Schema Markup

There are 1000s of different types of schema that exist on the schema.org website. One common misconception about schema is that it’s intended to represent everything that could be searched for on the web—but this is not true. Schema.org only attempts to find a structured way of representing the most common things that are used or searched for on the web.

The best way to figure out what types of schema you should use is on the search gallery pages of and . The most common ones are:

  • : This tells Search Engines facts about the business, such as hours they’re open, address, phone numbers and more. To generate local business schema for your site, see .

  • : A list of questions and answers about the website or content on the page.

  • : This is great for eCommerce websites, where products are marked up with the price, quantity in stock, reviews and other important details.

  • : Breadcrumbs give search engines a better way to understand how a specific page fits into the overall structure of the site.

We recommend only implementing schema that is supported by search engines. This recommendation comes from the fact that you can easily waste hours implementing schema for 100s of things across a site—but that delivers little value overall. If you focus on what search engines support, you will be saving time and effort.

Implement Schema Markup on Your Site

The following four steps need to be taken to implement schema markup on your site:

  1. Understand the type of data you can represent on a webpage with schema.

  2. Use a tool to generate the schema markup.

  3. Embed the schema markup on that specific page.

  4. Test it with or structured data testing tool.

Generate Schema Markup

There are many tools that you can use to generate the schema markup for your page.

Note

There are different ways to represent schema such as RDFa, Microdata, and LD+JSON. We recommend focusing on LD+JSON because it is the easiest to read and update, as well as as the most modern solution.

The following are a few different tools you can use to generate your schema markup. For our example, we will be using Merkle’s Technical SEO Schema Generator.

To generate the schema for your page:

  1. Select the type of schema markup you want to generate from the drop-down. For example, Local Business.

  2. Complete all fields listed, and then click the Copy button in the top right corner.

Embed Schema Markup on a Page

To embed the schema markup on a page in your site:

  1. Go to the site editor, and in the left panel, click Pages.

  2. Next to the page you want to add the schema markup, click the Settings button, and select SEO.

  3. Click or scroll to Header HTML, and paste your schema markup in the box provided.

  4. Republish the site to make sure the updated schema is live.

Warning

The schema markup should only be added to the pages where the content that you used to create the schema is represented. Adding schema to every page of the site can confuse search engines as to what the schema is actually representing.

Test the Schema Markup

The test returns the exact schema that Google sees when it crawls your page.

More Information

For more information on SEO, see the following articles:

. This tool allows you to choose the type of schema you want to create and then helps you visually select the data from the webpage you want to grab it from. This is great if the website is already live and you want to simply select the data on the website. That being said, it is a bit clunky to use.

. This is one of the best tools to use. You can quickly select the type of schema you want to generate and then it’s easy to use text fields to fill in that data.

. This is another simple tool to generate schema quickly by entering a range of text input boxes.

Go to .

After you’ve added the schema and republished the site, you should test your schema markup. To do so, go to , type the exact page URL, and then click Run Test.

schema.org
Google
Bing
LocalBusiness/Organization
Local Business Schema
FAQs
Product
Breadcrumbs
Google
Bing
Google’s Structured Markup Helper
Merkle’s Technical SEO Schema Generator
Rank Ranger’s Schema Generator
Merkle’s Schema Generator
Google’s Structured Data testing tool
Introduction to SEO
Site SEO Settings
Examples of SEO Keywords and Descriptions
Introduction to Core Web Vitals