SEO に最適な title / description の文字数
Google 検索結果に表示される title と description の切り詰め位置、日本語と英語の基準の違い、モバイルの表示縮小を含めた実践的な目安を解説。
公開 · 更新 · yuzlrin
表示枠の実際の長さ
Google は「文字数」ではなく「ピクセル幅」で切り詰めます:
・title: デスクトップ約 580 px(約 60 文字)、モバイル約 500 px(約 52 文字)
・description: デスクトップ約 920 px(約 155 文字)、モバイル約 680 px(約 120 文字)
日本語は全角 1 文字 ≒ 13〜16 px、半角英数字は 7〜9 px で、同じ文字数でも全角の方が先に切れます。実装の安全域は「全角 28〜32 文字 / 半角 60 文字以内」。
切り詰められた時の評価
Google は title が長すぎると検索結果で独自に書き換えることがあります(2022 年以降のアルゴリズム変更)。せっかく狙ったキーワードが表示されないため、そもそも切り詰められない長さで書くのが最も確実です。
description はランキングには直接影響しませんが、CTR(クリック率)に大きく効きます。切り詰められる位置を意識し、最後が「...」で終わる不完全文にしない設計が重要。
本サイトの検証方法
メタタグジェネレーターで見た目を確認 → 個別 tool 定義の seoTitle / seoDescription を書き換え → git push。
当サイトの catalog validator は seoTitle > 60 文字、seoDescription > 160 文字で CI を落とすので、ドリフトすると PR 時に気付けます。
関連ツール
よくある質問
title に日付を入れるのは有効?
「2026年版」「最新」といった鮮度アピールは CTR 向上に効きます。ただし Google は自動で「... (2026)」を付与することがあるため重複表示に注意。毎年手動更新が必要。
description と page summary は同じで良い?
コピペだと重複コンテンツ扱いされやすく、description 独自で「CTR 重視の煽り」寄りに書き分けるのが定石です。ページ先頭の summary はユーザー向け、description は SERP 向けと用途が違います。
ブラウザタブの title とも共通?
Next.js の <title> は HTML と同一なので共通。検索結果用と別に書きたい場合は meta[property='og:title'] を使い分けます。