OGP・Twitter カード生成ツール
タイトル・説明・画像・URL から og/twitter メタタグを作成し、シェアカードをプレビュー
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
タイトル・説明・画像・URL を入力すると、Open Graph と Twitter Card のメタタグを一度に作成し、Facebook・カカオトーク・Twitter でリンクがどう見えるかをカードでプレビューできます。ブログやランディングページのシェア用サムネイルを整えたい開発者・マーケターに便利です。
使い方
- タイトル・説明・ページ URL・代表画像の URL を入力します。
- サイト名・Twitter アカウント・カード形式などを任意で入力します。
- Facebook・カカオと Twitter(X)のタブでシェアカードのプレビューを確認します。
- 生成されたメタタグをコピーして、ページの <head> 内に貼り付けます。
よくある質問
- 代表画像のサイズはどれくらいが良いですか?
- 横長の大きいカードには 1200×630px(1.91:1)を推奨します。https の絶対パス画像を使い、容量を 5MB 以下に保てば、ほとんどのプラットフォームで崩れずに表示されます。
- タグを入れたのにシェア用サムネイルが変わりません。
- プラットフォームが以前のプレビューをキャッシュしているためです。Facebook のシェアデバッガーや Twitter のカードバリデーターで URL を再取得(スクレイプ)してキャッシュを更新してください。
- プレビューは実際と同じですか?
- 実際のレンダリングはプラットフォームごとに少し異なる場合があるため、このプレビューは参考用です。公開後は各プラットフォームの公式検証ツールで最終確認することをおすすめします。
