TwitterでWordPressのTopページの画像が表示されない！【表示方法・更新方法まとめ】

TwitterでWordPressのサイトリンクを共有した時に、アイキャッチ画像が表示されることがあります。

（画像等を一緒にツイートしていると、サイトリンクのサムネイル画像のようなものは表示されません）

どういうことかと言うと、下記のツイートのように画像が出るかどうか、ってことです。

今回は、その方法についてまとめました。

あわせて読みたい

Twitterでアイキャッチ画像を表示したい！更新したアイキャッチ画像を表示したい！ブログ記事のアイキャッチ画像を更新したよ！Twitterで共有してるリンクの画像は変わってないよ？？こんなことはありませんか？？今回は、すでに公開済みのTwitterのア...

Twitterでサイトリンク（Top）の画像を表示するには？？

今回は、プラグイン（SEO PACK）の機能を使用します。

１　SEO PACKでOGD設定

SEO PACKのOGP設定をクリックします。

２　画像を選択

OGP設定の基本設定中にある、OGPタグの基本設定　”og:image”の画像に画像を設定します。

画像設定時は、Twitterで表示されることを考慮し、中央にポイントのある画像がオススメ
（下記の画像参照）

あわせて読みたい

内気な人でもツイッターのフォロワーは6倍増やせる！そのたった一つの方法この記事は、これからTwitterの運用をしていきたい人・フォロワーを増やしたい人にオススメです。ただし、この記事は内気なままで発信していきたい人には不向きです。し...

３　設定を保存する

忘れずに”設定を保存する”をクリック！

これで変更は完了です。

しかし、これだけでは画像は反映されません。

４　Card Validator にアクセスする

Card Valiadator(https://cards-dev.twitter.com/validator)へアクセスします。

Twitterアカウントへのログインを求められたら、ログインします。

Twitterは一度リンクの共有されていると、
リンクのイメージ画像を覚えておくことがあります。
細かいことは省略しますが、
上記の３までの設定では、Twitterには画像がない状態のままです。
もし、今までツイートしていなければ別ですが。

５　Card URLへ入力する

Card URLの下にあるボックスに、自分のサイトリンクを“https://～”入力します。

ショートリンクではなく、“https://”のように最初の部分から入力すること！

６　Preview cardをクリックする

• 

• 

上記画像のように、Preview cardを２回クリックします。

１回目と２回目で、Twitterのプレビュー画像が変わっているのが分かります。

準備OK　これでツイート出来ます！

これでTwitterのキャッシュが削除され、画像が表示されます。

更新しても変化がない場合は、画像の保存が出来ていない可能性があります。

設定が保存できているか、再度WordPressのSEO PACKから確認しましょう。

さいごに

サイトトップのリンク画像の設定は、SEO PACKからの設定で可能です！

Card Validatorを使えば、各ブログ記事のアイキャッチ画像を変更した時も、アイキャッチ画像を新しく投稿することができます。