Install Nuxt Schema.org
- Nuxt Redirects
- Nuxt Google Search Console
- Nuxt Internal Links
- Nuxt SEO Analyze
Module Setup
npx nuxi module add schema-org
npm i nuxt-schema-org
You will need to manually add the module to your Nuxt config.
export default defineNuxtConfig({
modules: [
'nuxt-og-image',
],
})
yarn add nuxt-schema-org
You will need to manually add the module to your Nuxt config.
export default defineNuxtConfig({
modules: [
'nuxt-og-image',
],
})
pnpm i nuxt-schema-org
You will need to manually add the module to your Nuxt config.
export default defineNuxtConfig({
modules: [
'nuxt-og-image',
],
})
bun i nuxt-schema-org
You will need to manually add the module to your Nuxt config.
export default defineNuxtConfig({
modules: [
'nuxt-og-image',
],
})
SPA Warning
Due to the code required to generate Schema.org nodes, it is recommended to use SSR when using this module.
If you need Schema.org support in an SPA please use useHead({ script: [{ type: 'application/ld+json', innerHTML: '...' }] })
to add Schema.org nodes.
Previewing Your Schema.org
After you've set up the module, you should be able to visit your home page and inspect the Schema.org. You'll find the
<script type="application/ld+json">
tag with the default Schema.org nodes near the </body>
tag.
This is generated by the defaults Schema.org and you can modify the output if it's not what you need.
You can debug this further in Nuxt DevTools under the Schema.org tab.
Next steps
It's recommended to use this module with Nuxt Robots so that the non-indexable paths are automatically excluded from adding Schema.org.
Other suggestions: