Nuxt Seo

What this skill does

The Nuxt Seo skill enables precise and comprehensive on-site SEO implementation within Nuxt 3 projects. It leverages Nuxt 3’s built-in composables like `useSeoMeta` and `useHead` to dynamically manage meta tags, Open Graph data, and structured schema markup based on reactive page data. Additionally, it integrates the `@nuxtjs/seo` module suite, which bundles key SEO tools such as robots.txt management, sitemap generation, and automatic Open Graph image creation, all configurable through `nuxt.config.ts`.

This skill supports maintaining consistent site-wide SEO defaults while allowing granular overrides on individual pages. It also provides strategies for controlling robots directives and canonical URLs, critical for preventing duplicate content issues and improving crawl efficiency.

Who it's for

This skill is tailored for front-end engineers and SEO specialists working on Nuxt 3-powered websites who need to implement scalable, maintainable SEO strategies. Growth leads and agency strategists overseeing technical SEO audits will find it useful for aligning SEO best practices with dynamic, content-driven web applications. Marketers managing blogs or e-commerce platforms built with Nuxt 3 can also leverage this skill to enhance organic visibility by automating meta tags and structured data updates tied to their content lifecycle.

Key workflows

Practitioners typically start by configuring site-wide SEO defaults in `nuxt.config.ts` to establish baseline metadata such as title templates, descriptions, and social profiles. Next, they use `useSeoMeta` within page components to dynamically update meta tags based on reactive data fetched from APIs, ensuring accurate titles, descriptions, and Open Graph tags reflect the current content. When additional SEO tags like canonical links or JSON-LD structured data are needed, they implement `useHead` for full control over the document head.

Finally, teams install and configure the `@nuxtjs/seo` module suite to automate robots.txt rules, generate sitemaps for all dynamic routes, and produce Open Graph images, streamlining ongoing SEO maintenance and improving indexing signals.

Common questions

How do I update meta tags on dynamic pages? Use `useSeoMeta` with reactive or computed properties tied to your dynamic content to ensure meta tags update automatically. Can I add structured data like JSON-LD? Yes, use `useHead` to inject custom script tags with JSON-LD markup for schema.org compliance. How do I set SEO defaults across all pages? Configure default metadata and robots rules in `nuxt.config.ts`, which can be overridden per page as needed.

How to use in Metaflow

Attach the Nuxt Seo skill to tasks that involve implementing or auditing SEO in Nuxt 3 projects to enable dynamic meta management and site-wide SEO configuration. Expect the agent to guide you through setting up `useSeoMeta` for reactive tags, applying `useHead` for custom head elements, and configuring the `@nuxtjs/seo` suite for robots and sitemap automation. This will help ensure your Nuxt 3 site follows current SEO best practices while seamlessly integrating with your content workflows.

For broader context, see our roundup of claude marketing skills, and read Claude skills for SEO for related setup guidance.