BLOG WORDPRESS ボヤキ

【Open Graph and Twitter Card Tags】Open Graph Protocol(オープン・グラフ・プロトコル)の救世主

投稿日:

100%いや98.98%備忘録とさせていただきます。なので自分がわかる言葉で書く。

サイトのアクセスアップ、反響を高めるにはただブログやホームページをコツコツと更新していくだけではなくSNSと連携、投稿をSNSにも配信されるように、SNSでいいね!よりも多くの人にシェアされることが大事です。もうここまでやってやっと完成!というか納品というくらいです。拡散、人に情報を広めていかなければなりません。

その際に、SNS側に説明文だけの文字よりも、サイトで使った画像がキレイに表示されればなおよい、というかこれも常識です。
これをOGPといいます。カードのようにきれいに表示するアレです。

OGP設定は、日本の有料テーマであれば含まれているものも多いが、無料テーマ、海外テーマなどでは自分で設定する必要があります。その際に

All in One SEO Pack

2007年から50,000,000回以上ダウンロードされた、オリジナル WordPress SEO プラグイン。

By Michael Torbert

(484)
Last Updated: 3週間 ago
1+ Million Active Installs
Compatible up to: 5.3

のソーシャルメディアを有効化して設定する

というのがほぼ9割伝えられている方法だ。
私もこれで設定しているサイトがいくつかある。
日本語化されており親切極まりない。しかし本来の目的がSEOのプラグインなため、様々な機能がごちゃごちゃ付属する。

しかし無事実現出来ればこれで問題ない、スッキリ・・・

All in One SEO Pack ソーシャルメディアを有効化して設定する | そう備忘録
All in One SEO Pack ソーシャルメディアを有効化して設定する | そう備忘録

All in One SEO Packに入っている「ソーシャルメディア」機能を有効化して設定した。SNSでシェアされた時にタイトル、写真、本文(抜粋)、ホームページのURL等、リッチに表示される。OG ...

続きを見る

が、これで通用しない事件が発生した。正しく設定し、デバッグしてもOKなのだが、なぜかFaceBookに表示される画像はsafe_image.phpというサイトロゴが正方形に刻まれた虚しいものになる。

要はFacebookに正しく指定した画像が表示されないのだ。

【決定版】FacebookでOPGキャッシュをクリアする方法(シェアした記事の画像が正しく表示されない時の対処法) | できるネット
【決定版】FacebookでOPGキャッシュをクリアする方法(シェアした記事の画像が正しく表示されない時の対処法) | できるネット

Facebookで記事をシェアする時に、記事のメイン画像(OGP画像)が正しく表示されないことがあります。そんな時は、Facebookに保存されているキャッシュをクリアすれば大抵うまくいきます。

続きを見る

これが全ての解決策として挙げられている方法だ。どこもかしこもこれしか書いていない。
しかしこれでも解決しないのだ。デバッグすると希望通りの画像になっている。でも実際はそのように表示されないという問題だ。

その他のサイトは全て出来ているから、これは、プラグインの問題か、テーマの問題か、Facebookの設定の問題か、それらの複合的な問題か・・・
意外とこういう素朴なトラブルで丸1日を費やしてしまうから地獄だ。

そして今やっと解決したからここで残そうとおもったのだ。

ズバリ、All in One SEO Pack、プラグインの問題だった。
このプラグインと自分が使っているテーマの相性が悪かったようだ。

日本では全く紹介されていないが

Open Graph and Twitter Card Tags

より効率的にシェアの結果を得るため、Facebook、Open Graph、Google+ / Schema.…

By Webdados

(105)
Last Updated: 1か月 ago
90,000+ Active Installs
Compatible up to: 5.2.5

こちらに変更することで意図通りの画像、カードを出力できるようになりました。
これを知るまでに、All in One SEO Packで100回くらいテストしたので死ぬ想いでした。

これを知るまでに

SEOPress

SEOPress は WordPress 用のシンプルで高速かつ強力な SEO プラグインです。

By SEOPress

(500)
Last Updated: 2週間 ago
80,000+ Active Installs
Compatible up to: 5.3

こちらもテストして一応成功しましたが、アイキャッチを優先するので、それ以外にしたい場合に無理なのでやめました。しかしその他の部分で日本語化されていて素晴らしいプラグインであるとお見受けしました。SEO関係に興味があればお試しあれ。

プラグインを使わない方法もあるが、カスタム投稿で記事毎にカスタムフィールドに指定した画像のOGPを出力するとなると複雑だ。

All in One SEO Packだけが唯一の方法じゃなかったのだ。
日本でみかける情報はこればっかりだけど、過信してはいけない。上手くいかなかったら別の手を打とう。

  • この記事を書いた人
  • 最新記事
7seconds

sevenseconds

PHP CSS わかんないけどわかります。Webが出来るから下請けしようではなく、自分で生かして食っていこうな人です。

-BLOG, WORDPRESS, ボヤキ

Copyright© セブンセカンズ , 2019 All Rights Reserved.