ページを読み込んでいます
SNSシェア用のOGPタグを生成。Facebook、X、LINE、LinkedInのプレビュー付き。
タイトル、説明文、ページURL、サイト名など、OGPに必要な情報を入力します。
Facebook、X、LINE、LinkedInでの表示プレビューをリアルタイムで確認できます。
生成されたOGPタグをコピーして、HTMLの'<head>'セクション内に貼り付けてください。
<meta property="og:type" content="website" /> <meta property="og:locale" content="ja_JP" /> <meta name="twitter:card" content="summary_large_image" />
OGP生成ツールは、SNSでWebページがシェアされた際の表示を最適化するOpen Graphタグを簡単に作成できるオンラインツールです。Facebook、X（Twitter）、LINE、LinkedInなど主要SNSでの表示をリアルタイムプレビューしながら、最適なOGPタグを生成できます。
OGP（Open Graph Protocol）は、Facebookが策定したWebページのメタデータ規格です。SNSでURLがシェアされた際に、タイトル、説明文、画像などを適切に表示するために使用されます。現在ではFacebook以外にもLINE、LinkedInなど多くのサービスが対応しています。
Facebook/LINEでは1200×630px、X（Twitter）では1200×600pxが推奨です。最低でも600×315px以上のサイズを使用してください。画像は中央寄せでトリミングされることが多いため、重要な情報は中央に配置することをお勧めします。
Twitter Cardタグがない場合、X（Twitter）はOGPタグにフォールバックします。ただし、最適な表示のためには両方を設定することを推奨します。特にカードタイプ（summary / summary_large_image）はTwitter Card専用の設定です。
SNSはOGP情報をキャッシュしています。Facebookはシェアデバッガー、XはCard Validatorでキャッシュをクリアできます。また、og:urlと実際のURLが一致しているか確認してください。
このツール上ではローカルのOGP設定をプレビューできますが、実際のSNSデバッガーを使用するにはページが公開されている必要があります。開発中はツール上のプレビューを参考に、本番デプロイ後に各SNSのデバッガーで最終確認することをお勧めします。