Install Nuxt Schema.org
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
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
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: