Nuxt SEO

npx nuxi module add @nuxtjs/seo

When to Use

• SEO configuration (site URL, name, indexability)
• Robots.txt and sitemap.xml generation
• Dynamic OG image generation
• JSON-LD structured data (schema.org)
• Breadcrumbs and canonical URLs

Loading Files

• references/site-config.md - if configuring site URL, name, or SEO foundation
• references/crawlability.md - if setting up robots.txt or sitemap.xml
• references/og-image.md - if generating dynamic OG images
• references/schema-org.md - if adding JSON-LD structured data
• references/utilities.md - if working with breadcrumbs, canonical URLs, or link checking

Site Config

site

nuxt.config.ts

useSiteConfig()

Module Overview

useSiteConfig()

useRobotsRule()

defineSitemapEventHandler()

defineOgImage()

useSchemaOrg()

useBreadcrumbItems()

Nuxt Content v3

asSeoCollection()

// content.config.ts
import { defineCollection, defineContentConfig } from '@nuxt/content'
import { asSeoCollection } from '@nuxtjs/seo/content'

export default defineContentConfig({
  collections: {
    posts: defineCollection(asSeoCollection({ type: 'page', source: 'posts/**' }))
  }
})

@nuxtjs/seo

@nuxt/content

export default defineNuxtConfig({
  modules: ['@nuxtjs/seo', '@nuxt/content']
})

ogImage

sitemap

robots

schemaOrg

Related Skills

• nuxt-content - For MDC rendering with SEO frontmatter

Links

• Documentation
• GitHub

Token Efficiency