フリーランスの道具箱

WordPressテーマ MAGJAM(DigiPress)にてfacebook OGPの写真がおかしいのを解決

facebook OGPの写真がおかしい

ブログ ものくろぼっくす は、WordPressを使って構築しています。外観はDigiPressさんの最新テーマ 「MAGJAM」を使っています。

このテーマは、facebookへリンクを投稿した時に、エントリーアイキャッチを表示するOGPも標準対応しています。ところが、なんだか画像表示がおかしく、だいたい一つ前のエントリーのアイキャッチになってしまうトラブルで困っていました。なお、OGPって何?についてはこちらが参考になります。

調べたところ、テーマには原因がなく、WordPressのプラグイン「All in One SEO Pack」をインストールして有効にしていたことが原因でした。

広告

facebook Debugger

facebook Debuggerで調べてみると、下のようにOGPの画像設定の「og:image」を、facebookが上手に読み込めておらず、何枚もの画像を候補として読み込んでしまっていました。

og imageがおかしい

なお、OGP画像が facebook でどのように表示されるのか?は下のリンクのシミュレーターを使うとわかります。

All in One SEO Packを無効に

DigiPressさんのユーザー専用サポートフォーラム(ユーザー登録者のみ閲覧できます)を調べたところ、OGPを含めたメタタグを最適化する機能をテーマ「MAGJAM」が元々持っており、All in One SEO Packの機能(主にSEO対策)と、メタタグが重複して出力されてることがわかりました。

これが、facebookにリンクを投稿した時に、画像が上手くいかない原因でした。

WordPressの管理画面に入り、プラグイン一覧から「All in One SEO Packを無効」にしたことで、下のfacebook Debuggerの結果(画像をきちんと認識)となりトラブルは解決しました。

解決しました

プラグインを止めたことで、エントリーの頭に、[箱] と表記を自動で追加していましたが、これもAll in One SEO Pack による設定だったので、これも無くなりましたが、WordPressのショートコードを使ったリンクを生成するときに、ショートコードを邪魔する「中かっこ」だったので、これを機に止めました。

サイト名の冠につけていた [箱] も外しました。Googleさんの検索結果だと、外されて表示されることが多くなってしまい、役割を終えたなぁと感じています。テーマ自体でメタタグを生成しているなら、SEO的にマイナスになることもないと判断(大丈夫とは言い切れませんが、facebookの写真がきちんと表示されることのメリットを優先)しています。

One More Thing

関連エントリーを表示するのに、お世話になっていたプラグイン「Milliard」の利用も一端中止しました。テーマ「MAGJAM」自体が持っている関連エントリー表示機能だけにして、WordPressの動作・表示を軽くできればと考えてのことです。

参考エントリー

関連エントリー

広告

もっと
b. ブログで情報発信
について読む


この記事を書いた人 :

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。ブログは年間 1450記事を更新した経験も(2013年)。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

こちらの記事も役立ちます
follow us in feedly