vibecheck0.3.0
Search visibilityseotitle-too-shortwarning

Page title is very short in Next.js

A title like “Home” or “Blog” throws away your most valuable ranking real estate. It gives search engines almost no topical signal and gives searchers no reason to click. Short titles usually mean a route was labelled quickly and never revisited.

Framework fixes
GeneralReactNext.jsSvelte

Symptoms

  • Titles are single words: “Home”, “Blog”, “App”
  • Search snippets look bare and generic
  • No target keywords appear in the title at all

How VibeCheck catches it

In your widget · Problems

warningseoPage title is very short

To your coding agent · MCP

agent › get_detected_issues
→ { detector: "seo", issue: "Page title is very short", threshold: "non-default title under 10 characters" }

The same string in your widget and in your agent’s context — no screenshot, no copy-paste.

Root causes

  • A nav label was reused verbatim as the page title
  • No keyword research informed the title
  • The brand suffix was dropped, leaving only a bare word

The fix for Next.js

Give the route a descriptive metadata title; use the layout template only for the brand suffix.

tsx
export const metadata: Metadata = {
  title: 'Engineering blog — scaling Postgres',
}

Steps

  1. Identify the page’s primary keyword or intent
  2. Write a 30–60 character title that includes it plus the brand
  3. Confirm it is unique across your routes

See the general, framework-agnostic fix →

FAQ

What is the minimum title length?
There is no hard rule, but under ~10 characters almost never carries enough signal. Aim for 30–60 characters that describe the page and include a keyword.
Can the title just be the nav label?
Nav labels are short by design. Titles should be fuller — “Pricing” in the nav can be “Pricing & plans for teams — Acme” as the title.