vibecheck0.3.0
Search visibilityseoog-description-missinginfo

Missing og:description in Vue

og:description is the supporting line under the headline on a share card. Without it, the card is just a title and image, or the platform guesses from page text. A tuned description makes the difference between a card that gets clicked and one that gets scrolled past.

Framework fixes
GeneralReactNext.jsVueSvelteVanilla JS

Symptoms

  • Share cards show only a title and image, no supporting copy
  • Platforms auto-fill descriptions with random page text
  • No control over the sentence that supports the share headline

How VibeCheck catches it

In your widget · Problems

infoseoMissing og:description

To your coding agent · MCP

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

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

Root causes

  • og:image and og:title were set, but the description was left out
  • The <head> is unmanaged, so no og:* tags are emitted
  • Assumed og:description falls back to <meta name="description"> — it does not, reliably

The fix for Vue

Add it to useHead with a property key.

ts
useHead({ meta: [{ property: 'og:description', content: 'Send branded invoices in a minute.' }] })

Steps

  1. Write a short supporting sentence for the card
  2. Emit it as <meta property="og:description">
  3. Preview the unfurl before publishing

See the general, framework-agnostic fix →

FAQ

Does og:description reuse my meta description?
Some platforms fall back to it, but not reliably. Set og:description explicitly so the card copy is always intentional.
How long should og:description be?
Keep it under ~110 characters so it displays in full on most cards; longer text gets truncated.
Should og:description differ from my meta description?
It can. The meta description is written to earn a click in a search result; og:description supports a share headline that already has an image and a title. Reuse the meta description if it fits, but tightening it for the card usually reads better.
The description does not update when I re-share — why?
Platforms cache unfurls. Force a re-scrape with the platform’s share debugger (for example the Facebook Sharing Debugger) after you change the tag.