Skip to content
svelte-vitals
English
English日本語
Esc
↑↓navigate↵open⌘Jpreview
On this page

seo/og-title · Open Graph title

Every route should include a <meta property="og:title"> tag.

Severity: warning

What it checks

Every route must include a <meta property="og:title"> tag (own or inherited through the layout chain). A missing or empty Open Graph title meta tag is flagged.

Why it matters

og:title controls the headline shown when the page is shared on social platforms, independent of the document <title>.

How to fix

Add <meta property="og:title">, or set openGraph.title on your meta component:

<svelte:head>
  <meta property="og:title" content="Page title" />
</svelte:head>

Mode differences

Source analysis (the CLI, the dashboard’s static baseline) composes each route’s <head> from <svelte:head> in the page and its layout chain, followed into repo-local components, plus the known meta components (svelte-meta-tags, svelte-seo) and any you declare in metaComponents. A value it cannot read literally ({data.title}) is dynamic, judged by treatDynamicAs. Rendered analysis (the Vite plugin’s build pass, a route you visit in the dashboard) reads the shipped <head>, where every value is literal and treatDynamicAs does not apply; the build pass covers prerendered routes only. When the two disagree, trust the rendered result.

Disabling

Record existing findings in the suppressions file (npx svelte-vitals --update-suppressions), scope the rule per route or path with overrides, or turn it off:

export default {
  rules: {
    'seo/og-title': 'off'
  }
};