検索結果でのタイトル・meta descriptionの見え方を再現
SERPプレビューは、ページのタイトル・URL・meta descriptionを入力するだけで、Googleの検索結果ページ（SERP）での見た目をPC・モバイルの両方でリアルタイムに再現する無料ツールです。公開前のページや既存ページのスニペットが検索結果でどう見えるかを、青いリンク見出し・URLのパンくず表示・グレーの説明文まで含めて視覚的に確認できます。インストールや会員登録は不要で、入力内容の処理と描画はすべてお使いのブラウザ内で完結します。
使い方はかんたんです。「タイトル」「URL」「meta description」の各欄に内容を入力すると、下のプレビュー領域に検索結果の見た目が即座に反映されます。タブでPCとモバイルを切り替えれば、それぞれの表示幅での見切れを確認できます。何も入力していない状態でもサンプルが表示されるので、まず動きを試してから自分の内容に差し替えるとスムーズです。
Googleはタイトルや説明文を文字数ではなくピクセル幅で打ち切ります。本ツールはPC表示でタイトルを約600px、meta descriptionを約920pxを目安に、超えた部分を省略記号（…）に置き換えて表示します。入力欄の下には現在の文字数とおおよそのピクセル幅を示すインジケータがあり、目安の範囲内なら緑、超過していれば赤で表示されるため、見切れを避けたい場合の調整に役立ちます。
入力したURLは、実際の検索結果に近いパンくず風の表示（ドメイン › 階層 › 階層）に変換して再現します。サイト名とfaviconの簡易表示、公開日を先頭に付ける日付プレフィックスのオプションも用意しており、ニュース記事やブログのような日付付きスニペットの見え方も確認できます。共有用URLをコピーすると入力内容をクエリに保持でき、チームでのレビューにも便利です。
文字数をカウントするメタ長チェッカー系のツールは、タイトルやdescriptionが推奨の長さに収まっているかという「長さの判定」が主な目的です。一方このSERPプレビューは、実際の検索結果に近い「見た目の再現」に重点を置いています。リンクの色や大きさ、URLのパンくず、favicon、日付、そして見切れがどの位置で起きるかを目で確認できるため、数値だけでは分かりにくい実際の印象をチェックできます。
| 要素 | PC表示の目安 | ポイント |
|---|---|---|
| タイトル | 約600px | 超過分は省略記号で見切れ。前半に重要語を配置 |
| meta description | 約920px | クリックを促す要約。見切れても意味が通る順序に |
| URL | パンくず表示 | 階層が深いと省略。分かりやすい構造が有利 |
| モバイル | 折り返し中心 | 幅が狭く行数で制限。PCと別に要確認 |
なお、実際の検索結果はGoogle側の判断でタイトルや説明文が書き換えられたり、検索語に応じてスニペットが動的に生成されたりすることがあります。本ツールの表示はあくまで入力内容に基づく目安であり、実際の表示を保証するものではありません。フォントや端末による幅の差もあるため、余裕を持った設計をおすすめします。