コンテンツにスキップ
svelte-vitals
日本語
Esc
移動開く⌘Jプレビュー
このページの内容

seo/og-description · Open Graph description

og:description はどのルートにも入れましょう。

重大度: info

チェック内容

すべてのルートに <meta property="og:description"> タグを含めるべきです(直接指定でも継承でも構いません)。タグがない場合や空の場合は、情報提供レベルの指摘として検出します。

なぜ重要か

og:description は、ソーシャルプレビューでタイトルの下に表示される要約文です。ないと各プラットフォームが内容を推測するか何も表示せず、クリック率が下がります。

Open Graph プロトコルog:description を任意のメタデータとして扱っており、必須(Basic Metadata)の og:url(参照: seo/og-url)とは異なります。重大度はこの仕様が定める必須・任意の区分に合わせています。

修正方法

<svelte:head>
  <meta property="og:description" content="ページの簡潔な要約。" />
</svelte:head>

モードによる違い

ソース解析(CLI、ダッシュボードの静的ベースライン)は、各ルートの <head> を、ページとレイアウトチェーンの <svelte:head> からリポジトリ内のコンポーネントもたどって合成し、既知のメタコンポーネント(svelte-meta-tagssvelte-seo)と metaComponents で宣言したものも加えます。リテラルに読めない値({data.title})は dynamic となり、treatDynamicAs で判定されます。レンダリング解析(Vite プラグインのビルド、ダッシュボードで訪問したルート)は出荷される <head> を読み、値はすべてリテラルなので treatDynamicAs は関係ありません。ビルドが対象にするのはプリレンダリングされたルートだけです。両者が食い違うときは、レンダリング解析の結果を信じてください。

無効化

既存の検出は suppressions ファイルに記録して抑制できます(npx svelte-vitals --update-suppressions)。overrides でルートやパス単位に絞るか、ルールごと無効化するには、次のように設定します。

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