How to fix duplicate meta description on Nuxt.js

Write a unique, page-specific meta description for every page on your store so Google can display a compelling, accurate snippet for each one in search results.

Steps for Nuxt.js

  1. Install / confirm you are on Nuxt 3+ and have access to `useSeoMeta` or `useHead` composables — no extra packages needed, they are auto-imported.
  2. Remove any global, static `description` set in `nuxt.config.ts` under `app.head.meta` (or move it to a safe fallback only for pages that genuinely have no description yet).
  3. In every page component (`pages/*.vue`, e.g. `pages/index.vue`, `pages/products/[handle].vue`, `pages/collections/[slug].vue`), call `useSeoMeta()` at the top of `<script setup>` with a description derived from that page's own data (fetched product/collection/CMS copy).
  4. For dynamic routes (PDP, PLP, blog posts), fetch the page data first (`useAsyncData` / `useFetch`), then pass reactive computed values into `useSeoMeta` so the description updates with the data — Nuxt will SSR the correct tag automatically.
  5. Enforce a character budget: truncate descriptions to 150–160 characters so Google does not trim them unpredictably. Add a shared `truncate(str, 155)` utility in `utils/seo.ts` and reuse it across all pages.
  6. Validate the output with `nuxi generate` + a quick `grep '<meta name="description"'` on the built HTML, or use the Chrome DevTools / Google Search Console URL Inspection tool to confirm each page has a unique, non-empty description tag.
Official Nuxt.js documentation ↗

What is duplicate meta description?

A meta description is a short summary (typically 150–160 characters) that appears beneath your page title in Google search results. When two or more pages share the exact same meta description text, Google detects the duplication and will often rewrite the snippet itself — usually pulling random text from the page — which rarely reflects your best selling points. Unique meta descriptions give each page its own tailored pitch to shoppers who are scanning search results before they click.

Google explicitly recommends unique meta descriptions for every page, and duplicate descriptions are flagged as a quality issue in its SEO guidance. When Google rewrites your snippet with arbitrary on-page text, you lose control of the first impression your store makes in search results — which directly hurts click-through rate (CTR). Lower CTR means fewer visitors even when you rank well, translating to lost revenue. On collection and category pages specifically, a generic description shared across dozens of pages also signals low content differentiation, which can lead Google to consolidate or devalue those pages in its index.

See the complete Duplicate meta description guide for every platform and the full background.

Not sure if your Nuxt.js store has this?

Run a free SEOLZ scan — we’ll find duplicate meta description and every other issue across your whole site.

Scan my site free

Fix duplicate meta description on another platform