検索結果・SNS での表示プレビュー

タイトル・説明文・URL が Google の検索結果や X・Facebook のカードでどう表示されるか（どこで省略されるか）を確認します。

Google 検索（PC）のタイトル
-
Google 検索（スマホ）のタイトル
-
検索結果の説明文（PC）
-
検索結果の説明文（スマホ）
-
検索結果の URL 表示
-
X・Facebook のカードのタイトル
-

※ 実際の表示幅はピクセル単位で決まり、検索語の太字や端末によって変わります。全角換算の文字数で切った目安です。

最終更新 2026-11-04

関連ツール

Web制作・SNS メタタグ・OGP タグの作成 ページのタイトル・説明文・URL・画像から、title・description・OGP（Facebook・X）のメタタグをまとめて作成します。 Web制作・SNS タイトル・説明文の文字数チェック ページのタイトルとメタディスクリプションの文字数を数え、検索結果で省略されずに表示される長さの目安と比べます。 Web制作・SNS box-shadow の作成 影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 Web制作・SNS CSS clamp() の計算（レスポンシブな文字サイズ） 画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。