[Å] 【wp】Facebook OGPが突然エラー!その原因はまさかの「JetPack」のプラグインでした。


Facebook Slippers by stitchohana

どうも、あかめ(@mk_mizuho)です❦ 実はとある日に私、FacebookのOGPの設定がおかしくなったのです。WordPressをアップデートしたからだと完全に思い込んでた。それで設定しているタグが使えなくなってのエラー。そしたらね、まさかのプラグインのアップデートによるエラーでしたというお話。

とある日のこと…

自分の記事をFacebookページに公開しようと思ったらこんなエラーが出た。(←デバッガー画面)
デバッガーエラー

ちなみに通常だとこんな感じにOGPに指定した内容が綺麗に表示される。
オブジェクトのプロパティ

いやぁめちゃめちゃ悩んだ。原因探った。WordPressのバージョンをアップデートしたからだと思ってた。

さらにプラグインのバージョンもあげていたのでこのプラグインも疑っていた。
All in One SEO Pack

完全にハマった。ひたすら原因を探る。

エラーの英語を読んでみると「二重」という文字がかろうじ理解できた。(英語が読めないのは損だ)

ソースを見てみると…
OGP設定
発見!!!JetpackによるOGP。

これがエラーの原因。

All in One SEO Pack で書いたものがOGPになるようにカスタマイズしているのでつまりこの時点ではJetpackによるOGPAll in One SEO Pack によるOGPの2つが設定されていることになっていた。

All in One SEO Pack に気を取られていて「Jetpack」のプラグインもアップデートしたのを忘れてた。

Jetpackの統計は最近ほとんど見てないので停止。

そしたら無事にソースコードから余計なOGPが消えました。
Jetpack停止

アップデートでOGPが自動的に追加される仕組みになったのか?

いやぁ完全にハマりましたよ。

JetpackのOGPだとこんな感じに表示されます。
Jetpack

All in One SEO PackによるOGPの設定(カスタマイズ済み)だとこんな感じ。
OGPテスト

抜粋のところが若干違う。こちらは私が指定した内容が表示されています。どうせ表示するなら意味のある内容を載せたいですからね。無事に表示されるようになって良かったです。

カスタマイズについてはこちら。

[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由 | あかめ女子のWebメモ

さいごに

もしFacebookページでエラーが出た際にはプラグインによるOGP自動追加を疑ってみてください。まさか今まで使っていたものが自動追加になっているとは。英語でもしかしたら書いてあったのかもしれないですが、私英語読めないので。以上、OGPエラー報告でした。ではではーあかめ(@mk_mizuho)をよろしくお願いします。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼