vibecheck0.3.0
Search visibilityseometa-description-missingwarning

Missing meta description in React

The meta description is the paragraph under your title in search results — your one chance to pitch the click. Without it, Google scrapes some text off the page and often picks a boilerplate or nav fragment. AI-built pages skip it because it lives in <head>, which the generated components never touch.

Framework fixes
GeneralReactNext.jsVueSvelteVanilla JS

Symptoms

  • Search snippets are auto-generated and off-message
  • Different queries surface random fragments of your page as the snippet
  • No control over the sentence that sells the click

How VibeCheck catches it

In your widget · Problems

warningseoMissing meta description

To your coding agent · MCP

agent › get_detected_issues
→ { detector: "seo", issue: "Missing meta description", threshold: "no <meta name="description">" }

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

Root causes

  • The <head> is unmanaged, so no description tag is emitted
  • Descriptions were considered “optional” and skipped
  • A per-route description was never written

The fix for React

Render <meta name="description"> in the component (React 19 hoists it to <head>).

tsx
<meta name="description" content="Simple per-seat pricing with a 14-day free trial." />

Steps

  1. Write a 150–160 character summary with the page’s value and a keyword
  2. Emit it as <meta name="description"> via your head/metadata mechanism
  3. Confirm it appears in view-source and is unique per route

See the general, framework-agnostic fix →

FAQ

Does a meta description affect ranking?
Not directly. It affects click-through rate by controlling the snippet, and higher CTR is a positive signal. Treat it as ad copy for the search result.
How long should it be?
About 150–160 characters. Longer gets truncated; much shorter wastes the space. Make each one unique to the page.
Will Google always use my description?
No — Google may rewrite the snippet to match the query. A good description still wins the majority of the time and is worth writing.