OGPシミュレーター
プレビュー
👁️
URLを入力して「取得」をクリック、または手動で情報を入力してください
メタタグ生成
現在のプレビュー内容からメタタグを生成します。
<!-- OGPメタタグ -->
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">推奨サイズ一覧
Twitter / Facebook
1200 × 630 px (1.91:1)
LINE
1200 × 630 px (中央630px重要)
はてなブックマーク
1200 × 840 px (1.43:1)
Google Description
150-160 文字 (PC)
OGPシミュレーターについて
このツールは、ウェブページのOGP（Open Graph Protocol）設定を確認し、Twitter(X)、Facebook、LINE、はてなブックマークなど各種SNSでシェアされた際の表示をシミュレーションできます。URLからの自動取得に加え、画像アップロードや手動入力でゼロからOGPプレビューを作成することも可能です。
主な機能
- 7種類のSNS・サービスでのプレビュー確認（Twitter, Facebook, LINE, はてな, Discord, Slack, Google検索）
- URLから自動取得、または画像アップロード・手動入力でシミュレーション
- LINEやはてなブックマークでの画像トリミング位置をガイド表示
- Botモードでクローラーからの見え方を確認（アクセス制限チェック）
- 現在のプレビュー内容からメタタグを自動生成・コピー
使い方
- 「URLから取得」モードでURLを入力し、「取得」ボタンをクリック
- または「手動作成」モードでタイトル・説明文・画像を設定
- SNSタブを切り替えて各プラットフォームでの表示を確認
- 「メタタグ生成」セクションでコードをコピーしてサイトに貼り付け
プライバシー
アップロードされた画像はブラウザ上でのみ処理され、サーバーに保存されません。URL取得時のみサーバーを経由してOGP情報を取得します。