digtools
🔍
serp & ogp,

検索結果(SERP) & OGPプレビュー

Google検索での見え方やSNS(X・Facebook)でのOGP表示をリアルタイムシミュレーション。最適文字数のチェックとMetaタグの自動生成にも対応。

📱
SERP/OGP対応
GoogleとSNS両方の見え方を確認
📝
タグ自動生成
入力内容からMetaタグを出力
🔒
完全ローカル処理
データはブラウザ内で安全に処理

✏️ メタデータの入力

0 文字 目安: 全角30文字以内
0 文字
目安: 全角120文字以内 (スマホは50文字)

👀 プレビュー

🌐
example.com https://example.com/category/page

生成された Metaタグ

 
about,

SERP・OGPプレビューツールの概要

検索結果(SERP)プレビューとSNSシェア時のOGP表示をまとめてシミュレーションできる無料のSEO・マーケティング支援ツールです。Google検索でのタイトルや説明文の見え方に加え、X(旧Twitter)やFacebookでのOGP画像・カードの表示結果をリアルタイムで確認できます。

最適な文字数で表示されているか、OGP画像が適切にトリミングされているかを確認することで、検索とSNSの両方からクリック率(CTR)の最大化を図れます。

入力したデータはすべてお使いのブラウザ内でのみ処理されるため、公開前の機密性の高い記事タイトルなどでも安全にテストすることが可能です。

how to,

使い方

STEP 1

メタデータの入力

左側のフォームに、対象ページのURL、タイトル、説明文(ディスクリプション)、OGP画像のURLなどを入力します。入力と同時に右側のプレビュー画面が更新されます。

STEP 2

プレビューの確認

上部のタブを切り替えて、Google(PC/モバイル)、X(大/小)、Facebook それぞれのプラットフォームでの見え方を確認します。文字数による省略や画像の見切れをチェックしてください。

STEP 3

HTMLタグの取得

最適化が完了したら、画面下部に自動生成された HTML Meta タグを確認し、「コードをコピー」ボタンをクリックします。サイトの <head> 内に貼り付けて利用できます。

glossary,

用語集

SERP (Search Engine Results Page)
検索エンジンでキーワードを検索した際に表示される結果ページのこと。
OGP (Open Graph Protocol)
Facebook発祥のメタデータ仕様で、SNSでウェブページがシェアされた際にタイトルや画像などを正しく表示させるための仕組み。
CTR (Click Through Rate)
検索結果やSNSのタイムラインに表示された回数に対し、実際にクリックされた回数の割合(クリック率)。
スニペット (Snippet)
検索結果でタイトルの下に表示される数行の説明文。主に meta description タグの内容が採用されます。
og:image
SNSシェア時に表示されるサムネイル画像を指定するメタタグ。推奨サイズは 1200×630px です。
Twitter カード
X(Twitter)独自のメタタグ仕様。大きな画像を表示する summary_large_image と、小さな正方形画像を表示する summary があります。
og:title / og:description
SNSシェア時に表示されるタイトルと説明文を指定するためのメタタグ。
メタディスクリプション (Meta Description)
ページの内容を約100〜120文字程度で要約したHTMLタグ。検索結果のスニペットに反映されることが多い。
faq,

FAQ

Q.OGP画像の推奨サイズは何ピクセルですか?
X(Twitter)およびFacebook共通で、横 1200px × 縦 630px(アスペクト比 1.91 : 1)が推奨サイズとされています。
Q.入力した情報はサーバーに保存されますか?
いいえ、入力されたURLやタイトルなどのデータはすべてお客様のブラウザ上(ローカル)でのみ処理されます。外部サーバーには一切送信・保存されないため、公開前の情報でも安全です。
Q.OGPタグを設定しないとSNSでどう表示されますか?
SNSのシステムがページ内の文章や画像を自動的に抽出して表示しますが、意図しない画像が選ばれたり、タイトルが途切れたりして、クリック率が大きく低下する原因となります。
Q.タイトルや説明文の最適な文字数は何文字ですか?
Google検索の場合、タイトルは全角約30文字以内、説明文はPCで約120文字、モバイルで約50文字以内に重要なキーワードを含めることが推奨されます。
Q.LINEのOGP表示の確認もできますか?
LINEも標準的なOGP仕様に準拠しているため、本ツールのFacebook用プレビューや自動生成されるタグをそのままLINEでのシェア対策として活用いただけます。
use cases,

活用シーン

📝

新規記事の公開前チェック

記事を公開する前にタイトルや説明文、OGP画像の表示結果を確認し、検索流入・SNS流入の両方を最大化するよう微調整します。

🔄

既存ページのCTR改善リライト

検索順位は高いのにクリック率が低いページに対し、より魅力的なタイトル・説明文・画像への変更をシミュレーションします。

📊

SNSマーケティング・広告運用

SNSでの拡散を狙ったキャンペーンページや広告用LPのOGP設定を確認し、シェア時の表示品質と訴求力を担保します。

📱

モバイルファーストの確認

モバイル端末での短いスニペット表示や、スマホでのOGPカードレイアウトに問題がないか、事前に視覚的にチェックします。

フィードバックを送信

ツールをより良くするためのご意見をお聞かせください。

免責事項

当サイトで提供しているツールは、すべて無料でご利用いただけますが、自己責任での利用をお願いいたします。各種ツールの計算結果や変換結果、生成データの正確性・完全性・安全性について、当サイトはいかなる保証もいたしません。ツールの利用に起因して発生したいかなる損害・トラブルについても、運営者は一切の責任を負いかねますので、あらかじめご了承ください。なお、ファイル処理や計算などは原則としてご利用のブラウザ上で完結しており、入力されたデータが当サイトのサーバーに送信・保存されることはありません。