【おーじーぴー】
OGP画像 とは?
💡 SNSでシェアされたときの「見た目」を決めるルール
📌 このページのポイント
OGPって何?
設定しないとどうなるの?
SNS側が自動的にページの情報を拾おうとするんだけど、意図しないテキストや画像が表示されちゃうことがあるんだ。たとえばサイドバーの画像がサムネイルになったり、関係ない文章が説明文に使われたり。OGPを設定しておけば、自分が見せたい情報をきちんとコントロールできるんだよ。
どうやって設定するの?
XとかLINEでも同じ設定でいいの?
基本的にはOGPの設定で共通して使われるよ。ただしX(旧Twitter)は独自の「twitter:card」というmetaタグもあって、カードの表示形式(大きい画像か小さい画像か)を細かく指定できるんだ。両方設定しておくのがベストプラクティスだね。
まとめ:ざっくりこれだけ覚えればOK!
「OGP」って出てきたら「SNSでURLをシェアしたときの表示内容を指定する仕組み」と思えればだいたいOK!
📖 おまけ:英語の意味
「Open Graph Protocol」 = オープンなグラフプロトコル
💬 Facebookが2010年に策定した規格だよ。「Graph」はFacebookが人と人のつながりを表現するために使っていた「ソーシャルグラフ」から来ていて、Webページもそのつながりの一部として表現しようという考えなんだ