SERP Preview

使い方

1. title タグに書くページ題名、meta description のテキスト、ページ URL を入力します。
2. 4 つのプレビューが同時に描画されます。Google デスクトップ、Google モバイル、Twitter (X) のサマリーカード、Facebook のリンクカードです。
3. 目安幅を超えた文字は省略記号で切れ、プラットフォームが視覚的に行うのと同じ形で表示されます。
4. 各プレビューの下にカウンターがあり、目安と対照できます。Google デスクトップ 60/160、Google モバイル 55/120、Twitter 70/200、Facebook 88/200。目安を超えると赤くなります。
5. コピーボタンで入力・プラットフォーム別の文字数・長さの補足をテキストに書き出せます。

こんなときに

• 公開前のタイトル確認 —— 検索結果のスマホ表示でどこまで残るかを確かめる。
• 説明文を長さに合わせる —— 書きながらカウンターを見て調整する。
• ソーシャルカードの文案点検 —— 同じタイトルと説明が Twitter と Facebook の両方に収まることは少ない。
• メタデータの教学 —— エディタ上で title タグと description の役割を実演する。

プライバシーについて

プレビューは入力内容だけを元に、ブラウザ内の素の HTML と CSS で描画されます。取得もリンクを開くことも、フォームの送信も行いません。

FAQ

Q: 文字数の上限は公式ですか？ A: いいえ。多くの SEO ツールが使う一般的な目安幅です。Google・Twitter・Facebook は固定文字数ではなく描画幅で切るためです。実際の結果は端末・フォント・言語・クエリによって変わります。

Q: Google モバイルの方が文字数が少ないのはなぜですか？ A: スマートフォンの画面ではタイトルと説明に使える横幅が小さいため、目安が低くなります。デスクトップの数字に合わせただけでは、モバイルの一覧は切れやすいです。

Q: 説明が切れると問題ですか？ A: 切れた点以降の内容は失われるので、メッセージの末尾が読まれないことがあります。検索エンジンが独自のスニペットに差し替えることもあります。要点は前半に置いてください。

Q: 実際のページをプレビューできますか？ A: できません。このツールが行うのはカードのレイアウト模擬だけです。ページの取得、実際のメタタグの読み取り、サイトのレンダリングは行いません。