NuxtSEO
Core Concepts

Introduction

Nuxt Schema.org will generate structured data for your site based on the input you provide and the content of your pages.

This is used to help search engines understand your content better and provide more relevant search results.

Nuxt Schema.org is built on Unhead Schema.org, which powers the underlying schema generation engine.

LD+JSON tag

The schema is injected within a <script type="application/ld+json"> tag at the end of your document's <body>.

Production Static data

When running in development this schema will be reactive to page changes, however when in production it will be static.

This is because robots will only ever parse the initial SSR response and not any client-side changes. To avoid the extra bundle size required to generate schema.org on the frontend, it is only generated statically on the SSR response.

If you really need this behavior you can enable the reactive module config.

Data Inferencing

To avoid much of the boilerplate associated with schema.org, Nuxt Schema.org will infer data from your pages.

For example, it will infer data from your head tags such as title, description, keywords, author, date, image, etc.

See your output - Use our Schema.org Validator to inspect the generated structured data on your pages.

Key Points

  • Schema is generated server-side and injected as JSON-LD in <body>
  • In production, schema is static (not reactive) to reduce bundle size
  • Data is inferred from your page's head tags (title, description, image, etc.)
  • Use Nuxt DevTools Schema.org tab to debug during development
Edit this page
Markdown For LLMs
Did this page help you?

Troubleshooting

Create minimal reproductions for Nuxt Schema.org or just experiment with the module.

Nuxt Content

How to use the Nuxt Schema.org module with Nuxt Content.