画像なし
example.com
Tool
メタタグ生成
ページのタイトルと説明を入れると、OGP と Twitter Card 用のタグができます。プレビューを見ながらコピーできます。
Facebook 風
X 風
画像なし
example.com
できた HTML
このブラウザの中で作っています。サーバーには送りません。
使い方
- タイトルと説明を入れて、プレビューを確認します。
- できた HTML をコピーし、ページの
<head>に貼ります。 - 画像は公開 URL を指定してください（相対パスだと SNS 側で読めません）。
どんなときに使うか
- 新しいページの title / description / OGP をまとめて用意したいとき
- SNS でどう見えるか、貼る前にだいたい確認したいとき
- 既存ページのメタを書き直す下書きを作りたいとき
実際の Facebook / X の表示はキャッシュや仕様で変わることがあります。最終確認は各サービスのデバッガも併用してください。