2025/04/09 日記,裏話 ちょっとOGPの話する！ #サイトの話 #作業の話 続きを読む▪OGPとは…？簡単に言うとリッチなサムネイルのことだよ！ ネット上やSNSでURLを貼ると自動的に出てくる画像のことだよ！▪突然どうしたの？一時期めちゃくちゃ調べて、へえ～！となったので（実際の設定時は結構苦労した）、せっかくなので備忘録的な何かとして残しておこうと思って書いているよ。経緯としては、AIとか規約の話で、画像そのまま貼るの怖いね…という流れが広がり、それによって「サムネでディスプレイを見せる」という手法が広まりつつあったから、すげ～！と思って自分でも色々調べていたら「これOGPっていうんだ…」と私も初めてそこで知った…という流れだよ！ それまでは全然気にした事なかったよ！ちなみにOGPはX（旧Twitter）ではTwitterCardというよ！ これは聞いたことある人もいるかもしれない。▪OGPの基礎知識OGPは設定していない状態だとURLを貼っても何も出てこない。ただのURLリンクが表示される（今思えば、いつからこれにサムネがつくようになったんだろう…便利だ）。とはいえ、大体のツールでは表示されるようにしてくれている。ポイピクとかプライベッターとか。Twitterもリンクを貼ればポストの内容が自動で表示されるのは、そういう設定になっているんだと思う。もちろん自分で管理しているホームページでは自分で設定しないと出てこない。私のサイトも全然出てなかったし、一時期まで気にしてなかった…そもそもそういう設定が出来るというのも知らなかった。今はほとんどのページちゃんと出るように設定している（はず）。OGP、各サイト・ツールによって表示サイズが設定されていることが多い。そのままの画像でいい感じに出してくれるところもあるけど、Xはしっかりサイズが決まっている。1：1.91だ！（まあでも1：2くらいでやれば大体どこも綺麗に表示してくれる気がする）OGPサムネを設定する時は、どのツールに表示させる事が多いか…みたいなことを優先に考えた方が丁寧な暮らし率（？）があがる…気がする！私はXのサムネとして使いたい！が最初だったので、優先してXのサイズ（TwitterCard）に合わせてた。TRPGのPCページとか、メディア欄にあるひつじが飛んでるやつとか……。シナリオトレーラーはちょっと違うけど…（それは後述する）OGPにはいくつかサイズ設定が出来て、小（画像が出ない/文字のみ）・中（小さい画像が出る）・大（でっかいサムネが出る）がある。見たらああね！ってなると思うけど、デカデカサムネを使う（基本設定にしてある）所が多いんじゃないかな…私はサイトくんだと使い分けてて、シナリオ概要はトレーラーより文字でシナリオ名を見せたいので中サイズ、ディスプレイとして見せたいPCページは大…みたいな感じ。▪TwitterCardと表示で、これサムネを作って設定するまではいいけど、実際に表示されるかどうかは割と癖がある。特にX。Xが表示されるとかしないとかはキャッシュとか更新とか読み込みの問題とかがあるらしく、出来るはずなのに表示されない！という不具合もまあまあ発生する。なので更新を連続でしてたら確認できなくなってるとか、変わってない！とかがあったりする。おま環とかもあると思うので、それが常でない限りは私はあんまり気にしてない。ディスコードくんで確認するのが一番楽なので、設定されてるかな～を確認する時はディスコードの自鯖に貼って見てるよ！ちなみに、噂として見かけただけなので実際どうなのかはわからないんだけど、ＯＧＰチェッカーとか挟むとキャッシュが更新されて表示されるようになる…みたいなのも見かけたことある。例えばこういうサイトとか。ちゃんと設定できてるかな…ドキドキ…という人は、いきなりXくんにはらずにこういうところで見るのもいいかも！ まあ、Xで本当にきれいにでるかは割とその時々によるだろうけど…（私は「チェッカーでは見えるのにXでは出てこない！ｷｲｲｲ…」を初期に何度もやりました）▪実際の運用は？私はプライベッター＋、サイト、tumblr、てがろぐさんにお世話になっているよ！ いずれもOGPの見え方確認した上で使ってる！ 特に苦戦したのはtumblr……。こういう独自のサイトってツール側の方で（ユーザーが気にしなくても出てくるように）設定してあるから、意図しない見え方したりしてて大変だよ～～～💦 正直ディスプレイ表示目当てなら全然勧められないツール……。プライベッター＋はむちゃくちゃ使いやすい。サムネだけで単体設定できるし。個人サイトもHTMLがわかる人なら割と自由に設定できていいだろうな～と思います。何も考えず使いたい人にとっては、設定とか気にしなくてもなんかでる！が一番楽なんだろうなあ～～畳む
▪OGPとは…？
簡単に言うとリッチなサムネイルのことだよ！ ネット上やSNSでURLを貼ると自動的に出てくる画像のことだよ！
▪突然どうしたの？
一時期めちゃくちゃ調べて、へえ～！となったので（実際の設定時は結構苦労した）、せっかくなので備忘録的な何かとして残しておこうと思って書いているよ。
経緯としては、AIとか規約の話で、画像そのまま貼るの怖いね…という流れが広がり、それによって「サムネでディスプレイを見せる」という手法が広まりつつあったから、すげ～！と思って自分でも色々調べていたら「これOGPっていうんだ…」と私も初めてそこで知った…という流れだよ！ それまでは全然気にした事なかったよ！
ちなみにOGPはX（旧Twitter）ではTwitterCardというよ！ これは聞いたことある人もいるかもしれない。
▪OGPの基礎知識
OGPは設定していない状態だとURLを貼っても何も出てこない。ただのURLリンクが表示される（今思えば、いつからこれにサムネがつくようになったんだろう…便利だ）。とはいえ、大体のツールでは表示されるようにしてくれている。ポイピクとかプライベッターとか。Twitterもリンクを貼ればポストの内容が自動で表示されるのは、そういう設定になっているんだと思う。
もちろん自分で管理しているホームページでは自分で設定しないと出てこない。私のサイトも全然出てなかったし、一時期まで気にしてなかった…そもそもそういう設定が出来るというのも知らなかった。今はほとんどのページちゃんと出るように設定している（はず）。
OGP、各サイト・ツールによって表示サイズが設定されていることが多い。そのままの画像でいい感じに出してくれるところもあるけど、Xはしっかりサイズが決まっている。1：1.91だ！（まあでも1：2くらいでやれば大体どこも綺麗に表示してくれる気がする）
OGPサムネを設定する時は、どのツールに表示させる事が多いか…みたいなことを優先に考えた方が丁寧な暮らし率（？）があがる…気がする！
私はXのサムネとして使いたい！が最初だったので、優先してXのサイズ（TwitterCard）に合わせてた。TRPGのPCページとか、メディア欄にあるひつじが飛んでるやつとか……。シナリオトレーラーはちょっと違うけど…（それは後述する）
OGPにはいくつかサイズ設定が出来て、小（画像が出ない/文字のみ）・中（小さい画像が出る）・大（でっかいサムネが出る）がある。見たらああね！ってなると思うけど、デカデカサムネを使う（基本設定にしてある）所が多いんじゃないかな…
私はサイトくんだと使い分けてて、シナリオ概要はトレーラーより文字でシナリオ名を見せたいので中サイズ、ディスプレイとして見せたいPCページは大…みたいな感じ。
▪TwitterCardと表示
で、これサムネを作って設定するまではいいけど、実際に表示されるかどうかは割と癖がある。特にX。
Xが表示されるとかしないとかはキャッシュとか更新とか読み込みの問題とかがあるらしく、出来るはずなのに表示されない！という不具合もまあまあ発生する。なので更新を連続でしてたら確認できなくなってるとか、変わってない！とかがあったりする。おま環とかもあると思うので、それが常でない限りは私はあんまり気にしてない。
ディスコードくんで確認するのが一番楽なので、設定されてるかな～を確認する時はディスコードの自鯖に貼って見てるよ！
ちなみに、噂として見かけただけなので実際どうなのかはわからないんだけど、ＯＧＰチェッカーとか挟むとキャッシュが更新されて表示されるようになる…みたいなのも見かけたことある。例えばこういうサイトとか。
ちゃんと設定できてるかな…ドキドキ…という人は、いきなりXくんにはらずにこういうところで見るのもいいかも！ まあ、Xで本当にきれいにでるかは割とその時々によるだろうけど…（私は「チェッカーでは見えるのにXでは出てこない！ｷｲｲｲ…」を初期に何度もやりました）
▪実際の運用は？
私はプライベッター＋、サイト、tumblr、てがろぐさんにお世話になっているよ！ いずれもOGPの見え方確認した上で使ってる！ 特に苦戦したのはtumblr……。こういう独自のサイトってツール側の方で（ユーザーが気にしなくても出てくるように）設定してあるから、意図しない見え方したりしてて大変だよ～～～💦 正直ディスプレイ表示目当てなら全然勧められないツール……。
プライベッター＋はむちゃくちゃ使いやすい。サムネだけで単体設定できるし。個人サイトもHTMLがわかる人なら割と自由に設定できていいだろうな～と思います。
何も考えず使いたい人にとっては、設定とか気にしなくてもなんかでる！が一番楽なんだろうなあ～～畳む