OGP画像の設定でSNSからのアクセスを増やす方法

ブログの記事をXやFacebookで共有すると、タイトル・説明・画像のプレビューが表示されます。この「見た目」を作っているのがOGPです。OGPが正しく設定されていないと、シェアされても印象が弱く、クリックされません。

この記事で分かること

• OGPとは何か・なぜ大事か
• OGP画像と情報の正しい設定方法
• クリックされやすいOGP画像の作り方

OGPとは

OGP（Open Graph Protocol）は、SNSに記事の情報を伝える仕組みです。設定された画像・タイトル・説明が、SNS上のプレビューに表示されます。

OGP画像のない記事は、シェアしても「無機質なURL」に見える

見た目が良い記事のシェアほど、クリックされる傾向があります。

OGPの正しい設定

1. OGP画像を用意する

• 推奨サイズは横長（1200×630など）。シェアしたときに大きく映る
• タイトルを画像内に入れ、1つのスライドのように見せる
• ブランド色を統一すると認知がつきやすい

このサイトも、記事ごとにカテゴリー別の画像をOGP画像として設定しています。専用の画像がない場合は、サイトの標準画像を使うことも多いです。

2. タイトル・説明を設定する

• og:title：SNSに出すタイトル（記事タイトルをそのまま流用でOK）
• og:description：シェア時の説明文（短く・要点を）
• og:image、og:url：画像とURLの正しい指定

3. 全ページに反映されているか確認

サイト内で共通の仕組み（レイアウト）に設定しておくと、新しい記事も自動でOGPが付きます。記事ごとに手動で作る手間が省け、漏れも防げます。

クリックされやすいOGP画像のコツ

• 文字は大きく・読みやすく（小さい文字はスマホで潰れる）
• 中心に内容が伝わる見出しを配置
• 装飾は最小限にして、情報をシンプルに見せる

確認方法

記事をXなどで一度投稿してみて、画像が正しく表示されるか確認します。キャッシュで古い表示になることがあるので、その場合はシェア用のキャッシュ更新ツール（デバッガー）を使うのがおすすめです。

まとめ

• OGPは「シェアされたときの見た目」を決める
• 横長画像＋タイトル＋説明を正しく設定する
• 共通レイアウトに入れておくと全記事に自動反映
• 投稿して表示を実際に確認する

SNSからの流入を狙うなら、OGPは必須です。画像はモバイル表示の整え方とあわせて、最初に正しく設定しておきましょう。