How to fix title too short on Next.js

Steps for Next.js

1. Audit every route that has a short title: check both `generateMetadata()` (App Router) and `<Head>` / `next/head` (Pages Router) for `<title>` tags or `title` metadata fields shorter than 50 characters.
2. For App Router routes (`app/` directory), open the relevant `page.tsx` (or `layout.tsx` for site-wide defaults) and update the exported `generateMetadata` function so that `title` — or `title.absolute` — is a descriptive string between 50 and 60 characters, including your brand name, primary keyword, and a value proposition.
3. For Pages Router routes (`pages/` directory), open the relevant page file, import `Head` from `next/head`, and set a `<title>` element whose text is 50–60 characters.
4. Use the `title.template` field in a root `layout.tsx` to auto-append your brand name (e.g. `'%s | Brand Name'`) so individual pages only need to provide the descriptive prefix — keeping the combined string within 60 characters.
5. Run `next build` and inspect the rendered HTML (`<title>` in `<head>`) or use a browser extension to verify the final character count is 50–60 before deploying.

What is title too short?

Every page on your store has a title tag — a short line of text that appears as the blue clickable headline in Google search results and as the tab label in a browser. When that title is too short (under about 30 characters), it typically means it's vague, generic, or missing key details like your product name, brand, or category. A title like "Hats" or "Shop Now" is technically valid HTML, but it tells neither Google nor shoppers what makes your page worth clicking. The sweet spot is roughly 30–60 characters: long enough to be descriptive, short enough to display without being cut off.

Your page title is one of the strongest on-page signals Google uses to understand and rank a page — a weak title means you could rank lower for the very terms your customers are searching. In search results, the title is the first thing a shopper reads before clicking; a short, uninformative title gets skipped for a competitor's more compelling one, directly costing you organic traffic and sales. Google may also rewrite an unhelpfully short title with its own text pulled from your page, which you can't control and which may not represent your product accurately. Fixing thin titles is a quick, high-leverage change that can improve both your rankings and your click-through rate.

See the complete Title too short guide for every platform and the full background.