nuxt-seo_skill

This skill helps configure Nuxt SEO, generate sitemaps and OG images, and add JSON-LD structured data for richer search results.

TypeScript

431

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill onmax/nuxt-skills --skill nuxt-seo

SKILL.md2.7 KB

Overview

This skill provides a Nuxt SEO meta-module that centralizes robots, sitemap, OG image generation, and schema.org JSON-LD. It streamlines SEO configuration across Nuxt projects and integrates with Nuxt Content for automatic frontmatter-driven SEO. Use it to establish canonical URLs, control indexability, and produce share-ready OG images and structured data.

How this skill works

The module exposes site-level configuration (useSiteConfig) and specialized APIs for robots (useRobotsRule), sitemap (defineSitemapEventHandler), OG images (defineOgImage), and schema.org (useSchemaOrg). It can read frontmatter from Nuxt Content via asSeoCollection to auto-generate sitemap entries, OG images, and JSON-LD. Build-time link checks and utilities for breadcrumbs and meta utilities help enforce consistent SEO across pages.

When to use it

When setting global site SEO: title, URL, indexability, and default meta
When generating robots.txt and sitemap.xml for crawlers
When producing dynamic OG images for social sharing
When adding JSON-LD structured data for pages and collections
When integrating SEO into Nuxt Content frontmatter for automated outputs

Best practices

Define a central site config in nuxt.config.ts and use useSiteConfig() throughout components
Load the SEO module before @nuxt/content so content collections can opt into SEO features
Use asSeoCollection for content collections to auto-generate sitemaps, OG images, and schema from frontmatter
Keep robots and sitemap rules minimal and test with search engine tools before changing indexability
Version OG image templates and test social previews for representative pages

Example use cases

Create a site-wide canonical strategy and generate consistent meta for multi-locale sites
Auto-build sitemap.xml and robots.txt during deployment with dynamic sitemap event handlers
Generate social-ready OG images per article using defineOgImage and content frontmatter
Attach JSON-LD organization, article, and breadcrumb data using useSchemaOrg for improved SERP features
Run link validation at build time to catch broken internal links before publishing

FAQ

No. Core SEO features (robots, sitemap, OG image, schema APIs) work without Nuxt Content. Nuxt Content integration (asSeoCollection) is optional and adds automated frontmatter-driven outputs.

How do I enable automatic sitemap and OG images for my content collection?

Use asSeoCollection when defining the collection in content.config.ts and ensure the SEO module is listed before @nuxt/content in modules so the integration can register handlers.