コード、データと QRツール

Open Graph メタタグ生成ツール

ページ情報を入力し、共有リンクの表示例を確認して、HTML 用の Open Graph と Twitter Card タグをコピーします。

ブラウザ内で処理登録不要プライバシーの説明 ↗

簡潔にしてください。生成する属性は HTML 用にエスケープされます。

使い方

使い方

  1. ページタイトル、説明、URL、画像、任意のソーシャルプロフィール情報を入力します。
  2. エスケープ済みタグと簡易プレビューを確認します。
  3. タグをコピーするか HTML 断片をダウンロードし、対象プラットフォームで最終ページをテストします。

標準フィールドとローカル出力

フォームは Open Graph のタイトル、説明、URL、画像、画像 alt、サイト名、ロケールに加え、Twitter Card、creator、画像フィールドを扱います。属性に入れる前に HTML エスケープするため、引用符、アンパサンド、山括弧はテキストとして扱われます。

プレビューは目安です

プレビューはテキストと画像 URL から共有カードを概算します。ネットワーク要求や画像サイズの確認は行わず、Facebook、LinkedIn、X などが同じカードを表示する保証もありません。公開ページは各プラットフォームの最新デバッガーで確認してください。

よくある質問

あわせて知りたいこと

画像を取得またはアップロードしますか?

いいえ。画像 URL を生成タグとプレビューに入れるだけで、取得、アップロード、検証はしません。

入力値はエスケープされますか?

はい。HTML 属性に挿入するテキストのアンパサンド、引用符、山括弧、アポストロフィをエスケープします。

SNS プレビューを保証しますか?

いいえ。クローラーがタグをキャッシュしたり、プラットフォーム固有の制限を適用したり、公開 HTTPS ページと画像を要求したりする場合があります。対象プラットフォームのツールで公開ページをテストしてください。