1. Home
  2. Others
  3. Advanced JSON-LD Schema G...
  4. Content & Navigation Schemas

Content & Navigation Schemas


1. Article Schema

The Article Schema is used for blog posts, news articles, guides, tutorials, and other written content. It helps search engines understand the article title, URL, author, publisher, images, and publish/update dates.

Advanced JSON-LD Schema Generator – Article Schema

Use this schema when the page is mainly informational content, such as a blog post, company update, news article, or educational guide.

Article @type

Choose the article type that best matches the content.

  • Article: Use for general articles, guides, and informational content.
  • NewsArticle: Use for news updates, announcements, or time-sensitive content.
  • BlogPosting: Use for standard blog posts and tutorials.

URL

Enter the full URL of the article page.

  • Use the live page URL starting with https://.
  • This should be the same page where the article content is published.

Headline

Enter the main headline of the article.

  • This should usually match the page title or blog post title.
  • Keep it clear, natural, and within the character limit shown in the field.

Image URL

Add the direct URL of the article image.

  • This can be the featured image, banner image, or another main image used in the article.
  • Make sure the image URL is public and accessible.

Add Image

Use the + Image button to add another image field.

  • Add more images only if they are important to the article.
  • Remove extra image fields if they are not needed.

Short Description

Enter a brief description of the article.

  • Summarize the article in one or two clear sentences.
  • Keep it relevant to the actual content on the page.

Author @type

Select whether the author is a Person or an Organization.

  • Choose Person for an individual writer.
  • Choose Organization if the article is published by a company, brand, or team.

Author

Enter the author name.

  • If the author type is Person, add the person’s name.
  • If the author type is Organization, add the company or team name.

Author URL

Enter the author profile URL.

  • This can be an author archive, team member page, or company profile page.
  • Use a full URL starting with https://.

Publisher

Enter the name of the publisher.

  • This is usually the website, company, or brand that published the article.
  • Keep it consistent with the visible site branding.

Publisher Logo URL

Enter the direct URL of the publisher’s logo.

  • Use the official logo image.
  • Make sure the logo URL is public and accessible.

Date Published

Select the original publish date of the article.

  • This should be the date when the article first went live.
  • Keep it consistent with the date shown on the page, if visible.

Date Modified

Select the latest update date of the article.

  • Use this when the article has been updated after publishing.
  • Leave it empty if the article has not been modified.

JSON-LD Preview

The preview box shows the generated schema markup.

  • As you complete the fields, the plugin creates the JSON-LD code automatically.
  • Review the preview before saving or publishing the schema template.

Apply Schema to Post/Page

Use this section to choose where the schema should be applied.

Select Post Type

Choose the content type where the schema should be added.

  • This may include posts, pages, products, downloads, or other available post types.
  • Select the correct type so the related content appears in the next dropdown.

Select Post/Page/Product

Choose the exact content item where this schema should appear.

  • Select the article page that matches the schema details.
  • The schema information should match the visible content on that page.

Save or Publish

After completing the fields, save or publish the schema template.

  • Once saved, the plugin will apply the generated schema to the selected content.
  • Test the page with Google’s Rich Results Test or Schema Markup Validator tool to confirm the markup is working correctly.

2. Breadcrumb Schema

The Breadcrumb Schema is used to show the path of a page within your website structure, such as Home > Blog > Article Title. It helps search engines understand how the page fits into the site hierarchy and can improve the way breadcrumb paths appear in search results.

Advanced JSON-LD Schema Generator – Breadcrumb Schema

Use this schema when you want to define a clear navigation trail for a post, page, product, or custom post type. Each breadcrumb item should represent one step in the path and should be entered in the correct order.

Page #1’s Name

This field is used for the label of the first breadcrumb item.

  • Enter the name exactly as users would see it, such as Home, Blog, Shop, or another top-level page.
  • Keep the wording short and clear so the breadcrumb path is easy to understand.

URL #1

This field is used for the link of the first breadcrumb item.

  • Enter the full URL for the page name you added in Page #1’s Name.
  • Make sure the URL is correct and starts with https://.

Example:

FieldValue
Page #1’s Name Home 
URL #1 https://example.com/ 

Page #2’s Name

This field is used for the second breadcrumb item in the path.

  • Enter the next step in the page hierarchy, such as a category, section, or parent page.
  • This should follow the logical structure of the site and come after the first breadcrumb item.

URL #2

This field is used for the link of the second breadcrumb item.

  • Enter the full URL that matches the second breadcrumb name.
  • Each breadcrumb name should always match its correct destination URL.

Example:

FieldValue
Page #2’s Name Blog 
URL #2 https://example.com/blog/ 

Add URL

The Add URL button lets you add more breadcrumb items.

  • Use this when the page has a longer path, such as Home > Resources > SEO > Article.
  • Add each new breadcrumb step in the correct order so the final schema reflects the real page path.

Remove Item

Each breadcrumb row includes a remove option.

  • Use it to delete a breadcrumb item if it was added by mistake or is no longer needed.
  • This helps keep the breadcrumb path clean and accurate.

JSON-LD Preview

The preview panel shows the generated breadcrumb schema code.

  • As you enter breadcrumb names and URLs, the plugin automatically creates the JSON-LD markup.
  • This lets you review the structured data before saving or publishing the schema template.

Apply Schema to Post/Page

This section is used to assign the breadcrumb schema to a specific content item.

Select Post Type

Use this field to choose the content type where the breadcrumb schema should be applied.

  • This may include posts, pages, products, downloads, or other custom post types on the site.
  • Select the correct type first so the next field can load the related content items.

Select Post/Page/Product

Use this field to choose the exact content item where the breadcrumb schema should appear.

  • After selecting the post type, choose the specific post, page, or product from the dropdown.
  • This ensures the breadcrumb schema is attached to the correct page.

Save or Publish

After entering the breadcrumb items and selecting the target content, save or publish the schema template.

  • Once published, the breadcrumb schema will be added to the selected page automatically.
  • It is a good idea to test the page afterward with Google’s Rich Results Test or Schema Markup Validator to confirm everything is working correctly.

3. FAQ Page Schema

The FAQ Page Schema is used for pages that contain a list of questions and answers. It helps search engines understand that the page is an FAQ-style page and identifies each question along with its matching answer.

Advanced JSON-LD Schema Generator – FAQ Page Schema

Use this schema when the page includes real FAQ content, such as product FAQs, service FAQs, help pages, or support content. Each question should have a clear answer, and the schema should match the visible content on the page.

Question #1

This field is used to enter the FAQ question.

  • Add the question exactly as it appears on the page.
  • Keep it clear, natural, and easy to understand.
  • Each question should cover one specific topic.

Answer

This field is used to enter the answer for the question.

  • Write a clear and direct answer that matches the visible page content.
  • Keep the answer helpful and relevant to the question.
  • Avoid adding content that does not appear on the page.

Add Question

The Add Question button lets you add more FAQ items.

  • Use it to create multiple question-and-answer pairs.
  • Add each FAQ item separately so the schema reflects the full FAQ section correctly.

Remove Question

Each question row includes a remove option.

  • Use it to delete a question if it was added by mistake or is no longer needed.
  • This helps keep the FAQ schema accurate and clean.

JSON-LD Preview

The preview panel shows the generated FAQ schema code.

  • As you add questions and answers, the plugin automatically builds the JSON-LD markup.
  • This helps you review the schema before saving or publishing it.

Apply Schema to Post/Page

Use this section to assign the FAQ schema to a specific post, page, product, or custom post type.

Select Post Type

Use this field to choose the content type where the FAQ schema should be applied.

  • This may include posts, pages, products, downloads, or other custom post types.
  • Select the correct type first to load the related content items.

Select Post/Page/Product

Use this field to choose the exact item where the FAQ schema should appear.

  • After selecting the post type, choose the correct page or post from the dropdown.
  • Make sure the selected content matches the FAQ questions and answers you entered.

Save or Publish

After adding the FAQ items and selecting the target content, save or publish the schema template.

  • Once published, the FAQ schema will be added automatically to the selected page.
  • It is a good idea to test the page afterward with Google’s Rich Results Test or Schema Markup Validator tool to confirm the FAQ markup is working properly.

4. How-to Schema

The How-to Schema is used for pages that explain a process through step-by-step instructions. It is useful for tutorials, setup guides, repair guides, recipes, onboarding steps, and instructional content.

Advanced JSON-LD Schema Generator – How-to Schema

Use this schema when the page teaches users how to complete a specific task. The steps added in the schema should match the instructions shown on the page.

Name

Enter the title of the how-to guide.

  • Use the same or a similar title shown on the page.
  • Keep it specific, such as How to Set Up WooCommerce Bookings or How to Add Schema Markup in WordPress.

Description

Add a short summary of what the guide helps users do.

  • Explain the purpose of the tutorial in one or two clear sentences.
  • Make sure the description matches the actual page content.

Total Time

Enter the estimated time needed to complete the process.

  • Add the time in minutes.
  • For example, enter 30 if the task takes around 30 minutes.

Estimated Cost

Enter the expected cost required to complete the task.

  • Use this when the process requires a paid product, tool, material, or service.
  • Leave it blank if there is no specific cost.

Currency

Select the currency used for the estimated cost.

  • Choose the correct currency, such as USD.
  • This should match the cost entered in the estimated cost field.

Image URL

Enter the direct URL of the main image for the how-to guide.

  • This can be the featured image, tutorial banner, or main instructional image.
  • Make sure the image URL is public and accessible.

Add Supply

Use the Add Supply button to add materials or items needed for the task.

  • Add supplies such as documents, files, parts, ingredients, or physical items.
  • Only include supplies that are actually required to complete the process.

Add Tool

Use the Add Tool button to add tools needed for the task.

  • Add tools such as software, plugins, devices, or equipment.
  • For example, a WordPress tutorial may include WordPress, WooCommerce, or a specific plugin as tools.

Step #1: Instructions

Enter the instructions for the first step.

  • Explain what the user needs to do in this step.
  • Keep the instructions clear, action-based, and easy to follow.

Step Image URL

Enter an image URL for the specific step.

  • Use this when the step has a related screenshot or visual example.
  • Make sure the image supports the instruction and is publicly accessible.

Step Name

Enter a short name for the step.

  • This can be a brief label such as Install the Plugin, Open Settings, or Configure Booking Rules.
  • Keep it short and descriptive.

Step URL

Enter the URL related to the step, if available.

  • This can be a section link, tutorial page link, or relevant page URL.
  • Leave it blank if the step does not need a separate URL.

Add Step

Use the Add Step button to add more instructions.

  • Add each step in the correct order.
  • The final schema should follow the same process shown on the page.

Remove Step

Each step includes a remove option.

  • Use it to delete a step that was added by mistake.
  • This helps keep the how-to process accurate and clean.

JSON-LD Preview

The preview panel shows the generated How-to schema code.

  • As you complete the fields, the plugin automatically builds the JSON-LD markup.
  • Review the preview before saving or publishing the schema template.

Apply Schema to Post/Page

Use this section to assign the How-to schema to a specific post, page, product, or custom post type.

Select Post Type

Choose the content type where the How-to schema should be used.

  • This may include posts, pages, products, downloads, or other custom post types.
  • Select the post type first so the related content list can load.

Select Post/Page/Product

Choose the exact content item where this schema should appear.

  • Pick the page or post that contains the how-to guide.
  • Make sure the schema fields match the visible instructions on that page.

Save or Publish

After adding the guide details, tools, supplies, and steps, save or publish the schema template.

  • Once published, the How-to schema will be added automatically to the selected content.
  • Test the page with Google’s Rich Results Test or Schema Markup Validator tool to confirm the markup is working correctly.

5. WebSite Schema

The WebSite Schema is used to describe the main website and its internal search feature. It helps search engines understand the website name, website URL, and how users can search content directly on the site.

Use this schema on the homepage or another main site-level page when the website has an internal search function.

Website’s Name

Enter the name of the website.

  • Use the official site or brand name.
  • Keep it consistent with the name shown on the website.

URL

Enter the main website URL.

  • Use the full URL starting with https://.
  • This is usually the homepage URL.

Internal Site Search URL

Enter the URL pattern used by the website’s internal search function.

  • This is the search URL before the user’s query.
  • For example: https://example.com/search?q=
  • Make sure this URL matches how search works on your website.

Optional: String in the Search URL After the Query

Use this field if the search URL has extra text after the search term.

  • Some websites add extra parameters after the query.
  • Leave this field blank if the search URL ends directly after the search term.

JSON-LD Preview

The preview panel shows the generated WebSite schema code.

  • As you complete the fields, the plugin automatically creates the JSON-LD markup.
  • Review the preview before saving or publishing the schema template.

Apply Schema to Post/Page

Use this section to assign the WebSite schema to a specific post, page, product, or custom post type.

  • Once saved, the schema will be applied automatically to the selected content item.
  • This schema is usually applied to the homepage or main website page.

Select Post Type

Choose the content type where the WebSite schema should be used.

  • This may include posts, pages, products, downloads, or other custom post types.
  • For most websites, select Pages if the schema will be added to the homepage.

Select Post/Page/Product

Choose the exact page where this schema should appear.

  • Select the homepage or the main page that represents the website.
  • Make sure the website name, URL, and search URL match the actual website setup.

Save or Publish

After adding the website and search URL details, save or publish the schema template.

  • Once published, the WebSite schema will be added automatically to the selected page.
  • Test the page with Google’s Rich Results Test or Schema Markup Validator tool to confirm the markup is working correctly.

Validation Workflow

After creating a schema template, always validate the generated markup before relying on it on a live page. This helps catch missing fields, incorrect values, and schema formatting issues before search engines crawl the page.

  1. Complete the schema form with the required and relevant field values.
  2. Review the JSON-LD Preview to check for missing, incorrect, or incomplete values.
  3. Click the Google icon to test the schema on Google’s Rich Results Test.
  4. Click the code braces icon to validate the schema on Schema.org.
  5. Review any errors or warnings shown by the testing tools, then update the schema fields where needed.
  6. Save or publish the schema template.
  7. After publishing, test the live page URL again to confirm the schema is correctly added to the selected post, page, product, or custom post type.

How can we help?