Logo
Docs共有と送信

SNS共有設定(OG画像)

LINEやSNSに招待状のリンクを共有する際に美しく表示されるよう設定する方法を学びます。

15 min read
2025-01-15

SNS共有設定(OG画像)

LINEやFacebookでリンクを共有すると、自動的に画像とタイトルが表示されるのを見たことがありますか? それがOG(オープングラフ)設定です!招待状を共有する際に、より美しく目立つように設定しましょう。

OG設定とは?

簡単に言うと

OG設定は、リンクを共有したときに表示されるプレビュー画面を制御します。

OG設定前:

https://www.snappost.co/ja/invitation/abc123
(シンプルなリンクのみ表示)

OG設定後:

[美しいカップル写真のサムネイル]
ジミン ♥ ミチル 結婚します
2025年3月15日(土) 午後2時

どこで使用されますか?

  • LINE: リンクを送信するとサムネイル画像とタイトルが表示されます
  • Facebook: 投稿にリンクを貼るとプレビューが表示されます
  • Instagram: DMでリンクを送信する際のプレビュー
  • Twitter: ツイートにリンクを追加するとカード形式で表示されます
  • その他のプラットフォーム: 様々なソーシャルプラットフォームでのリンクプレビュー

💡 なぜ重要なのですか?

OG設定がないと、シンプルなリンクのみが表示されます。しかしOG画像を設定すると:

  • 📸 ゲストの注目を集めます
  • ✨ より専門的で丁寧に見えます
  • 💌 クリック率が大幅に向上します
  • 🎨 招待状の雰囲気を事前に伝えられます

OG設定の方法

ステップ1: OG設定ページを開く

方法1: コレクションページから

  1. ダッシュボード > コレクションメニューをクリック
  2. 設定したい招待状カードを見つける
  3. **「共有設定」**ボタンをクリック(またはカードの3点メニュー)
  4. 「SNS共有設定」または「OG設定」セクションを見つける

方法2: 招待状編集中

  1. 招待状編集画面で**「保存」**ボタンをクリック
  2. 「共有」ステップに移動
  3. 「SNS共有設定」セクションを見つける

ステップ2: タイトルを入力

OGタイトルは、リンクを共有したときに表示される大きな見出しです。

入力例:

  • 「ジミン ♥ ミチル 結婚します」
  • 「正敏 ♥ 朱珍 結婚式にご招待します」
  • 「太郎くんの初めてのお誕生日会!」
  • 「善宇 ♥ 瑞妍 結婚式招待状」

良いタイトル作成のヒント:

  • ✅ 新郎新婦の名前を必ず含める
  • ✅ イベントの種類を明確にする(結婚式、誕生日会など)
  • ✅ 60文字以内で簡潔に(システム制限)
  • ✅ ハート(♥)などの絵文字使用可能
  • ❌ 長すぎると切れて表示されます

ステップ3: 説明を入力

OG説明は、タイトルの下に小さく表示される補足情報です。

入力例:

  • 「2025年3月15日(土) 午後2時」
  • 「2025年3月15日(土) 14:00 | グランドハイアット東京」
  • 「2025年3月15日 | 東京都港区グランドボールルーム」
  • 「日時: 2025年3月15日(土) 14:00」

良い説明作成のヒント:

  • ✅ 日付と時間を含める
  • ✅ 会場名を追加するとさらに良い
  • ✅ 120文字以内で作成(システム制限)
  • ✅ 読みやすいように区切り(|)や空白を活用
  • ❌ 情報を詰め込みすぎない

ステップ4: 画像をアップロード

画像が最も重要です!サムネイルとして表示される部分です。

画像の選択:

  1. **「画像を選択」または「アップロード」**ボタンをクリック
  2. パソコンまたはスマートフォンから写真を選択
  3. アップロードが完了するまで待つ(数秒かかります)
  4. プレビューで確認

推奨画像:

  • 📷 結婚式: 美しく撮影されたカップルのプロフィール写真
  • 👶 誕生日会: お子様の顔がよく見える写真
  • 🎉 その他のイベント: イベントの雰囲気を伝える写真

画像仕様:

  • 標準サイズ: 1200 x 630ピクセル(1.91:1比率、Facebook/Twitter用)
  • LINE最適化: 800 x 1064ピクセル(3:4比率)
  • 最大ファイルサイズ: 5MB(1MB以下推奨)
  • ファイル形式: JPG、PNG、WEBP、GIF

⚠️ 注意: 縦長の写真は大きくトリミングされる可能性があります。横長の写真を使用してください!

良い画像選択のヒント:

  • ✅ 顔が中央にある写真
  • ✅ 明るく鮮明な写真
  • ✅ 背景がシンプルな写真
  • ✅ テキストオーバーレイのある写真もOK
  • ❌ 暗すぎるまたはぼやけた写真
  • ❌ 遠くから撮影された大人数の集合写真
  • ❌ 重要な部分がトリミングされる可能性のある縦長写真

ステップ5: プレビューを確認

アップロードが完了すると、画面上でプレビューを見ることができます。

プレビューで確認すること:

  • 画像が正しく表示されていますか?
  • 顔や重要な部分がトリミングされていませんか?
  • タイトルが完全に表示されていますか?(切れていませんか?)
  • 説明が正しく表示されていますか?

💡 ヒント: プラットフォームによって表示が少し異なる場合があります。LINEでは正方形に近く、Facebookでは横長に表示されます。

ステップ6: 保存

すべての設定が完了したら:

  1. **「保存」または「完了」**ボタンをクリック
  2. 「正常に保存されました」メッセージを確認
  3. 共有の準備完了!

画像を変更する

後で画像を変更したい場合:

  1. 同じ方法でOG設定ページを開く
  2. 画像の横にある**「X」**ボタンで既存の画像を削除
  3. 新しい画像をアップロード
  4. 保存

⚠️ 注意: 既に共有したリンクのサムネイルは自動的に更新されない場合があります。LINEなどのプラットフォームでは、新しい画像を表示するためにリンクを再度共有する必要があります。

実例

例1: 結婚式の招待状

OGタイトル:

ジミン ♥ ミチル 結婚します

OG説明:

2025年3月15日(土) 午後2時 | グランドハイアット東京

画像:

  • 明るい屋外で撮影されたカップル写真
  • 二人がお互いを見つめて笑っている様子
  • 背景はぼかして被写体に焦点

例2: 誕生日会の招待状

OGタイトル:

さくらちゃんの1歳のお誕生日会へようこそ

OG説明:

2025年4月20日(日) 正午12時

画像:

  • 伝統的な衣装を着た赤ちゃんの正面写真
  • 顔がはっきり見えてシンプルな背景
  • 明るく愛らしい表情

例3: シンプル版

OGタイトル:

正敏 & 朱珍 Wedding

OG説明:

2025年5月10日 | 午後3時

画像:

  • シンプルなカップルのシルエット写真
  • ミニマルな雰囲気の背景

プラットフォーム別表示の違い

LINE(日本)

  • 画像: 3:4比率で中央からトリミング(800 x 1064ピクセル最適化)
  • タイトル: 最大60文字まで表示
  • 説明: フレックスメッセージ形式で表示
  • ボタン: 「招待状を見る」ボタンで接続

最適化のヒント:

  • 顔が画像の中央にあるとトリミングされません
  • 縦長の比率なので縦写真もきれいに表示されます
  • Snap PostでLINE用画像を自動最適化します

Facebook / 一般SNS

  • 画像: 1.91:1比率で表示(横長)
  • タイトル: 複数行表示可能
  • 説明: 2-3行表示

最適化のヒント:

  • 横長の画像が最適
  • タイトルと説明の両方を活用

Twitter (X)

  • 画像: 2:1比率(さらに横長)
  • タイトル: 1-2行
  • 説明: 短く表示

最適化のヒント:

  • 非常に横長の画像を準備
  • 簡潔なタイトル

💡 Snap Post自動最適化: 画像をアップロードすると、各プラットフォームに合わせて自動的にトリミングされます。ただし、重要な部分がカットされないよう、顔や重要な要素は画像の中央に配置してください。

  • 簡潔なタイトル

よくある質問

OG設定は必須ですか?

必須ではありませんが、強くお勧めします!

OG設定なしで共有すると:

  • シンプルなリンクのみが表示されます
  • クリック率が低くなります
  • 丁寧さに欠けて見えます

OG設定して共有すると:

  • 非常に目立ちます
  • クリック率が3-5倍向上します
  • プロフェッショナルで洗練されて見えます

画像をアップロードしたのに表示されません

確認してください:

  1. ファイルサイズが5MB以下ですか?
  2. JPGまたはPNGファイルですか?
  3. インターネット接続は安定していますか?
  4. アップロードが完全に完了するまで待ちましたか?

解決方法:

  • 写真のサイズを縮小してみてください(LINEで自分に送信すると自動圧縮されます)
  • 別の写真で試す
  • ページを更新して再試行

LINEで共有したのにサムネイルが表示されません

原因:

  1. OG設定がまだ完了していません
  2. キャッシュのため以前の内容が表示されています
  3. LINEがまだ情報を取得していません

解決方法:

  1. OG設定が完了しているか確認
  2. 初めてリンクを受け取る人に送信してみる
  3. 数分後に再試行
  4. それでもダメなら、リンクを新たにコピーして再共有

画像がトリミングされて表示されます

理由:

  • プラットフォームによって画像を異なるアスペクト比でトリミングするためです

解決方法:

  1. セーフゾーンの概念を使用
    • 重要な要素は画像の中央部分のみに配置
    • 端は切れても問題ない部分に
  2. 1200 x 630ピクセル比率で事前にトリミング
  3. 顔を中央に配置

設定を変更したのに古いサムネイルが表示されます

これはキャッシュの問題です:

  • LINEやFacebookなどは一度取得したサムネイルを保存します
  • すぐには更新されない場合があります

解決方法:

  1. 数時間待つ
  2. リンクを新たにコピーして共有
  3. 新しく見る人には新しい画像が表示されます

OG画像は必ず横長の写真を使わないといけませんか?

**横長の写真が最適です!**ただし:

  • 正方形の写真もOK(両端が少し切れる可能性があります)
  • 縦長の写真は非推奨(大きく切れます)

最良の方法:

  • 写真編集アプリで1.91:1の比率にトリミング
  • または重要な要素を中央に配置

最終チェックリスト

OG設定を完了したら、これらを確認してください:

  • OGタイトルは60文字以内ですか?
  • OG説明は120文字以内ですか?
  • 画像は5MB以下ですか?(1MB以下推奨)
  • 顔/重要な部分が画像の中央にありますか?
  • プレビューですべてが正しく表示されていますか?
  • 設定を保存しましたか?

最終確認: 広く共有する前に、LINEで自分にリンクを送信して実際にどのように表示されるか確認してみてください!

次のステップ

OG設定を完了したら: