Inblog
企業ブログを始める
SEO

メタディスクリプション

メタディスクリプションとは、HTMLの<meta name="description">タグに記述されるページの要約テキストです。検索エンジンの検索結果ページ（SERP）でタイトルの下に表示され、ユーザーがページをクリックするかどうかに影響を与える重要なSEO要素です。

メタディスクリプションとは、HTMLの<meta name="description">タグに記述されるページの要約テキストです。検索エンジンの検索結果ページ（SERP）でタイトルの下に表示され、ユーザーがページをクリックするかどうかに影響を与える重要なSEO要素です。

なぜ重要か

メタディスクリプションは、Googleの直接的なランキング要因ではありません。しかし、クリック率（CTR）への影響は大きいものです。Sistrixの調査によると、最適化されていないディスクリプションをよく書かれたものに置き換えると、CTRを最大5.8%向上させられます。CTRの向上は、ユーザーエンゲージメントのシグナルとして機能し、間接的に検索ランキングの向上に寄与します。さらに、訪問者がページの内容をプレビューするのに役立ち、直帰率を下げられます。

記述のガイドライン

最適な長さ

2026年現在、表示の上限はデスクトップで920ピクセル（約158文字）、モバイルで680ピクセル（約120文字）です。すべてのデバイスで途切れずに表示するには、120〜155文字の範囲が推奨されます。Googleは文字数ではなくピクセル幅に基づいて切り詰め、上限を超えると最も近い単語の境界で省略記号（...）を付加します。

コンテンツ構成の原則

  1. コアキーワードを前方に配置します。検索クエリと一致するキーワードはSERP上で太字で表示され、視覚的な目立ちやすさが増します。
  2. ページ固有の価値を明確に伝えます。「この記事では...について学べます」のように、ユーザーが得られる具体的な情報を提示します。
  3. 行動喚起（CTA）を含めます。「詳しく見る」「無料で始める」「今すぐチェック」といったフレーズは、クリックを促すのに効果的です。
  4. すべてのページに固有のディスクリプションを書きます。Googleの公式ガイドラインでは、ページ間で同一または類似のディスクリプションは個々のページの表示に役立たないと述べられています。

良い例と悪い例

  • 良い例: "Next.jsブログでメタディスクリプションを設定する3つのステップバイステップの方法を学びましょう。コード例とSEOチェックリスト付き。"
  • 悪い例: "メタディスクリプション SEO メタタグ ブログ 検索エンジン最適化 クリック率 CTR マーケティング"

よくある間違い

  1. キーワードの詰め込み: 自然な文を構成せずにキーワードを羅列すると、検索エンジンにスパムとして扱われる可能性があります。現代の検索エンジンはユーザー体験を何よりも優先するため、キーワードは常に自然な文脈の中で使用する必要があります。
  2. すべてのページで同じディスクリプションを使う: すべてのページに同じディスクリプションをコピー＆ペーストすると、重複コンテンツとして扱われるリスクがあります。各ページ固有の価値を反映させることが重要です。
  3. ディスクリプションをまったく書かない: ディスクリプションを空のままにすると、Googleがページのコンテンツから任意にスニペットを抽出します。2026年現在、Googleは提供されたディスクリプションの62%以上を書き換えており、ディスクリプションが検索意図と合致していない場合、この割合はさらに高まります。検索意図に合った正確なディスクリプションを書くことで、元のものがそのまま使われる可能性が高まります。
  4. ページ内容との不一致: 実際のページ内容と一致しない誇張したディスクリプションを書くと、クリック後の直帰率が高くなり、SEOに悪影響を及ぼします。

技術的な実装

HTMLでは、<head>セクション内で次のように宣言します。

<meta name="description" content="ここにページの要約を書きます。" />

Next.jsのようなフレームワークでは、ページごとのメタデータ設定を通じてメタディスクリプションを動的に管理するのが一般的です。メタディスクリプションは設定したら終わりという要素ではありません。Google Search ConsoleなどのツールでCTRの変化をモニタリングしながら、継続的に改善していくべきものです。

Sources:

関連するinblogの記事

inblogがどう役立つか

inblogのエディタでは、SEO設定タブでライブプレビューを見ながら、投稿ごとにカスタムのメタディスクリプションを設定できます。