OGPの画像設定の確認方法(HP制作)

HTML/CSS

※当サイトではアフィリエイト広告(PR)を掲載している場合があります。

「OGPの画像、何が設定されてますか?」
これ、CMSに関係なく本当によく来る質問です。

でも実は、
OGPの画像確認は自分で簡単にできます。

今回は
サイト共通で使えるOGP画像の確認方法をまとめます。


そもそもOGP画像って?

OGP画像とは、
SNS(LINE・X・Facebookなど)で
URLを貼ったときに表示されるサムネイル画像のこと。

ここがズレていると

  • 違う画像が表示される
  • 画像が出ない
  • 意図しない見た目になる

といったことが起きます。


方法① オンラインツールで確認する(一番かんたん)

一番手軽で、私がよく使っているのが
rakko.tools の OGP確認ツールです。

OGP確認:facebook、twitter、LINE、はてなのシェア時の画像・文章を表示 | ラッコツールズ🔧
URLを入力すると各SNS(facebook・twitter・はてなブックマーク・LINE)でページをシェアした際のOGP画像・タイトル・説明文を確認できるOGPデバッガー・シミュレーター。PC版・ス...

使い方

  1. 確認したいページのURLを入力
  2. 「確認」ボタンを押す

これだけで

  • OGP画像
  • タイトル
  • ディスクリプション

が一覧で表示されます。

WordPress・STUDIO・Wixなど
CMSに関係なく使えるので、
「とりあえず今どう見えるか確認したい」
という時にとても便利です。


方法② Facebookシェアデバッガーで確認する(定番)

もう一つ定番なのが
Facebookのシェアデバッガー

こちらは

  • OGPが反映されない
  • 画像を変更したのに変わらない

といった時の確認・更新用として使われることが多いです。

URLを入力してデバッグすると、
SNS側が取得しているOGP情報を確認できます。


画像が違う・反映されない時のよくある原因

確認して「思っていた画像と違う」場合、
原因はだいたい次のどれかです。

  • OGP画像が未設定
  • OGP画像が複数あり、別のものが拾われている
  • SNS側のキャッシュが残っている

この場合は

  • OGP画像の設定を見直す
  • シェアデバッガーで再取得する

で解決することがほとんどです。


(参考)WordPressの場合の確認ポイント

WordPressサイトの場合、
OGPはSEOプラグインで設定されていることが多いです。

  • 投稿編集画面の下部やサイドバー
  • SNS用(OGP)画像が設定されているか
  • 未設定時にアイキャッチ画像が使われる設定か

このあたりを一度チェックしてみてください。


まとめ

  • OGP画像は自分で簡単に確認できる
  • 手軽なのはオンラインツール(rakko.tools)
  • 反映されない時はSNS側のキャッシュを疑う
  • CMSに関係なく使える方法を知っておくと便利

「OGP設定されてますか?」と聞かれたら、
まずはこの方法で確認すればOKです。

コメント

タイトルとURLをコピーしました