Google でタイトルが切れる理由 — SEO は文字数より px 幅を見るべき

· ToolGee

Google でタイトルが切れる理由 — SEO は文字数より px 幅を見るべき

はじめに:文字数は「合格」なのに SERP では切れる

多くの人が初めて気づくのは SEO プラグイン上です。

Meta Title が 58/60 ✓ と表示され、文字数は問題なし。公開して数週間後、自分のページを検索すると、Google の結果でタイトル末尾に が付き、ブランド名や核心キーワードが切れている。

逆もあります。62 文字でプラグインが警告を出すのに、検索結果プレビューでは全文表示、截断なし。

これはプラグインの不具合でも、Google の「ランダム截断」でもありません。根本は Google が截断するのは HTML の文字数ではなく、描画後の視覚的な幅 だからです。

対比例(どちらも 58 文字):

  • 2026 SEO Guide | WWW Metrics & MMM Analysis — W、M など幅の広い文字が多く、截断されやすい
  • 2026 seo guide | tips for better clicks — i、l など細い文字が多く、同文字数でも全文表示の可能性

問題は「何文字書くか」ではなく「検索結果でどれだけ幅を占めるか」。本記事では原理、閾値、実践手順、よくある誤解まで、再利用できるチェック方法を整理します。

なぜ Google は文字数ではなく px で截断するのか

SERP はレイアウトの問題であって、字数の問題ではない

検索結果ページは UI レイアウトです。タイトルと説明は固定幅のコンテナ内に描画され、可視領域を超えると で截断されます。

截断はレンダリング後に起こります。Google が Meta Title / Description を画面に描いたうえで、実際の幅に応じて表示量を決めます。「60 文字目で切る」のではなく、「描画幅がどれだけか」を見ています。

同じ文字数でも px 幅は大きく変わる

要因px 幅への影響
文字形状W、M は i、l の 2–3 倍幅WWW vs iii
大文字小文字大文字の方が一般に広いSEO vs seo
数字・記号パイプ、ダッシュ、emoji で幅が異なる| -
言語混在CJK 全角とラテンで幅が異なる日英混在タイトル
検索語の太字一致部分を bold にすると幅が増える検索語が title に含まれる

見落としがちなのが最後の点です。ユーザーの検索語が Title / Description に含まれると、Google は一致部分を太字表示することがあります。太字は幅が広くなるため、同じ文案でも検索語によって「実質的な表示長」が変わります。だから 安全域内 を目指し、上限ギリギリに賭けない——太字などで临界の文案が実 SERP で切れることがあります。

「50–60 文字」はどこから来た? まだ参考になる?

「タイトル 50–60 文字、説明 120–160 文字」は、特定のフォント・言語環境での経験的平均であり、Google 公式の固定上限ではありません。

大量執筆時の初筛、チーム規約、CMS の maxlength 制約には依然有用です。ただし経験値に過ぎず、実測の代わりにはなりません。

結論:文字数はクイックチェック用のヒューリスティック。px プレビューの方が実際の SERP に近い。

px 幅 vs 文字数:どう組み合わせるか

推奨優先順位

px プレビュー(主) > 安全域閾値(主) > 文字数(補) > プラグイン緑ランプ(補)

再利用可能なフロー:

  1. Meta Title / Description の草稿を書く
  2. SERP プレビューツールでデスクトップモバイルを確認
  3. ブランド、核心 KW、差別化ポイントが安全域内で見えるか確認
  4. 临界なら文字数を参考に微調整——冗語削除、KW を前に
  5. 公開後 2–4 週間、Search Console で実際の表示と CTR を確認して改善

文字数がまだ役立つ場面

  • 大量タイトル執筆の初筛:CMS で Title 70 文字上限など
  • チーム規約:「全站 Title は 60 文字以内」
  • 多言語サイトの粗估:CJK とラテン混在では文字数と px の関係が複雑

px 確認が必須の場面

  • 大文字・数字・記号が多いタイトル(SaaS、技術ドキュメント)
  • 長いブランド名・製品名
  • モバイル流量比率が高い——description はモバイルで早く切れる
  • トップ、コア LP、高トラフィックカテゴリページ公開前

デスクトップ vs モバイル:截断閾値の違い

以下は ToolGee SERP ツールのデフォルト経験値(Arial ベースの Canvas 測定。言語・レンダリングで多少異なる場合あり):

Title

デバイス安全域(推奨)上限(目安)執筆のコツ
デスクトップ≤520px≈580pxブランド + 核心 KW を前に
モバイル≤560px≈650pxモバイルはやや幅があることもあるが安全域内を推奨

注意:現行の Google 結果 UI では、モバイル Title の可用幅がやや大きい場合があります(UI 変更で変わる可能性あり)。だからといって自由に長く書けるわけではない——description はモバイルの方が早く切れます(下表参照)。

Google は H1 などから Title を書き換えることもありますが、Meta Title は依然として最重要シグナルです。

Description

デバイス安全域(推奨)上限(目安)執筆のコツ
デスクトップ≤830px≈920px最初の 1–2 文に価値提案と CTA
モバイル≤600px≈680px重要情報は前に

モバイル description の安全域(600px)はデスクトップ(830px)の約 72%。モバイル流量が半数超なら、モバイルプレビューを主にし、デスクトップの「余裕」だけを見ない。

安全域と上限の違い

  • 安全域:フォント調整、検索語 bold、A/B テストなどへのバッファ
  • 上限:経験的截断ライン。超えると の可能性大

目標は安全域内。上限ギリギリに賭けない——安全域外の文字はユーザーに見えないことが多い。

Meta 長さに関する 5 つの誤解

誤解 1:SEO プラグインが緑なら OK

多くのプラグインは文字数や固定閾値のみ。SERP フォント、bold、デバイス差をシミュレートしない。プラグイン + SERP プレビューの二重チェックが安全。

誤解 2:デスクトップだけ確認

Google はモバイルファーストインデックス。モバイル description は早く切れる。デスクトップのみだと表示可能幅を過大評価。

誤解 3:文字数上限を執筆目標にする

「160 文字埋める」≠「ユーザーが 160 文字見る」。後半は常に の裏。伝えるのに足りればよく、長さを水増ししない。

誤解 4:KW を Title 末尾に集中

截断後は前半しか見えない。核心語と差別化を前に。ブランドは末尾も可——截断リスクが低い場合。

誤解 5:閾値は Google 公式の固定値

Google は UI、フォント、截断戦略を変更する。本文・ツールの px 値は best-effort 近似——安定・実用的だが公式仕様ではない。公開後は Search Console で実測を繰り返す。

公開前実践:SERP プレビューツール 5 ステップ

Meta タイトル・説明の長さチェッカー を例に、公開前チェックの流れ。ツールはブラウザ内でローカル実行。文案はサーバーにアップロードされません。

Meta タイトル・説明長さチェッカー — デスクトップ px 計測と Safe / Warning 表示

Step 1:Meta Title / Description を入力

CMS や SEO プラグインから貼り付け。まず現状を測り、截断の有無を確認してから編集を決める。

Step 2:デスクトップ / モバイルを切り替え

px 使用量(使用 px / 上限 px)と状態(安全・临界・超過)を確認。両方必須。

Step 3:SERP プレビューで截断を確認

の有無、ブランド・核心 KW・数字・CTA が全文見えるか。数字より目視の截断位置が直感的。

Step 4:文字数を参考に微調整

ツールは文字数も表示。よく使う調整:

  • 冗語削除(「完全な」「最高の」「包括的な」)
  • 非核心語の略記
  • 長い接続を |- に(記号も px を消費)
  • 差別化情報を前へ

Step 5:両デバイスで重要情報を確認

デスクトップ・モバイル両方のプレビューを確認。どちらかで が出たら短縮・再構成し、ブランド・KW・CTA を安全域内に。Google の検索語 bold(太字は幅増)もあるため、余裕を持つ。

Meta Title / Description を書く 6 原則

  1. 1 title = 1 意図——全ページにホーム用テンプレを使い回さない
  2. 最初の約 40% の px に最重要情報——後半は見えない前提
  3. Description = 価値 + 差別化 + 行動——KW リストではない
  4. Title と H1 は似せても同一にしない——title はクリック、H1 はページ主題
  5. 全大文字 Title を避ける——px も増え spam 感(英文の大小文字は 英文大小文字のよくある誤り 参照)
  6. 定期レビュー——Google は snippet を書き換える。Search Console「検索結果 → ページ」で確認

ページタイプ別の長さ戦略

ページタイプTitle 戦略Description 戦略
トップブランド + コア業務 + 地域/差別化サービス範囲 + 信頼 + CTA
ブログテーマ + 年/シーン + ブランド解決する問題 + 読者メリット
EC 商品商品名 + 主要スペック + ブランド訴求 + 配送/保証 + 後押し
ツール / SaaS機能 + 対象ユーザー + ブランドユースケース + 差別化 + Free/トライアル
多言語各言語でネイティブ執筆。機械翻訳で字数を水増ししないCJK の px はラテンと異なる——実測

ツールで測ったあと、他に何をする?

このツールでできること

  • ブラウザ内ローカル測定。文案非アップロード
  • Canvas ベースのテキスト幅。レンダリングに近い
  • デスクトップ/モバイルプレビュー + シミュレーション
  • px と文字数の両指標

代替できないこと

  • Google 公式 SERP レンダリング(フォント・bold は変わる)
  • Google による Title/Description 書き換え——Search Console で観察
  • リッチリザルト(FAQ、星評価など)の表示
  • CTR 最適化そのもの——文案品質、A/B、意図マッチ

推奨 On-page 公開フロー

  1. SERP プレビューツール → 長さ・截断
  2. 文字カウンター → 本文長(必要なら)
  3. 大小文字変換ツール → タイトル形式統一
  4. 公開 → Search Console 2–4 週 → CTR・表示で改善

よくある質問

なぜ文字数ではなく px か?

Google の截断は描画幅に近い。同じ長さでも W/M と i/l で px が大きく異なる。

px と文字数、どちらを優先?

px(表示に近い)を優先。文字数は目安(title 約 50–60、description 約 120–160)。最終は px プレビュー。

これらの px 上限は正確?

best-effort の経験閾値。Google のスタイル変更、デバイス・言語差あり。上限より安全域内を推奨。

デスクトップとモバイルは別々に測る?

はい。特に description(モバイル安全域 600px vs デスクトップ 830px)。モバイル偏重サイトはモバイルプレビューを主に。

中文と英文で閾値は同じ?

ツールは Arial 統一ベース。CJK 全角は一般に広い。混在タイトルは実測。英文コミュニティの文字数ルールをそのまま使わない。

検索語 bold は長さに影響?

はい。bold は幅が広い。安全域推奨の理由の一つ——临界文案が bold 後に截断される。

SEO プラグインの文字制限は守る?

CMS/プラグインの maxlength は守る。ただし「SERP で切れない」は px プレビュー準拠——両者は一致しないことも。

Google が title を書き換える場合は?

Meta title の最適化は依然重要。GSC で頻繁な書き換えがあれば、H1、冒頭、構造化データと title 意図を揃える。

description は長いほど良い?

いいえ。可視範囲外は見えない。モバイル特に。600px(モバイル安全域)内で価値を伝える。

データはアップロードされる?

いいえ。ブラウザ内処理。一部設定は localStorage に保存される場合あり。ツールページのプライバシー説明参照。

おわりに

58 文字か 62 文字かより、検索結果で重要情報が見えるかが大事。文字数は参考、px 幅の方がユーザーが見る内容に近い。截断で失うのは文字数ではなく、ブランド、差別化、クリック率。

公開前に 2 分、Meta タイトル・説明の長さチェッカー でデスクトップ/モバイルを確認——Search Console で CTR 低下を見てから直すより楽です。

1px 単位の完璧は不要。重要情報を安全域内に、許容できる截断位置に。 それで十分です。