[Я]Google+シェア表示の怪奇現象、犯人はJetpackだった!

スポンサーリンク

Google+が悪いのかと思ってた

SORRY over Sydney Opera House "Apology Day" by butupa

SORRY over Sydney Opera House “Apology Day” by butupa

2日ほど前から、「Google+」にシェアした自分のブログ記事情報が、おかしな表示になってたんですよ。

screenshot_201302_052

↑記事タイトルが二重に表示されちゃってる。

大事なことだから2回言いました!」状態。

screenshot_201302_053

↑これなんてもっとヒドイ。「抜粋」欄に入力した内容(=これがmeta情報のdescriptionになる設定)以外に、本文の先頭部分も追加されちゃってる。今までこんなことなかったのに。

ここでピンと来れば気持ち良かったんでしょうけど、ヘタレなのでピンと来なかった。「Google+が何かおかしいな」と思っちゃった。

ハングアウトがしたいという理由だけでGoogle+のアカウントを取得した私。ほとんど有効活用できてません。当ブログのGoogle+ページも作ってみたけど使い方が全然分からない。解説本も買ったけどまだ読めてない。単なる勉強不足です。

またも私の窮地を救った赤女神様

本日、いつもの通りRSSリーダーで愛読してるブログを巡回。その中で目にした以下の記事。

http://webmemo.biz/wordpress-jetpack-ogp-remove/

先日私が書いたWordPressプラグイン「Jetpack」の記事を紹介して頂いてました。あかめちゃん(@mk_mizuho)、ありがとー。

Mt. Fuji and Bullet Train (Postcard) by roger4336


このプラグインを入れたことでクリック先の情報が把握できるようになり、感動している私。「どこから来てもらったのか」だけでなく「私のブログでどこがクリックされたのか」を知ることが出来るのは、今後書く記事を検討する上で有力な羅針盤となるはず。

あかめちゃんもJetpackを使うようになったのね、ふむふむ、などとノンキに読み進めていくうちに、

なに? Jetpackが独自にOGP情報を吐き出してるとな???

以下引用。

WordPressのJetpackが前々から便利と聞いてます。ただ私は以前問題があったので消していました。そうOGPの問題。予め指定しておかないとOGPが二重指定になってしまうので気をつけてください。私はこの問題にハマってFacebookシェアの表示が意図しないものになりましたので。
via:[Å] JetpackとOGP指定プラグインを同時に使うと二重指定!?OGPを削除する方法

出たな、「OGP」。Open Graph Protocolの略称で、Facebookなどにブログの記事情報を渡す際の仕組みみたいなもの。

ブログ開設当初、このOGPで大変苦労した思い出があるんです。記事も書いてます。

facebook_logo


この時は、OGP情報を「Open Graph Pro」というプラグインで自動出力していて、更に記事を更新した際、Facebookへ自動シェアしてくれるプラグイン「Wordbooker」を使い始めたことで、OGPが二重出力され、Facebook側での表示がおかしくなっちゃったというハナシ。

WordbookerもOGP情報を出力しているということを知らなくて、なぜ自動シェアが成功しないのかサッパリ分からず悩みまくってました。

結論としては「Wordbooker」側の設定でOGP出力を停止させることで二重出力を回避できて、Facebookへの自動シェアも無事成功するようになった、という記事内容なのだけど。

ああー? 二重出力って、というかOGPってFacebookだけじゃなくてGoogle+もか! そりゃそうか!

現在は「Wordbooker」を使っておらず、Facebookへのシェアは手動でやってます。なのでOGPうんぬんのことは完全に頭から抜けていた。

それにしても、なぜ気付かなかったのだろう。なぜ気付かなかったのだろう。

screenshot_201302_050

↑ブログのHTMLソースを確認してみると、ほんまや! OGP情報が2つ出力されてました。完全な二重出力。

確かに「Jetpack」を使用開始する前にGoogle+にシェアした記事は表示が正常になってる。ようやく原因らしきものが掴めました。そうと分かれば修正だ修正だ。

functions.phpを修正

あかめちゃんの記事に書かれている通り、functions.phpにコードを追加することにしました。

functions.phpはブログ表示のキモになる重要なファイルです。修正に失敗するとブログ全体が表示されなくなるなど深刻なエラーが発生しますので、修正の際は慎重に。そして事前のバックアップをお忘れなく!

上記コードをfunctions.phpに追加するだけ。1行目はコメントですので、2行目のみ追加でも大丈夫です。

screenshot_201302_054

↑HTMLソースを再確認すると、二重出力されてない。1つだけになってる。イケそうな気がするー!

Google+にシェアしてみよう。

screenshot_201302_055

直ってねえええええーーーwww

更なる解決方法を発見

OGPは正常になったはずなのに、まだタイトルが二重表示されてる。descriptionも二重表示のまま。

悔しい~。でも、へこたれないぞ。へこたれないぞ。

更にググってみたところ、以下の記事を発見。

http://www.imamura.biz/blog/cms/wordpress/7370

「W3 total cache」というプラグインを使用していて、キャッシュをクリアしたら直ったという内容。私もおもいっきり使ってます、「W3 total cache」。

で、キャッシュをクリアしようと思ったのだけど、どこをどうすればクリアできるのか分からない。いろいろググって調べたけど分からないまま、もう1回Google+にシェアしてみたら

screenshot_201302_056

↑今度は成功してました。自動でキャッシュ削除されたのかな。んー、なんだか良く分かりません。

調べていく過程で、こんな記事も発見。

http://ore.hatenablog.jp/entry/20130127/1359270937
http://maiko.openmedialabo.net/wp/2012/06/w3totalcache/

うーん、「W3 total cache」ってあんまりよろしくないのかな? 検討の余地がありそう。

いずれにせよ、あかめちゃんを始め、貴重なエントリーをアップされてる様々な諸先輩方のおかげでひとまず問題を解決させることが出来ました。

さすがあかめちゃん、鋼鉄の胃袋。鋼鉄の胃袋。

スポンサーリンク
この記事がお気に召したら
「いいね!」をお願いします!
「りくまろぐ」の最新情報を
Facebookにお届けします
コメントComments Off
CATEGORY :