WordPressでブログカードの画像が表示されない時の対処法

  • ブックマーク
  • Feedly
WordPressでブログカードの画像が表示されない時の対処法

URLをコピペするだけでタイトル、説明文、アイキャッチ画像を下記のように表示してくれるブログカード。
↓な感じになってすごく便利ですよね!

しかし先日、突然ブログカードの画像が表示されなくなってしまいひじょーに困り、半日かけて解決策を見つけなんとか解決・・
↓な感じに・・

本日は同じようなトラブルで困っている方に情報をシェアできればと思います。

はじめに「ブログカードの画像が表示されない原因は1つではない」

色々なサイトをみて周り解決策を調べてたのですが、テーマの問題だとかプラグインの問題だとか原因は色々あり、人それぞれ違いました。

その中で今回の私の例では原因は「All In One SEO Pack」というプラグインの設定の問題でした。(解決策はこの後解説します。)

ですのでブログカードの画像が表示されずに困っている方は、1つずつ解決策を地道に試していくことをおすすめします。調べた結果、プラグインとテーマの相性が悪いなどの問題が多かったため、

  • プラグインを1つずつ停止させてみる
  • プラグインの設定を変えてみる(特にSNS系や画像系は怪しいです)

みたいな方法を試してみてください。それでは私が解決できた方法を解説していきます。

All In One SEO Packの設定を変えて解決!

STEP1. ソーシャルメディアの設定項目を表示させる

左側メニュー【管理機能】をクリックし、コンテンツエリアのソーシャルメディア【Activate】ボタンをクリック

そうすると左側メニューに「ソーシャルメディア」が追加されます。

STEP2. 設定を変更

画像設定より「OG:Image ソースを選択」を「アイキャッチ画像」を選択

次にTwitter設定より「デフォルト Twitter カード」を選択。(どちらでも良い)

その他の項目は選択しなくてもOKですが、それぞれ説明すると

  • Twitterサイト→@からはじまるアカウント名
  • Twitter投稿者を表示→投稿者の表示非表示
  • Twitterドメイン→WebサイトやブログのURL

解決に半日以上かかりましたが、以上2ステップで今回のトラブルは解消できました・・(時間返して)

同時にTwitterカードの表示もされませんでした。

私の場合、Twitterカードも同様に画像が表示されていない状況でしたので、ブログと並行してTwitterも運用している方必ずチェックしてみてください。

ちなみにTwitterカードとはブログカードと同じ要領でTwitterの投稿エリアにURLをコピペするとブログカードと同じような感じで表示される非常に便利な機能です。

Card validator でチェック

Twitterにログインした状態でCard validator にアクセスし正しく画像が表示されるかチェックしてみてください。

Card validator | Twitter Developers

もしも正しく表示されていないようでしたらAll In One SEO PackのTwitterの設定を変えて試してみてください。

  • ブックマーク
  • Feedly

この記事を書いた人

わいパンダ

わいパンダ

愛と勇気のわいパンダ!娘を愛するわいパンダ!ゴーストライターを雇い記事をポストしているわいパンダの趣味は釣りらしい