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の動作・表示を軽くできればと考えてのことです。

参考エントリー

関連エントリー


この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

広告

あわせて読みたい

記事のタイトルとURL をコピーする!

広告

新着記事

著者プロフィール

ものくろ(大東 信仁)

ブロガー/Web&Blogコーチ/親指シフト orzレイアウト開発者/ものくろキャンプ運営。のべ1,000名のブログサポートに携わる。WordPressが得意。

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

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

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

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告