WordPressの記事をTwitterに共有した時に画像(Twitter Card)が大きくならない問題【Cocoon】【SNS共有】

アルパ
アルパ

どうも。アルパ加藤@alpakatoです

アルパ
アルパ

最近WordPressブログを始めたんですけども、わりと問題にぶち当たって困っています。

 

今日はWordPressの記事をTwitterに共有した時に画像(Twitter Card)が大きくならない問題を解決していこうと思います。
私の場合はCocoonというWordPressテーマを使っているので、Cocoonでの設定方法を書いていきます。

 

とても簡単です。Cocoon設定のOGPタブから、

Twitterカード設定で大きな画像のサマリー(summary_large_image)を選ぶだけです。

簡単ですね?

 

しかし、大きな画像のサマリー(summary_large_image)の設定にする前に既にいくつか記事を書いてTwitterに共有していた場合、その記事の画像(Twitter Card)は小さいままです。

 

どうやって解決するの?(私はここでハマりました)

 

正解はTwitter公式のTwitter Cardのキャッシュを更新する必要がある。でした。

 

↓まずTwitterのvalidatorサイトにアクセスしましょう。

 

次に、画像(Twitter Card)を大きくしたいサイトのURLを貼り、Preview Cardを押します。

 

twitter:card = summary_large_image tag foundとなっていたらOK!

 

アルパ
アルパ

これで完了です!!おめでとうございます!!

 

今までTwitterに共有していた記事の画像も大きくなっているはずです。

 

ちなみに、Twitter Card、ブログのアイキャッチの画像サイズは1200px × 630pxで作るとだいたい丁度いいみたいです。

アルパ
アルパ

では、素敵なブログライフを