OGP生成
SNSシェア時の表示を最適化するOGPタグを生成できる無料のオンラインツールです。Facebook・X（Twitter）・LINE・LinkedInのプレビューをリアルタイムで確認しながら、Open Graphメタタグと専用のTwitter Cardタグを手軽に生成できます。推奨文字数や画像サイズのガイドも表示されるため、各SNSで最適な表示を簡単に実現できます。Webページ公開時やブログ記事のシェア設定に欠かせないツールです。
最終更新:
使い方
使い方を開く使い方を閉じる
- 1
基本情報を入力
タイトル、説明文、ページURL、サイト名など、OGPに必要な情報を入力します。
- 2
SNSプレビューを確認
Facebook、X、LINE、LinkedInでの表示プレビューをリアルタイムで確認できます。
- 3
コードをコピー
生成されたOGPタグをコピーして、HTMLの'<head>'セクション内に貼り付けてください。
基本情報
SNSプレビュー
X (Twitter)
LINE
生成されたコード
<meta property="og:type" content="website" /> <meta property="og:locale" content="ja_JP" /> <meta name="twitter:card" content="summary_large_image" />
OGP生成ツールとは
OGP生成ツールは、SNSでWebページがシェアされた際の表示を最適化するOpen Graphタグを簡単に作成できるオンラインツールです。Facebook、X（Twitter）、LINE、LinkedInなど主要SNSでの表示をリアルタイムプレビューしながら、最適なOGPタグを生成できます。タイトル・説明文・画像URLといった基本情報を入力するだけで、og:title・og:description・og:image・og:typeなどの必要なタグが自動生成されます。X（Twitter）専用のsummary/summary_large_imageカードタイプも設定でき、各SNSで最適な表示が可能になります。推奨文字数と画像サイズのガイダンスを参考に調整しながら、ブランドイメージに合ったシェア表示を設定できます。
主な機能
- Open Graph（og:）タグの完全サポート（title、description、image、type等）
- X（Twitter）Card専用タグの生成（summary、summary_large_image）
- 4つのSNSプレビュー（Facebook、X、LINE、LinkedIn）
- 推奨文字数・画像サイズのガイド表示
- 生成コードのワンクリックコピー
こんな場面で役立ちます
- 新しいWebページをSNSで効果的にシェアしたいとき
- 各SNSでの見え方を確認しながらOGPを調整したいとき
- OGPタグの書式を忘れてしまったとき
- ブログ記事やランディングページのシェア設定を行うとき
- SNS広告用のリンクプレビューを最適化したいとき
よくある質問
OGPとは何ですか？
OGP（Open Graph Protocol）は、Facebookが策定したWebページのメタデータ規格です。SNSでURLがシェアされた際に、タイトル、説明文、画像などを適切に表示するために使用されます。現在ではFacebook以外にもLINE、LinkedInなど多くのサービスが対応しています。
推奨される画像サイズは？
Facebook/LINEでは1200×630px、X（Twitter）では1200×600pxが推奨です。最低でも600×315px以上のサイズを使用してください。画像は中央寄せでトリミングされることが多いため、重要な情報は中央に配置することをお勧めします。
X（Twitter）CardとOGPの両方が必要ですか？
Twitter Cardタグがない場合、X（Twitter）はOGPタグにフォールバックします。ただし、最適な表示のためには両方を設定することを推奨します。特にカードタイプ（summary / summary_large_image）はTwitter Card専用の設定です。
OGPを設定してもSNSで反映されません
SNSはOGP情報をキャッシュしています。Facebookはシェアデバッガー、XはCard Validatorでキャッシュをクリアできます。また、og:urlと実際のURLが一致しているか確認してください。
ローカル環境でプレビューを確認できますか？
このツール上ではローカルのOGP設定をプレビューできますが、実際のSNSデバッガーを使用するにはページが公開されている必要があります。開発中はツール上のプレビューを参考に、本番デプロイ後に各SNSのデバッガーで最終確認することをお勧めします。