domain.com
タイトルがここに表示されます
説明文がここに表示されます。
プレビューはイメージです。実際の表示確認には各SNS公式デバッグツールをご利用ください。
Advertisement
メタタグ（OGP）ジェネレーターとは？
本ツールは、WebサイトのSEO（検索エンジン最適化）とSNSシェア時の見え方を最適化するためのHTMLタグを即座に生成するツールです。 URLやタイトルを入力するだけで、X（旧Twitter）やFacebookでシェアされた際の「カード表示」をリアルタイムでシミュレーションできます。 「メタタグの書き方がわからない」「SNSで画像が表示されない」といった問題を解決し、クリック率（CTR）を最大化させるための必須ツールです。
こんなシーンで便利です
新規記事・LP公開時の表示テスト
公開前にSNSでの見え方をチェック。アイキャッチ画像が切れていないか、説明文が途切れていないかを事前にシミュレーションできます。
SNSからの流入数（CTR）改善
クリックされやすいタイトルや画像の組み合わせを検討。X（Twitter）カードの「Large Image」表示にも対応しています。
メタタグの実装ミス防止
「og:image」や「twitter:card」など、複雑なタグの記述ミスをゼロに。生成されたコードを headタグ内にコピペするだけで完了です。
クライアントへの表示案提示
Webディレクターや制作会社が、納品前に「SNSではこのように表示されます」というイメージを共有する際のデモとして活用できます。
使い方は簡単 3ステップ
- 「基本情報入力」欄にタイトル、説明文、画像URLを入力します。
- 「プレビュー」タブでFacebookやXでの見え方を切り替えて確認します。
- 「HTML」タブに切り替え、生成されたメタタグをコピーしてサイトの head 内に貼り付けます。
※画像の推奨サイズは 1200 x 630 ピクセル（1.91:1）です。
ご利用時の注意点
- キャッシュの影響：タグを設置した直後に表示が変わらない場合は、SNS公式デバッグツールでキャッシュを更新してください。
- 相対パスに注意：画像URLは必ず「https://」から始まる絶対パスで入力してください。
- 文字数の制限：X（Twitter）ではタイトルが約70文字、説明文が約200文字程度で省略される傾向にあります。
Advertisement
SNS別 OGP画像サイズ・表示文字数一覧
各SNSでカードが最適に表示される推奨サイズと、省略されない文字数の目安です。
| SNS / プラットフォーム | 推奨画像サイズ | タイトルの文字数 | 説明文の文字数 |
|---|---|---|---|
| X (Twitter) | 1200 × 630 px | 約70文字 | 約200文字 |
| 1200 × 630 px | 約60文字 | なし（タイトル優先） | |
| LINE | 1200 × 630 px | 約40文字 | 約60文字 |
| はてなブックマーク | 1200 × 630 px | 約100文字 | 約100文字 |
| Discord / Slack | 自由 (1.91:1推奨) | 制限なし | 数行程度 |
黄金比「1.91 : 1」の重要性
主要なSNSで共通して綺麗に表示されるサイズは 1200 × 630 px です。この比率を守ることで、Xの「Large Image」カードやFacebookのシェア時に画像が上下に切れるのを防ぐことができます。
更新が反映されない場合（キャッシュ）
タグを書き換えたのにSNSの表示が変わらない場合は、キャッシュクリアが必要です。Xは「Card Validator」、Facebookは「シェアデバッガー」を利用して、各社のサーバーに新しい情報を認識させてください。
※文字数は全角（日本語）での目安です。スマホアプリ版やデスクトップ版のアップデートにより、予告なく表示領域が変更される場合があります。
よくある質問（FAQ）
Q.入力した未公開記事のタイトルなどが漏洩する心配はありませんか？
A. 全くありません。本ツールで入力された情報はすべてブラウザ上でのみ処理されます。サーバーへの送信や保存は一切行われません。
Q.ローカル画像をアップロードした場合、その画像はどこに保存されますか？
A. 画像データもサーバーにはアップロードされません。メモリ内での一時的な表示のみで、ページを閉じれば完全に消去されます。
Q.生成されたタグを使用する際、このサイトへのリンクは必要ですか？
A. 不要です。完全無料で商用・個人問わず自由にご利用いただけます。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。