How to fix seo product title generic on Next.js (Headless)

Steps for Next.js (Headless)

1. Locate your product page route. In the App Router this is typically `app/products/[slug]/page.tsx`; in the Pages Router it is `pages/products/[slug].tsx`.
2. Fetch the full product object (name, brand, primary variant label such as colour/size, material, model number) at build/request time — via `generateStaticParams` + `generateMetadata` (App Router) or `getStaticProps`/`getServerSideProps` + `next/head` (Pages Router).
3. Build a descriptive title string that combines: *Product Name + Differentiating Attribute(s) + Brand*. Never fall back to a bare product name; always include at least one variant/material/model field.
4. Export `generateMetadata` (App Router) or render a `<Head><title>` block (Pages Router) using that string — both the `title` and `openGraph.title` fields should be set so social shares also get the specific title.
5. Add a site-name suffix (e.g. `| YourStore`) via the App Router's `metadata.title.template` in `app/layout.tsx` so every product page inherits it automatically without duplicating code.
6. Validate the output with `next build && next start`, then inspect the rendered `<title>` tag in DevTools and confirm it matches the pattern `Product Name – Attribute – Brand | Site`.

What is seo product title generic?

The title tag is the clickable blue headline that appears in Google search results and in the browser tab. When a product title is generic — just a catch-all label like a category name, a symbol-only string, or a name with no distinguishing detail — Google and shoppers cannot tell your page apart from dozens of similar pages. A strong product title follows a pattern like: *[Product Name] – [Key Attribute] – [Brand]* (for example, "Magnetic Card Holder Mount – MagSafe Compatible – BrandName"). Every word in the title should help a real shopper understand exactly what they are about to buy.

Google uses the title tag as the primary signal for what a page is about and displays it as the clickable headline in search results; a vague title means lower rankings for the specific search terms your customers actually type. Shoppers who do see your listing in results are far less likely to click a generic title because it tells them nothing about the product, directly reducing your organic click-through rate and revenue. Google may also auto-rewrite a weak title to something it considers more descriptive — and that rewritten version may not represent your product accurately or include your brand name. Finally, for multilingual or character-heavy store names, Google may not understand the content at all without a descriptive, keyword-rich title accompanying the product name.

See the complete Seo product title generic guide for every platform and the full background.