nuxt-seo

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

682stars33forksUpdated 6/16/2026

Developer Tools #meta-tags #sitemap #og-image #structured-data #nuxt #seo

Security Assessment

Low Risk(80/100)

Detected risks:

Sensitive File Access([references/site-config.md] .env)

Security Score80/100

About nuxt-seo

The nuxt-seo skill provides comprehensive SEO functionality for Nuxt applications through a meta-module that bundles six specialized modules. It solves the complexity of implementing modern SEO requirements by offering a unified interface for robots.txt generation, sitemap creation, dynamic Open Graph image generation, and JSON-LD structured data implementation. This skill eliminates the need to manually configure multiple separate packages and ensures all SEO components work together seamlessly.

The skill includes six integrated modules: nuxt-site-config for foundational site configuration, @nuxtjs/robots for robots.txt management, @nuxtjs/sitemap for XML sitemap generation, nuxt-og-image for dynamic social media image creation, nuxt-schema-org for schema.org structured data, and nuxt-seo-utils for meta utilities like breadcrumbs and canonical URLs. Each module can be configured through nuxt.config.ts and accessed via composables like useSiteConfig(), useRobotsRule(), and defineOgImage(). The skill provides both runtime APIs for dynamic SEO content and build-time validation through nuxt-link-checker.

This skill is ideal for developers building content-rich Nuxt applications, e-commerce sites, blogs, or any web application requiring strong search engine visibility. It integrates particularly well with Nuxt Content v3 through the asSeoCollection() helper, which automatically generates sitemaps, OG images, and structured data from content frontmatter. The modular reference file structure ensures token efficiency by allowing developers to load only relevant documentation for their specific task, whether configuring site-wide SEO settings, generating dynamic OG images, or implementing complex structured data schemas.

FAQ

How do I install and set up nuxt-seo?

Run 'npx nuxi module add @nuxtjs/seo' to install. Configure the 'site' object in nuxt.config.ts with your site URL, name, and other foundational SEO settings. The module will automatically register all six sub-modules.

Does nuxt-seo work with Nuxt Content?

Yes, it has deep integration with Nuxt Content v3. Use asSeoCollection() in content.config.ts to automatically generate sitemaps, OG images, and schema.org data from frontmatter. Important: Load @nuxtjs/seo before @nuxt/content in your modules array.

Which reference files should I load?

Don't load all files at once. Load site-config.md for basic setup, crawlability.md for robots/sitemaps, og-image.md for social images, schema-org.md for structured data, or utilities.md for breadcrumbs and canonical URLs. Each file is 400-600 tokens.

What modules are included in nuxt-seo?

Six modules: nuxt-site-config (shared config), @nuxtjs/robots (robots.txt), @nuxtjs/sitemap (sitemap.xml), nuxt-og-image (dynamic OG images), nuxt-schema-org (JSON-LD), nuxt-seo-utils (meta utilities), and nuxt-link-checker (validation).

How do I configure dynamic OG images or structured data?

Use defineOgImage() composable for dynamic Open Graph images and useSchemaOrg() for JSON-LD structured data. Load the og-image.md or schema-org.md reference files for detailed API documentation and examples.