ブログの記事をTwitterでシェアしたらアイキャッチの画像が見切れてしまうことがあります。
このとき、アイキャッチ画像を作り直してブログを更新しても、Twitterの画像は見切れたままです。
そんなときは、画像の変更をTwitterに通知するためにTwitter Card Validatorというものを使う必要があります。
Twitterでアイキャッチ画像が見切れてしまった
![Twitterアイキャッチ画像が見切れている](https://i0.wp.com/u-ff.com/wp-content/uploads/2019/09/488c95d712e9b48da627edce79f6c501.jpg?resize=583%2C571&ssl=1)
Twitterアイキャッチ画像が見切れている
ブログの記事がTwitterでシェアされた時に、被写体が見切れてしまったり、文字がはみ出してしまうことがあります。
アイキャッチ画像を作り直す
そんなときはアイキャッチ画像サイズチェッカーを使うと、SNSでシェアした時の画像の見切れ具合を確認することができます。
![](https://i0.wp.com/u-ff.com/wp-content/uploads/2019/09/a11b4bb3ba448d1fa402ac3dc62cc91f-5.jpg?resize=320%2C180&ssl=1)
ブログでアイキャッチを再登録する
アイキャッチ画像サイズチェッカーで確認しながら新しいアイキャッチ画像を作ります。
そして、新しい画像をブログに再登録します。
はてなブログの場合は記事の編集画面に「アイキャッチ画像」という項目があります。
![ブログでアイキャッチを再設定](https://i0.wp.com/u-ff.com/wp-content/uploads/2019/09/53b9d7dc9207849f14c2075ebf48a97d.jpg?resize=708%2C361&ssl=1)
ブログでアイキャッチを再設定
Twitterでアイキャッチを再登録する
ブログで新しいアイキャッチ画像を登録しました。
しかし、これだけではTwitterの表示は変わりません。
画像は依然として見切れたままです。
Twitter上でのアイキャッチ画像を更新するためには、ブログで画像を変更した後にさらにTwitter Card Validatorで更新作業をする必要があります。
Twitter Card Validatorの使い方は下記を参照。
![](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/130f1ff5c0e3675479eb4f92bf82964d.png?fit=1200%2C675&ssl=1)
すると、ツイートに添付したリンクのアイキャッチ画像が新しいものに更新されます。
![Twitterアイキャッチ画像が更新された](https://i0.wp.com/u-ff.com/wp-content/uploads/2019/09/3e8de8d6be02a29326d7556b99f60941.jpg?resize=577%2C570&ssl=1)
Twitterアイキャッチ画像が更新された
2023年頃からTwitter Card Validatorのページではプレビューが表示されなくなりましたが、裏ではキャッシュの更新が行われています
まとめ
Twitterで画像が見切れてしまったら
- アイキャッチ画像を作り直す
- ブログの画像を新しくする
- Twitter Card Validatorで更新をする
Twitter(ツイッター)ブログカードを更新する方法(Twitter Card Validator)
Twitter活用シリーズ、続きはこちら
![](https://i0.wp.com/u-ff.com/wp-content/uploads/2019/09/de5e9f7b7a1ba407bdca291ed3cffa77-14.jpg?resize=320%2C180&ssl=1)
![](https://i0.wp.com/u-ff.com/wp-content/uploads/2019/09/de5e9f7b7a1ba407bdca291ed3cffa77-17.jpg?resize=320%2C180&ssl=1)
コメント