Adding schema to your website

Once your schema is generated, add the JSON-LD to your page's <head>. Step-by-step guides for HubSpot, WordPress, Shopify, Webflow, and custom HTML, plus how to verify it went live.

Once you have generated schema, you add it to your website. SuperSchema produces JSON-LD, an inline <script type="application/ld+json"> block that goes in your page's <head>. JSON-LD is the format Google recommends, and it does not change how your page looks. The steps below cover the common platforms; if yours is not listed, the custom HTML steps apply.

Note Whatever platform you use, paste the block on the specific page the schema was generated for, not site-wide. Each page needs its own accurate schema.

HubSpot (one-click push) #

If you use HubSpot, you do not need to copy or paste anything. Connect your portal and let SuperSchema place the schema for you.

Connect your HubSpot portal from the HubSpot settings (or you will be prompted the first time you deploy).
Generate schema for the page.
Click "Deploy to HubSpot".
Pick the matching HubSpot content item (blog post, page, landing page, or knowledge article) when prompted.
Done. SuperSchema inserts the block into that content item's head. The button changes to "Redeploy to HubSpot" for future updates.

Note See HubSpot integration for connecting a portal, matching content, and reconnecting if your authorization expires.

WordPress #

In SuperSchema, copy the block ("Copy schema for <head>" or "Copy everything for <head>").
Install a header/footer plugin such as "Insert Headers and Footers" or "Code Snippets" (or use your theme's per-page head-code field if it has one).
Paste the block into the "Head" or "Scripts in Header" area for that specific page or post.
Save and publish.

Tip Many WordPress SEO plugins add a site-wide header field. Use a per-page option where you can, so each page gets only its own schema.

Shopify #

In SuperSchema, copy the block.
Go to your Shopify admin, then Online Store, then Themes.
Click "Actions", then "Edit code".
Open the template for that page (for example product.liquid or article.liquid), or theme.liquid for the shared <head>.
Paste the block before the closing </head> tag.
Save the file.

Webflow #

In SuperSchema, copy the block.
In Webflow, open the settings for that specific page.
Scroll to the "Custom Code" section.
Paste the block into "Inside <head> tag".
Save and publish your site.

Custom HTML or another platform #

In SuperSchema, copy the full block.
Open your HTML file or page template.
Paste the block inside the <head>, before the closing </head> tag.
Save and deploy your changes.

The SuperSchema markers #

The copied block is wrapped in two HTML comment lines. Leave them in place; they let SuperSchema recognize which exact version is live when it verifies and monitors the page.

html

<!-- SuperSchema v="2" id="..." ts="..." types="..." -->
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "Article", "headline": "..." }
</script>
<!-- /SuperSchema -->

Note Removing the comment markers does not stop search engines from reading your schema, but it does stop SuperSchema from confirming the page is current or alerting you when the schema drifts.

Verify your schema #

After you deploy, confirm the schema is actually live. The fastest way is Verify inside SuperSchema, which fetches your page as the SuperSchemaBot crawler and checks that the current version is present. You can also use Google's free tool:

Go to Google's Rich Results Test at search.google.com/test/rich-results.
Enter your page URL.
Click "Test URL".
Check for any errors or warnings and confirm your schema types are detected.

Tip Always verify after deploying. Verification in SuperSchema also unlocks page monitoring on paid plans, so you get alerted if the schema later breaks or disappears. See How verification works for details.