SERP プレビュー

SERP プレビューとは？

あなたのページが Google 検索結果に表示されるとき、3 つの重要な要素が示されます。タイトル（クリックできる青いリンク）、URL パンくず（サイトのパスを緑色で表示）、そして説明スニペット（meta 説明からの短い抜粋）です。これらが組み合わさって、ユーザーがあなたの結果をクリックするか、そのまま読み飛ばすかが決まります。

このツールはあなたのページのリアルタイムな HTML を取得し、title タグ、meta 説明、Open Graph タグ、ファビコンを抽出して、Google 検索結果カードをピクセル単位で正確にシミュレートして表示します。

SERP での表示を最適化するには

• title タグ —— 60 文字以内に収めます。重要なキーワードは先頭付近に置きます。説明的で、ページごとに固有の内容にします。
• meta 説明 —— 160 文字以内に収めます。検索エンジンではなく、人間に向けて書きます。明確な行動喚起（CTA）を含めます。
• og:title / og:description —— title / description タグと一致または補完するように設定し、検索とソーシャルの両方でブランドの表現を統一します。
• ファビコン（Favicon） —— はっきりと識別できる 32×32 または 48×48 のアイコンを使います。最近の SERP レイアウトでは、Google がドメイン名の横にこれを表示します。

このツールの使い方

1. 公開されている任意の URL を入力欄に貼り付け、チェック をクリックします。
2. ツールがサーバー側でページの meta タグを取得し、SERP プレビューカードを表示します。
3. 文字数メーターを確認します —— 緑は良好、アンバーは上限に近い、赤は切り詰めが発生することを意味します。
4. 生の meta タグ を展開すると、og:title、og:image、canonical URL を含む、抽出されたすべての値を確認できます。

よくある質問

SERP プレビューとは？

SERP は Search Engine Results Page（検索エンジンの結果ページ）の略です。SERP プレビューは、あなたのウェブページが Google 検索の結果としてどう表示されるか——ページタイトル（青いリンク）、URL パンくず（緑色のパス）、meta 説明スニペットを含めて——を示します。このツールは、ページのリアルタイムな meta タグを使ってその表示を再現します。

タイトルや説明が途中で切れてしまうのはなぜですか？

Google はタイトルを約 60 文字、説明を約 160 文字で切り詰めます。テキストがそれより長いと、Google はそれを短くして「…」を付け加えます。このツールは、これらの上限に近づいている、または超えているときに強調表示するので、それに合わせて meta タグを調整できます。

title タグと og:title の違いは何ですか？

<title> タグは、Google が検索結果のタイトルに使う主要なシグナルです。og:title（Open Graph タイトル）は、ページが共有されたときに Facebook や Twitter などのソーシャルメディアプラットフォームで使われます。Google も og:title をフォールバックや代替として使うことがあります。両者が異なる場合、このツールは両方を表示します。

Google が私の title タグと違うタイトルを表示することがあるのはなぜですか？

Google は、あなたの title タグが長すぎる、キーワードを詰め込みすぎている、またはページ内容を適切に表していないと判断した場合、タイトルを書き換えることがあります。簡潔で説明的な title タグを用意し、それに一致する og:title を添えることで、Google にタイトルを上書きされる可能性を減らせます。

入力した URL は第三者に送信されますか？

第三者は一切関与しません。あなたの URL は、ページの meta タグを読み取るために、このサイト自身のサーバー（Cloudflare Worker）によって取得されます。その URL が Google やその他のサービスと共有されることはありません。