Setup | Unhead

Integrations

Nuxt
Vite
Vitesse
Iles For all other frameworks, see the below instructions.

Install

yarn

yarn add -D @unhead/schema-org

Setup Plugin

1. Add Plugin to Unhead

Add the plugin to your unhead instance.

import { SchemaOrgUnheadPlugin } from '@unhead/schema-org'
createHead({
  plugins: [
    SchemaOrgUnheadPlugin()
  ]
})

2. Configure the plugin

To server-side render Schema.org, you'll need to provide a canonical host.

import { SchemaOrgUnheadPlugin } from '@unhead/schema-org'
createHead({
  plugins: [
    SchemaOrgUnheadPlugin({
      host: 'https://example.com',
    })
  ]
})

See the User Config page for all options you can pass on schemaOrg.

3. Add Site Schema.org

useSchemaOrg([
  // @todo Select Identity: http://unhead.unjs.io/schema-org/guides/identity
  defineWebSite({
    name: 'My Awesome Website',
  }),
  defineWebPage(),
])

Next Steps

Your Nuxt app is now serving basic Schema.org, congrats! 🎉

The next steps are:

Choose an Identity
Set up your pages for Runtime Inferences
Then feel free to follow some recipes: