WordPressでogpタグを設置していて内容もきちんと入っていてデバッグもしたけどシェアでエラー…でも直した件
我ながらタイトル長いwww
なるべく噛み砕いて書いていきますね。
ogpタグって?
こういうやつです。
OGPとは「Open Graph protocol」の略称です。 Facebookや Twitter、 Google+、mixiなどのSNSでシェアされた際に、そのページの タイトル・ URL・概要・アイキャッチ画像( サムネイル)を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。
デバッグって?
オブジェクトデバッガー
(シェア)デバッガー
上記2種類のデバッグツールを試しましたが、解決できませんでした。
ちな、facebook側のキャッシュが原因の不具合の場合、
オブジェクトデバッガーで
新しいスクレイピング情報を取得、することで
解決するんですが、何度も試しましたが変化なしでした。
これで解決した、っていうのは
自分自身も過去にもあったんで期待したんですが
今回は何度やってもダメだったんですね。
エラーって?
いくつかパターンがあったんですが、たとえば…
↑オブジェクトデバッガーだとこんなかんじです。
入力URLのパース中にエラーが発生しました。キャッシュまたはスクレイピングされたデータはありません。
などとエラーがでます。
データベースエラーも出ていますね。
↑シェアデバッガーで調べたところでは、こんなエラー。
修正が必要な問題として、og:imageプロパティは明示的に指定してください、
などというエラーがあります。
og:titleでデータベースエラーも出てますね
さらにそれ以降の og:~ は値が空白になっていました。
ちなみに、リンク先の グラフAPIエクスプローラ のところでも
エラーが出ていました。詳細を残せていませんが…。
facebookでシェアしようとしても
同様にデータベースエラーと表示され、
内容もサムネイルも入らない状況になっていました。
ちなみにこれまでは正常にシェアできていて、
あるときから突然起こりました。
いくつか既存のページもみたんですが
いつの間にかほとんどのページが
シェアするときの内容が読み取れず
エラーになる状態になっていました…。
なんで?
試したこと
データベースエラーとあるので
データに不具合があるのかなと、
ソースでogpタグをみたり、データベースに直接アクセスして
データを見たりもしたのですが、どちらも正常でした。
他に何かしたかな、と思い出しつつ、
wordpressのプラグインをすべて一旦停止したり、
記事を削除して新たな記事で試した見たり、
色々やったのですが状況は変わらずでした。
どうやって解決したか
で、もうお手上げかなと思ってしまっていたんですが、
粘りに粘って解決に至りました。(日はまたいでの検証でしたが。)
ただ、厳密なところでいうと
何が原因だったかは、よくわかっていません。
おそらくそうだろう、という目星レベルです。
やったこと。
Facebookでシェアが別ウインドウで開きますが
このウインドウをリロードしてください。
僕の場合ですがここで何度かリロードしていると
徐々に見え方が変わって
最終的にきちんと表示されるようになった気がします。
やっぱりキャッシュだったのかよ?
というオチの可能性は無きにしもあらずですが、
僕の感覚では、キャッシュの問題なら当然投稿ページのほうだろう?
と勝手に思い込んでいて投稿ページのほうで
ブラウザキャッシュのクリアは何度かしてたんですが、
この「Facebookでシェア」ウインドウページの
キャッシュのクリアはしてなかったので
そっちだったのかなと想像しているところです。
もう一度同じようなエラーが出たら
再度検証したいんですけど、
今は正常に戻ってしまっているので
そうだったのかなぁという想像にすぎないのですが。
まったく嬉しくないのですが再度シェア不具合事象が出ました!
ほんで、直しました。
どんなかんじかスクショ並べておきますが。
前述したシェアウインドウのリロード複数回でもだめで、
ウインドウ閉じたり開きなおしたり
ブラウザを変えてみたり、
ルクセリタスカスタマイズのSNSいいね数のキャッシュのところを
オフにしてみたり、
色々やっているうちにまた
シェア画面で徐々に出るようになって、直りました。
再度となりますが、やはり根本原因は分からない感じでした。
なんだろうなぁ~それでもやっぱり根本原因は
分からないのですが
現象的にも何らかのキャッシュが怪しいとは思っています。
以上、備忘として残しておきます。