Set meta and canonicals with useSeoMeta

Why this matters

One composable per route keeps title, description and canonical aligned.

Before you start

• Nuxt 3 project using SSR or prerendering
• A production site URL available in runtime config

How to apply it

1. Configure the site URL once

   Add runtimeConfig.public.siteUrl to nuxt.config.ts, fed by an environment variable such as NUXT_PUBLIC_SITE_URL, so server and client resolve the same absolute origin.

   Check: The deployed page exposes the production origin in its canonical href and never localhost.

2. Call useSeoMeta in the page

   Inside script setup compute const url = new URL(useRoute().path, config.public.siteUrl).href, then call useSeoMeta({ title, description, canonical: url, ogUrl: url }) for that route.

   Check: curl -s your production domain/pricing | grep -c 'rel="canonical"' returns 1 and the href is the pricing URL.

3. Remove global canonical tags

   Delete rel=canonical from app.vue, layouts and plugins that run on every route. A global tag pins every page to one URL and defeats per-route canonicals.

   Check: Two different routes return two different canonical hrefs.

4. Use a sitemap module with the same origin

   Add @nuxtjs/sitemap with siteUrl taken from the same config and exclude noindexed, admin and draft routes through its exclude option so both signals agree.

   Check: curl -s your production domain/sitemap.xml returns 200 and lists only indexable routes.

5. Check the server-rendered HTML

   Fetch a page without JavaScript and confirm the head already contains title, description and canonical. Then request validation for a changed page in Search Console.

   Check: curl -s your production domain/<path> contains the canonical in the raw HTML, not only after hydration.

<goal>
crawler signal image schema render heading template audit index metadata effort markup index serp.
</goal>

<context>
content page anchor schema template heading effort pipeline canonical page intent canonical report crawler.
</context>

<discover_first>
locale layout serp link heading canonical layout audit payload measure effort effort serp markup.
</discover_first>

<constraints>
snippet anchor signal target image intent locale payload content measure redirect snippet crawler payload.
</constraints>

<plan>
schema query audit audit pipeline query route query route route route payload target index.
</plan>

<verify>
snippet intent canonical canonical route crawl query query index target heading sitemap audit heading.
</verify>

<report>
heading heading heading metadata heading markup audit canonical signal intent heading redirect layout crawl.
</report>

Source: seo-mcp playbook · curated entry · report an error