OGP・Twitterカード メタタグ一括生成ジェネレーター

Facebook、LINE、X（旧Twitter）などでサイトがシェアされた際に、リッチな画像と説明文を表示させるための <meta> タグ一式を自動生成します。
基本設定を入力するだけで、ミスなく・漏れなく・コピペで終わる安全なコードが出力されます。

1. 基本情報（必須）

※1200 x 630px の画像（JPGまたはPNG）を推奨します。

2. X (Twitter) カード設定

Xでシェアされた時の表示形式と、紐付けるアカウントを設定します。

📄 生成された Meta タグ

HTMLの <head> 〜 </head> の間にコピー＆ペーストしてください。

⚠️ 実務で必須の「OGPプレビュー＆キャッシュクリア」手順

OGPの画像やテキストを差し替えた後、「SNSでシェアしても古い画像のまま変わらない！」というのはWeb制作あるあるです。各SNSのキャッシュクリアとプレビュー確認は以下の手順で行います。

🔵 Facebook / LINE の確認とキャッシュクリア
Facebookが提供している公式デバッガーを使用します。ここでキャッシュを更新すると、LINEのキャッシュも連動してクリアされることが多いです。
👉 Facebook シェアデバッガーを開く
  • URLを入力して「デバッグ」をクリック。
  • 古い画像が出た場合は、「もう一度スクレイピング」ボタンを押して最新化します。
⚫️ X (旧Twitter) の確認方法
Xの公式Card Validatorツールは廃止されました。現在は実際の投稿画面を使うのが最も確実なプレビュー確認方法です。
  • PCまたはスマホのXアプリで「ポストする」画面を開きます。
  • 対象のURLを直接入力します。
  • URLの下にカードのプレビューが自動生成されるのを確認します。（※そのまま投稿せずに消してOKです）