OGPとTwitter Cardの両方を書く必要がありますか？

まずは og:* を揃えるのが基本です。多くのSNSは twitter:* が無ければ og:* の値にフォールバックして表示します。X で表示を細かく制御したい（大きな画像カードにする、アカウントを表示するなど）場合に twitter:card や twitter:site を追加してください。このツールは入力に応じて両方を生成できます。

og:image はどんな画像を用意すればいいですか？

推奨サイズは 1200×630px（横長 1.91:1）で、http(s):// から始まる絶対URLの実在画像を指定します。相対パスや、外部からアクセスできない画像だとSNSでサムネイルが表示されません。ファイルサイズが大きすぎると読み込まれないことがあるため、数百KB程度に収めると安心です。

og:type の website と article はどう違いますか？

website は通常のページやトップページ向け、article はブログ記事やニュースなどの記事ページ向けの種別です。多くのSNSでは表示の見た目に大きな差は出ませんが、記事には article を指定しておくと意味が正しく伝わります。迷う場合は website のままで問題ありません。

生成したタグはどこに貼ればいいですか？

HTMLの内（より前）に貼り付けてください。既に同じ og:title などがある場合は重複しないよう置き換えます。は1ページに1つだけにし、既存のがあれば片方を消してください。

入力した内容はサーバーに送られますか？

送られません。生成はすべてお使いのブラウザ内で完結し、入力したタイトルやURLなどが外部に送信されることはありません。オフラインでも動作します。安心して下書きや非公開ページの内容を入力できます。

特殊記号や日本語を入れても大丈夫ですか？

大丈夫です。タイトルや説明に含まれる " & などの記号は、生成テキスト内で属性値として自動的にエスケープします。日本語や絵文字もそのまま使えます。貼り付けたHTMLが壊れたり、意図せずタグとして解釈されたりしないよう配慮しています。

🏷 メタタグ（OGP）生成

タイトルや画像URLなどを入力すると、title・description・OGP・Twitter Cardのメタタグ一式を生成します。ブラウザ内で完結し、入力内容は送信しません。

ページタイトル

title と og:title / twitter:title に使われます。

説明（description）

description と og:description / twitter:description に使われます。

ページURL

og:url に使う正規URL。https:// から始まる絶対URLを推奨します。

画像URL（og:image）

1200×630px（1.91:1）推奨。https:// から始まる絶対URLで指定します。

og:type

ページの種類

サイト名（og:site_name）

サイトの名称（任意）

Twitterカード種別

twitter:card の種類

Twitterアカウント

twitter:site（@から。任意）

生成されたメタタグ

入力すると、ここに <head> に貼り付けるメタタグが表示されます。

※ すべてブラウザ内で処理し、入力内容をサーバーに送信しません。値は生成テキスト内で属性値としてエスケープしています。生成したタグはページの <head> 内に貼り付けてください。画像は絶対URL・推奨 1200×630px。公開後の見え方は OGP・メタタグ確認で確認できます。