skills.rest
narr07
narr07COMMUNITY
Explore all skills by this author →
WebsiteGitHub

nuxt-seo

Configure SEO modules for Nuxt including sitemaps, robots.txt, OG images, and schema.org data.

Updated Aug 10, 2026
Search Tags:#structured data#sitemap#seo#nuxt#robots.txt#schema.org#og-image
One-click install
npx skills add https://github.com/narr07/permadi --skill nuxt-seo-narr07
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-seo
Source: https://github.com/narr07/permadi/tree/main/.agents/skills/nuxt-seo
Command: npx skills add https://github.com/narr07/permadi --skill nuxt-seo-narr07

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @nuxtjs/seo, and includes references (resource) components.

What problem does it solve? Setting up complete technical SEO for a Nuxt application requires coordinating multiple modules for sitemaps, robots rules, Open Graph images, and structured data, which is error-prone when done manually. ## Core Features & Use Cases - Crawlability Management: Auto-generate robots.txt and sitemap.xml with per-page rules, dynamic API-driven URLs, and i18n hreflang support. - Dynamic OG Images: Generate Open Graph images from Vue components using Satori or Chromium renderers, with per-platform sizing. - Structured Data: Add JSON-LD schema.org markup (Article, Product, FAQ, Breadcrumb) with auto-inference from page head metadata. - Use Case: A developer building a Nuxt Content blog uses asSeoCollection() to automatically produce sitemap entries, OG images, and BlogPosting schema from article frontmatter. ## Quick Start Ask the AI to configure the @nuxtjs/seo module in your Nuxt project and generate a sitemap plus OG images for your blog pages.

Frequently Asked Questions about nuxt-seo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a sitemap to my Nuxt 3 site?▼

Install @nuxtjs/seo and the sitemap is auto-generated at /sitemap.xml from your app routes. For dynamic URLs, create a server route using defineSitemapEventHandler that returns an array of URL entries with loc and lastmod fields.

How to generate dynamic OG images in Nuxt?▼

Use the defineOgImage composable from nuxt-og-image with the built-in NuxtSeo template or a custom Vue component in components/OgImage/. The Satori renderer works at the edge, while Chromium supports full CSS for complex designs.

Does @nuxtjs/seo work with Nuxt Content v3?▼

Yes, wrap your collection with asSeoCollection() in content.config.ts to get automatic sitemap, og-image, and schema-org output from frontmatter. Load @nuxtjs/seo before @nuxt/content in the modules array.

How do I block AI crawlers with robots.txt in Nuxt?▼

Set blockAiBots: true in the robots config of nuxt.config.ts to block AI crawlers. You can also use useRobotsRule with noai and noimageai directives for per-page control over AI training permissions.

What are the limitations of Satori for OG image rendering?▼

Satori does not support display: grid and requires explicit dimensions for absolutely positioned elements, so use flexbox layouts instead. For complex designs needing full CSS, switch to the Chromium renderer, which requires prerendering.

Related Skills

Explore More Software Engineering Skills→
onmaxonmax
704

nuxt-seo

Configure Nuxt SEO modules for robots, sitemaps, OG images, and structured data.

Community
Intermediate
HieubkavHieubkav

google-official-seo-guide

Provide official Google SEO guidance for search visibility and indexing.

Community
Intermediate
woody1234567woody1234567
1

nuxt-seo

Automates SEO setup for Laravel apps with meta, Open Graph, and Twitter cards.

Community
Advanced
asonnleitnerasonnleitner

nuxt-core

Explain Nuxt 4 core fundamentals including setup, routing, SEO, and error handling.

Community
Intermediate