Google検索結果(SERP)プレビュー＆タイトル文字数チェッカー

ページタイトル・URL・サイト名・meta descriptionを入力すると、Google検索結果の表示をリアルタイムでプレビューできます。ピクセル幅ベースの省略判定（Canvas API計測）で、日本語の全角文字・半角英数字が混在する場合でも正確に「…」切れを事前確認。PC版・スマホ版の切り替え、複数ページの一括チェックも可能です。

Googleはピクセル幅でタイトルの省略を判定している

Google検索結果のタイトルタグは、文字数ではなく表示に使うピクセル幅で省略が決まります。デスクトップ（PC）では約600px、スマートフォンでは画面幅に依存しますが、概ね同程度です。日本語の全角文字（ひらがな・カタカナ・漢字）は1文字あたり約20px前後を消費しますが、半角英数字は約10px程度です。そのため、同じ30文字でも「全角30文字（約600px）」と「半角30文字（約300px）」では大きく異なります。ピクセル幅ベースで正確に判定するには、本ツールが採用しているCanvas APIの measureText() を使った計測が最も正確です。

日本語タイトルの最適な文字数・ピクセル幅の目安

日本語タイトルの場合、25〜35文字（约450〜600px）が推奨範囲です。重要なキーワードをタイトルの前半（左側）に配置する「左側集中戦略」が効果的で、600pxを超えた部分は「…」で省略されます。なお、Googleは2025年時点でタイトルタグ全体の約76%を独自に書き換えているというデータがあります。書き換えを減らすには、検索意図に合致した明確なタイトルを作ることと、文字数・ピクセル幅を適切な範囲内に収めることが重要です。

descriptionの文字数と表示のしくみ

meta descriptionは、Googleの検索結果に表示される説明文です。PC・スマホともに日本語で120〜140文字が表示される目安です（160文字を超えると省略される可能性が高くなります）。重要な情報は冒頭80文字以内に含める「左側集中戦略」が推奨されます。ただし、Googleはdescriptionの内容にかかわらず、ページ内の本文からスニペットを自動生成することがあります（60〜70%の確率で書き換えが発生するとされています）。それでもdescriptionを最適化することで、CTR（クリック率）の向上が期待できます。

CTRを上げるdescriptionの書き方

①検索キーワードを含める（Googleが該当箇所をBold太字でハイライト表示する）、②ページで解決できる悩み・ベネフィットを明示する、③「無料」「初心者向け」「〇〇を解説」などの具体的な訴求語を使う、④「続きを読む」「詳しくはこちら」より「〇〇の方法を3つ解説」など情報の予告がクリック動機になります。

サイト名とファビコンの表示（2024年〜継続）

2023〜2024年のアップデートにより、検索結果のスニペット上部にファビコン（小アイコン）とサイト名が表示されるようになりました。サイト名はGoogleが自動的に推定しますが、<meta name="site-name" content="サイト名"> または JSON-LD の WebSite スキーマで明示的に指定することで、正確な名前が表示されやすくなります。ファビコンは <link rel="icon"> で設定でき、Google推奨のサイズは48×48px以上の正方形です。

AI Overview（旧SGE）の影響

2024年以降、GoogleはAI Overviewを検索結果上部に表示するケースが増えています。AI Overviewが表示されると、オーガニックの検索結果は画面下に押し下げられ、クリック率が下がる傾向にあります。対策として「E-E-A-T（経験・専門性・権威性・信頼性）」の強化と、AI Overviewに引用されるような構造化されたコンテンツの作成が重要になっています。タイトルとdescriptionの最適化は、AI Overview時代でも依然として重要なファーストステップです。

高CTRタイトルの5つのパターン

①数字を入れる: 「7つの方法」「2026年版」「30分でできる」など具体的な数字は信頼性を高めます。
②疑問形・How to: 「〇〇とは？」「〇〇の方法」は検索意図に直結します。
③パワーワード: 「完全ガイド」「徹底解説」「初心者必見」「無料」「テンプレート付き」などは訴求力があります。
④緊急性・限定性: 「2026年最新」「〇〇前に確認」は今すぐクリックする動機を与えます。
⑤ブランド名の配置: AIDMAの法則上、ブランド名は末尾に配置（「｜サイト名」）するとタイトル本文を最大化できます。

避けるべきタイトルのパターン

Googleによるタイトルの書き換えを誘発するパターン：①同じキーワードの繰り返し（キーワードスタッフィング）、②不自然な区切り文字の多用、③クリックベイト（内容と乖離した過剰な表現）、④あいまいすぎる表現（「詳しくはこちら」だけのタイトルなど）。

SERP（Search Engine Results Page）

検索エンジンの検索結果ページ。キーワードを検索したときに表示されるページ全体を指します。オーガニック結果・広告・ナレッジパネル・AI Overview などが含まれます。

タイトルタグ（title tag）

HTMLの <title> 要素。検索結果のクリッカブルな見出しとして表示され、ランキング要因の一つです。ブラウザのタブにも表示されます。

meta description

ページの内容を要約した説明文。SEOのランキング要因ではありませんが、検索結果に表示されることでCTRに影響します。

CTR（Click Through Rate / クリック率）

検索結果にページが表示された回数（インプレッション）に対してクリックされた割合。CTR = クリック数 ÷ インプレッション数 × 100（%）。

ピクセル幅（px width）

テキストが画面上で占める横幅のピクセル数。フォントの種類・サイズ・文字の種類（全角/半角）によって異なります。Googleはこのpx幅でタイトルの省略位置を決定します。

省略記号（…、ellipsis）

テキストがコンテナの幅を超えた場合に末尾に表示される「…」。CSSでは text-overflow: ellipsis で設定できますが、Googleは独自のアルゴリズムで省略位置を決定します。

ファビコン（favicon）

Webサイトのアイコン画像。SERP上ではドメイン名の左に表示されます。<link rel="icon" href="/favicon.ico"> で設定。Googleの推奨サイズは48×48px以上の正方形。

パンくずリスト（breadcrumb）

SERPのURLの代わりに表示されるページの階層構造（例: example.com › カテゴリ › 記事名）。構造化データ（BreadcrumbList）でGoogleに明示的に伝えることができます。

E-E-A-T

Experience（経験）・Expertise（専門性）・Authoritativeness（権威性）・Trustworthiness（信頼性）の頭文字。Googleの品質評価者ガイドラインにおけるコンテンツ品質の評価基準。

Canvas API（measureText）

ブラウザのJavaScript APIで、指定したフォント設定でテキストが占める幅をピクセル単位で計測できます。本ツールはこれを使ってGoogleのタイトル省略を正確にシミュレートしています。