Open Graph & Twitterカード生成ツール
og: と twitter: のメタタグを、共有カードのライブプレビュー付きで生成 — SNSでのリンクの見え方をコントロールできます。
968回閲覧
カードプレビュー
共有リンクが美しく見える理由（あるいは残念に見える理由）
URLをSNSやメッセージアプリに貼り付けると、プレビューカードはOpen Graphタグ（Facebook、LinkedIn、WhatsApp、Telegram、Slackなど）とtwitter:タグ（X）から生成されます。タグがなければプラットフォームが推測するしかなく、たいていうまくいきません。重要なのは次の4つ：og:title、og:description、og:image、og:url — さらに、小さい要約カードと横長のsummary_large_imageのどちらにするかを決める twitter:card です。
画像のルールがすべてを左右します。1200×630は安全な万能サイズ（1.91:1）で、~1 MB以下のファイルなら確実に読み込まれ、URLは絶対パス（https://...）である必要があります。公開後は各プラットフォームのデバッガーで検証しましょう — Facebook Sharing Debuggerなどは古いカードのキャッシュも同時に消去してくれます。
よくある質問
カードにまだ古い画像が表示されるのはなぜ？
プラットフォームは積極的にキャッシュします。URLをFacebookのSharing Debuggerに貼り付けて「Scrape Again」を押してください（各プラットフォームに同様の機能があります）。これでカードが更新されます。
og: タグがあっても twitter: タグは別途必要？
Xはほとんどの項目でOpen Graphにフォールバックしますが、twitter:card（要約か大画像か）だけは独自の設定です — 最低限これは設定しましょう。この生成ツールは両方のセットを出力するので、それが安全なデフォルトです。
関連ツール
問題を報告
Open Graph & Twitterカード生成ツール