OGPのカードが表示しなくなっていた

   

いつから?カード表示しなくなっている

 

このブログに、Celtis PackというワードプレスのPlugInを設置して、ogpブログカードを表示するようにしていました。

 

こういう奴ね。↓↓↓↓↓↓↓↓↓↓↓↓

OGPカード

↑↑↑上はスクリーンショットだが、これが下のようになる。↓↓↓

(やっと直ったのです!プラグインCeltisPacは外してメタ記述だけにしました。あと、urlの最後のスラッシュは取るほうが確実のようです。3/22記)

OGP対応ブログカードを設置して見栄えを向上

 

しかも、過去記事で、表示できているところはちゃんと表示したままなのだが、新規にやろうとするとできない。これって件数か何かに制限があるのだろうか。

 

放置するわけにはいかないな

 

これがいつの間にか設定が消えて、記事のタイトルがリンク付きで表示されているだけになっていた。タイトルだけ表示していたら、間が抜けているし、時には意味不明のこともある。

これは、放置するわけにはいけないな。しかし、いつ現象が起きたのか分からないのだから、原因を探るのが大変だ。このところ過去記事のチェックなど、さぼっていたのが痛い。

しかし、やはり放置はできないから頑張って見ようかと、久しぶりにテキストエディタで、ソースを探ってみた。

ogp

 

OGPを知りたい方は他を当たってください

 

えー、お断りしておきますが、この記事ではOGPの設定方法などを一から丁寧に解説することは致しません。そのような説明をされているサイトはたくさんありますので、ぜひ検索して探して頂くことをお勧めします。

私より余程豊富な知識のある方がしっかり解説記事を書かれています。

 

私が書いてもアクセス増えません

 

私は右往左往したことを書き散らすだけです。

実際、結論としては直ったけど原因は分からなかったのですから。
そもそも、私が中途半端な知識で、そういう解説記事を書いても皆様のお役には立てないし、ここのアクセスの伸びにも繋がらないのです。

 

知らぬ間にミスマッチが起きがち

 

 

ワードプレスでブログを書いていると、ワードプレス本体や他の方が作ったテーマ、このサイトの場合はスティンガー7、あるいは何個かのプラグインで構成しているため、それぞれが別々にアップデートしてきます。そのため、時々突然ミスマッチが起きて表示が変になったりすることがあるのです。

 

面倒なのです

 

 

設定していることさえ忘れていることもあり、こうなると、いつ起きたのか分からない。
なにが現因なのか非常に分かり難いということになる。
最近はそれをどうやって設定したのかを忘れてしまっていることも多く、思い出すだけで最初の設定するときに近い時間がかかるのです。

だから、見なかったことにしたくなるのだけど、それやるとサイトが崩壊に向かうだけだから・・・。

 

ソースの設定を調べます

 

 

ということで調査を始めました。
まずはプラグインの設定をチェックしてみる。
しかし、ここではoEmbed Extendの辺りしか関係するような項目はないようです。
次にHtml内にmeta記述しているogプロパティをチェック。
og:typeは、website?それともarticle?どちらにしてみても同じような気もする。
とりあえずarticleにしておく。

 

言語設定は要らない

 

 

facebookのdebugerでチェックしてみたところ、"og:locale" の値がcontent="ja"になっているのがおかしいと言う。
調べてみたところ、このlocaleの設定は今はない方が良いようなので、ついでになくてもよさそうな"og:determiner"の設定共々削除してみた。

 

ヘッドタグがおかしい

 

 

あれこれみているとヘッドタグに記述するog prifixの位置がおかしいことに気がついて正しい場所に書き直したところサーバーエラーが出たため、これも無しにする。記述してなくても良いようです。
というか、なんで正しく書くとエラーなん?

 

ワードプレスをアップデート

 

 

これだけではなく、思いつくことをいろいろとやってみたがいっこうに変わらない。ワードプレスのバージョンも最近アップデートしていなかったので4.7.1に更新もしてみた。セキュリティーフィックスもあったようなのでこれはもっと早くやっておくべきだった。

 

訳分からぬまま直った

 

 

それでも、ブログカードは表示しない。
なんなんだこれは、と思いつつ弄っていたら、ある時突然表示した!

なんなんだこれは、と思いつつ、他のページを見たら表示していない。リロードしても表示しない。キャッシュなのか?とブラウザのキャッシュをクリアしても同じです。ところが、記事の再編集で、もう一度urlを入れ直してみたら表示した。

なんなんだこれは?全部手動で編集し直さないといけないのか?と、思っていたら、いつの間にか全部正常に表示していた。

なんなんだこれは!
ということで原因は良く分からないが直ったのです。

これで完璧と思ってこの記事を書いたら、この記事に書いたカードが表示しない!!
なんなんだ

 

Pocket
LINEで送る
[`evernote` not found]

にほんブログ村 ライフスタイルブログ スローライフへ

 - いまどきのあれこれ, インターネット&PC , ,