---
title: seo/og-description · Open Graph description
description: og:description はどのルートにも入れましょう。
---

**重大度:** info

## チェック内容

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

## なぜ重要か

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

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

## 修正方法

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

## モードによる違い

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

## 無効化

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

```js svelte-vitals.config.js
export default {
  rules: {
    'seo/og-description': 'off'
  }
};
```
