FacebookのOGPでちょっと気になった事があったんですけど誰か

Advertisement

Facebook眺めていて、OGPがちゃんと設定されてるのに表示されないモノがあったので少し調べてたんです。先に言っとくと、その件は個人の中ではまだ解決してないんですが、その他のところで気になったのがあったのでメモしときます。

OGPってアレですね、Facebook等でシェアされた時に表示される情報を設定するヤツ。例えば
<meta property=”og:title” content=”MAKA-VELI.COM” />
としたら投稿のタイトルが MAKA-VELI.COM になるヤツ。

詳しくはこちら

で、気になったのは、これらがきちんと設定されていたページにも関わらず、ogpのimageが表示されていなかったんです。
デバッガー通せばキャッシュされて表示されるかな?と思ったんですが、
なぜかデバッガーではきちんと設定されていた項目になぜか警告とエラーが。



ソース中で1点、おかしいなと思ったのが<html>の記述。
この部分ってOGP用に色々書き方がありますよね?
<html xmlns:og=”http://ogp.me/ns#”>
や、
<head prefix=”og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#”>
など。

ただ、これらもテストしましたが、当然これらが無くてもきちんと読んでくれました。

http://maka-veli.com/test/test-1.html
※うんちょす3まであるよ 


やっぱりここはそこまで影響しないのかなと、ここで断念。

metaの記述はテスト用に3つのみ書いています。
<meta property=”og:title” content=
<meta property=”og:description” content=
<meta property=”og:image” content=
タイトルとディスクリプションと画像だけ。
ただ、ふと
<meta property=”og:url”
の事が気になってしまったので、次はURLを入れて設定。
とりあえずこんな感じでトップページで設定。

<html><head><title>OGP TEST</title>

<meta property="og:title" content="うんちょす5">
<meta property="og:description" content="OGP TEST5">
<meta property="og:image" content=
"http://maka-veli.com/wp-content/themes/iBlogPro3/ogp_default.jpg">
<meta property="og:url" content="http://maka-veli.com">

</head><body>うんちょす5</body></html>
http://maka-veli.com/test/test-5.html

すると、Facebook上で少し変化がありました。

・・・URL入れたらコレ。
つまりog:titleちゃんやog:descriptionちゃんを思いっきり無視してURLを見た先のトップページちゃんをご指名。Maka-Veliのモチーフ部分を見るとわかるんですが、OGP設定してるのは左が欠けてるバージョンです。現在トップ等に設定してるのは全て表示されるモノ。

で、これって・・・どういう事ですか?
URLの先って、今回はトップページですが、もちろんそこでもOGPは設定されてるわけで。
そこのOGPで設定された内容が表示されますよね?

そもそもURLの先でOGPが間違ってたら、他で記述されてるOGPの設定が反映されるわけですかね?でも、そもそもURL以外のOGP設定が間違ってたら正しく表示されないじゃないですか。話を戻すと、じゃあ最初に調べてたヤツは、一体どこで間違ってるんだ?

・・・・まいっか(←イマココ

余談ですが、
この手のテストってFacebookが物凄いキャッシュ持っちゃうんで、同じURLでテストしてくと一向に変化が見られません。
その時はこれの要領で、 ●●.html?test2 とかにすればちゃんと読みなおしてくれました。


あと画像はPngやURLが長かったりと、他にも色々原因はあるそうですね。
今回はそんだけの記事です。すいませんでした。