【SWELL】ツイッターでサムネイルの大きさが違う時の対処方法｜OGP設定

最近になって、あれ？っと思ったのがTwitter（ツイッター）でお友達がブログのリンクを貼った時に表示されるサムネイルの大きさと自分のサムネイルの大きさが違うことです

言葉では伝わりにくいので、実際にお友達のツイートと私のツイートを見比べてみましょう

左がお友達のくうかさんで、右側が私

くうかさんのサムネイルのほうが、アイキャッチが全て表示されていて、とっても目を引きますよね

悪くはないけど、大きい方がアイキャッチも切れないからいいなぁと感じていました

なぜこのように、TwitterにブログのURLを入れた時に表示されるサムネイル画像の大きさが違うのか気になったので調べてみました

【SWELL】ツイッターでサムネイルの大きさが違う時の対処方法

いろいろと調べてみると、どうやらツイッター側で設定するわけではなく、ワードプレスのほうで設定が必要みたいです。

さらに、使用しているテーマによって設定の方法は違うみたい

私もくうかさんと同じように、大きく表示できるように設定していきたいと思います

SEO SIMPLE PACKのプラグインを使って変更

SWELL以外のテーマの場合はテーマの中で設定が出来るようですが、SWELLはSEO SIMPLE PACKのプラグインを使って設定を変更していきます

既にツイートしたサムネイル画像の大きさを変えたい時

変更した後、既にツイートしたサムネイル画像を確認してみると、小さいままになっていました
これって、変更できないのかな？と思って心当たりが1つあったので試してみると出来ました

アイキャッチ画像を変更したのにTwitterのサムネイルが変わらない時

先ほど紹介したCard validatorは、既にツイートした投稿のアイキャッチ画像を変更したときにも使えます。
手順は同じです

• アイキャッチ画像の変更
• Card validatorで変更した記事のURLを入れPreview
• 画像が変更になっていればOK

Twitter設定を変更前と後を比較

ここにきて余談ですが、Twitterで表示されるサムネイル付きURLのことをTwitterカードと言うらしいです

あれ？Twitterで確認したら変更になってたのに、投稿画面で確認したら変更になってない。
そのうち待ってれば変わるかなぁということで、このまま記事を投稿します

SWELL以外のテーマでTwitterカードの設定をする場合

SWELLでのTwitterカードの設定方法について紹介しましたが、他のテーマの場合はどこで確認するの？という声が聞こえてきそうなので、公式で紹介していないか調べてみました

JINの場合

アフィンガーの場合

購入者限定のマニュアルページになるので、ログインが必要です

cocoonの場合

cocoonの場合は、公式で探しても出てこなかったので他サイトで紹介

公式では、トップページが共有されたときの設定があったので一応紹介しておきます

この他のテーマで確認する方法

• 公式サイト内検索を利用して、「Twitterカード」と検索してみる
• 公式サイト内検索を利用して、「OGP」と検索してみる
• Googleで「サイト名+Twitterカード」と検索してみる
• Googleで「サイト名+OGP」と検索してみる

このどちらかで、恐らくは設定方法の記事が出てくると思います

まとめ

覚えていないけど、SEO SIMPLE PACKのTwitterアカウントだけきちんと入れていた私。
いつ入れたんだろう。。

アカウント名を入れないと、Twitterで表示もできないのだろうか？
そう思って一度アカウント名を消してからツイートに記事のURLを入れてみると表示されるのはURLのみでサムネイルは出てこない

ということで、そもそもSEO SIMPLE PACKの設定が必要だということが解りました。

まだまだ知らない事ばかり。
もっと使って、もっと知識を蓄えていきたいなぁと改めて思いました。

なんとなく使ってたら、せっかくの機能がもったいない