Schema Markup Generator (JSON-LD)

How to use

1. Pick a schema type from the tabs above — FAQ, Article or HowTo.
2. Fill in the form. The example is pre-filled, so just replace it with your own page's details.
3. Watch the code update live on the right. Fix anything listed in the warnings box.
4. Copy the code (or download the .txt file) and paste it into your page — see the next box for exactly where.
5. Test the published page with Google's Rich Results Test to confirm Google can read it.

Why schema helps

Schema is a label written for search engines, not visitors. It tells Google "this page answers these questions" or "this is a step-by-step guide", so your result can appear with FAQ dropdowns, dates, images and other rich features that take up more space and win more clicks. Clear structured data also makes it easier for AI answer tools to quote your content accurately.

Where to paste this code

WordPress with Rank Math (recommended for Click Hype)

Edit the post, open the Rank Math panel, and use the Schema / custom JSON-LD option if available in your version — or paste the code into a "Custom HTML" block only if your theme outputs it in the page head/body without stripping script tags. For site-wide Article schema, Rank Math already adds BlogPosting automatically; use this generator mainly for FAQ and HowTo, or for pages Rank Math does not cover.

Theme header / child theme

You can add the code to your theme's header template just before </head>, ideally via a child theme or a header-scripts plugin so a theme update does not remove it. Only add page-specific schema to that page — do not paste one post's FAQ site-wide.

Google Tag Manager

Create a Custom HTML tag containing the full <script type="application/ld+json"> block, trigger it only on the matching page URL, and publish. Test with the Rich Results Test afterwards, as GTM-loaded schema is detected slightly later.

Always keep the schema honest: the questions, steps and dates in the code must match what visitors can see on the page.