🎨 OGPつくるくん 無料OGP画像メーカー

プレビュー

1200 × 630

🖼️ テンプレート

✏️ テキスト

0 / 40
0 / 60

😀 アイコン絵文字

🔤 フォント

🎨 カラー設定

📐 テキスト配置

📐 出力サイズ

使い方

1
🖼️

テンプレートを選ぶ

8種類のデザインテンプレートから好みのスタイルを選択

2
✏️

テキストを入力

タイトル・サブタイトル・サイト名を入力するとリアルタイムで反映

3
📥

ダウンロード

ボタン一つでPNG画像をダウンロード。そのままSNSに設定！

OGP画像とは？設定するメリットを解説

OGP（Open Graph Protocol）とは

OGPとは、WebページのURLがSNS（X/Twitter、Facebook、LINE、Slackなど）でシェアされた際に、タイトル・説明文・画像を適切に表示するための仕組みです。HTMLの<meta>タグで設定します。

特にOGP画像（og:image）は、シェアされた際に最も目立つ要素であり、クリック率（CTR）に大きく影響します。

OGP画像を設定するメリット

  • クリック率の向上 — 魅力的な画像はテキストだけのリンクと比べて2〜3倍のクリック率が見込めます
  • ブランド認知の向上 — 統一されたデザインのOGP画像はサイトのブランドイメージを高めます
  • SNSでの拡散効果 — 目を引くサムネイルはリツイート・いいねされやすくなります
  • プロフェッショナルな印象 — OGP未設定のサイトと比べて信頼感が増します

OGP画像の推奨サイズ

各SNSで最適に表示されるOGP画像のサイズは以下の通りです：

  • 汎用（Facebook / LINE）: 1200 × 630 ピクセル
  • X（旧Twitter）: 1200 × 675 ピクセル（summary_large_image）
  • アスペクト比: 1.91:1 が推奨

「OGPつくるくん」では、これらのサイズをワンクリックで切り替えて画像を生成できます。

OGP画像のHTMLでの設定方法

生成した画像をサイトに設定するには、HTMLの<head>タグ内に以下のメタタグを追加します：

<meta property="og:image" content="https://example.com/ogp.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

よくある質問

OGP画像とは何ですか？

OGP（Open Graph Protocol）画像とは、WebページのURLをSNS（Twitter、Facebook、LINEなど）でシェアした際に表示されるサムネイル画像のことです。魅力的なOGP画像を設定することで、クリック率を大幅に向上させることができます。

完全に無料で使えますか？

はい、すべての機能を無料でご利用いただけます。会員登録も不要です。

推奨サイズはどれですか？

一般的なOGP画像のサイズは 1200 × 630 ピクセルです。Twitter用に最適化したい場合は 1200 × 675 ピクセルもおすすめです。

商用利用は可能ですか？

はい、生成した画像はご自身のブログやWebサイト、SNSなどで自由にお使いいただけます。

スマートフォンでも使えますか？

はい、レスポンシブデザインに対応しているため、スマートフォンやタブレットからも問題なくご利用いただけます。

画像の著作権はどうなりますか？

OGPつくるくんで生成した画像の著作権は利用者に帰属します。商用・非商用を問わずご自由にお使いください。