Blog

SNSでシェアされたとき、リンクがダサい?OGP画像の基本

サイトのURLをLINEやXに貼ると出てくる「画像つきのカード」。あれが真っ白だったり変な画像だと、それだけで損をします。第一印象とクリック率を左右するOGPの基本と、設定・確認方法を解説します。

サイトのURLをLINEやX(旧Twitter)、Facebookに貼ると、画像とタイトルが入ったカードが表示されます。あれがきれいに出るサイトと、真っ白だったり関係ない画像が出るサイトがあります。

この差を作っているのがOGPという設定です。地味ですが、シェアされたときの第一印象を大きく左右します。

OGPとは何か

OGPは、ざっくり言うと「SNSでシェアされたとき、どう見せるか」をサイト側で指定しておく設定です。指定できるのは主に3つ。

  • 画像:カードに大きく表示される絵
  • タイトル:その下に出る見出し
  • 説明文:さらにその下の短い説明

これらを設定しておくと、誰があなたのリンクを貼っても、意図したとおりの見た目で表示されます。

設定しないと、どうなるか

OGPを設定していないと、SNS側が勝手に判断して表示します。その結果、

  • 画像が真っ白、または表示されない
  • サイトの隅にある関係ない画像が拾われる
  • タイトルや説明がちぐはぐになる

こうなると、せっかくシェアされても「なんだか雑なサイト」という印象を与えてしまいます。中身は良くても、入口で損をするわけです。

なぜクリック率に効くのか

SNSのタイムラインは、文字よりもカードの見た目で目を止めさせる世界です。同じURLでも、きれいな画像とわかりやすいタイトルが出るだけで、クリックされる率は変わります。

特に、あなた自身が投稿するときだけでなく、誰かが紹介してくれたときにも効きます。良いカードが出れば、その人の投稿ごと見栄えが良くなり、拡散されやすくなります。

何を用意すればいいか

専用の画像を1枚用意するのが基本です。ポイントは3つ。

  • 横長のサイズ:SNSのカードは横長です。一般的には横1200×縦630ピクセルが目安。これに合わせないと、端が切れたり余白ができたりします
  • 文字は大きく、少なく:小さいサムネイルでも読めるように、サービス名やキャッチだけを大きく。情報を詰め込みすぎない
  • タイトルと説明文も合わせて設定:画像だけでなく、テキストもちぐはぐにならないよう整える

凝ったデザインよりも、小さく表示されても何のサイトか一目でわかることを優先します。

設定できたか確認する方法

設定したら、必ず実際にどう見えるか確認しましょう。

  • 自分にテスト送信してみる:LINEで自分にURLを送る、下書きに貼ってみる、など。実際のカードが一番確実です
  • 各SNSの確認ツールを使う:主要なSNSには、URLを入れるとカードのプレビューを見られる公式ツールがあります

ひとつ注意点があります。SNSは一度読み込んだカードを記憶(キャッシュ)します。画像を差し替えても、すぐには反映されないことがあります。その場合は、各SNSの確認ツールから再読み込みをかけると更新されます。

まとめ

OGPは、SNSでシェアされたときの見た目を決める、小さいけれど効く設定です。専用の横長画像を用意し、タイトルと説明文を整え、実際に貼って確認する——これだけで、シェアされたときの印象とクリック率が変わります。SNS集客をするなら、真っ先に整えておきたいポイントです。

Sea Soundで制作するLPでは、OGP画像の作成・設定も込みで、SNSでシェアされても見栄えのするサイトに仕上げます。ご相談は無料相談から。

集客できるLP、無料相談から。

あなたのサービスに合わせて、見つかる・伝わる・動けるLPを設計します。

無料相談する →
← ブログ一覧へ