Open Graph メタタグ生成ツール
ページ情報を入力し、共有リンクの表示例を確認して、HTML 用の Open Graph と Twitter Card タグをコピーします。
使い方
使い方
- ページタイトル、説明、URL、画像、任意のソーシャルプロフィール情報を入力します。
- エスケープ済みタグと簡易プレビューを確認します。
- タグをコピーするか HTML 断片をダウンロードし、対象プラットフォームで最終ページをテストします。
標準フィールドとローカル出力
フォームは Open Graph のタイトル、説明、URL、画像、画像 alt、サイト名、ロケールに加え、Twitter Card、creator、画像フィールドを扱います。属性に入れる前に HTML エスケープするため、引用符、アンパサンド、山括弧はテキストとして扱われます。
プレビューは目安です
プレビューはテキストと画像 URL から共有カードを概算します。ネットワーク要求や画像サイズの確認は行わず、Facebook、LinkedIn、X などが同じカードを表示する保証もありません。公開ページは各プラットフォームの最新デバッガーで確認してください。
よくある質問
あわせて知りたいこと
画像を取得またはアップロードしますか?
いいえ。画像 URL を生成タグとプレビューに入れるだけで、取得、アップロード、検証はしません。
入力値はエスケープされますか?
はい。HTML 属性に挿入するテキストのアンパサンド、引用符、山括弧、アポストロフィをエスケープします。
SNS プレビューを保証しますか?
いいえ。クローラーがタグをキャッシュしたり、プラットフォーム固有の制限を適用したり、公開 HTTPS ページと画像を要求したりする場合があります。対象プラットフォームのツールで公開ページをテストしてください。