サイトを変更したのに、ツイッターのブログカードが更新されない。
そんなときは、Twitter Card Validatorからブログカードをアップデートする必要があります。
Twitter(ツイッター)のブログカードとは?
![Twitter、投稿画面](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/8cd40897cf7580c1ce7c5079988530f9.png?resize=572%2C259&ssl=1)
Twitter、投稿画面
上記のようにツイートにURLを貼り付けると、下記のようなツイートになります。
![Twitter、ブログカード](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/397d5ed805dbaec70f85ea97a0f5af3e.png?resize=652%2C543&ssl=1)
Twitter、ブログカード
これをブログカードと呼びます。
「アイキャッチ画像」「タイトル」「本文の抜粋」などが表示されています。
これらの情報はツイッターにキャッシュされます。
そのため、サイト側でタイトルを書き換えたり、画像を入れ替えたりしても、ツイッターのブログカードは古い情報のままです。
Twitter(ツイッター)ブログカードを更新する方法(Twitter Card Validator)
自分のサイトでタイトル・画像・本文などを書き換え。
その変更をツイッターのブログカードに反映させるには、Twitter Card Validatorを使います。
Twitter Card Validatorを開く
Twitter Card Validatorへアクセス。
Card URLを入力
![Twitter、Card Validator](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/be008635d793ccf1f3c2a066ba0034bd.png?resize=800%2C257&ssl=1)
Twitter、Card Validator
上記のような画面が開きます。
「Card URL」の下、
「Enter the URL of the page with the media tags to validate」
と書かれた部分に更新したいページのURLを入力しましょう。
Preview card
![Twitter、Card URLを入力](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/547704c7640f504409f14fc3130448aa.png?resize=800%2C256&ssl=1)
Twitter、Card URLを入力
「Preview card」をクリックしましょう。
ブログカードが更新される
![Twitter、Card Preview](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/ec3ca05523abaa924989cc7cf7308f33.png?resize=800%2C645&ssl=1)
Twitter、Card Preview
Card Previewのところに新しいブログカードが表示されます。
ブログカード、変更前後
Before
![Twitter、ブログカード](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/397d5ed805dbaec70f85ea97a0f5af3e.png?resize=652%2C543&ssl=1)
Twitter、ブログカード(Before)
After
![Twitter、ブログカード(After)](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/ef70fc48f7760b17b347d03797aad7ac.png?resize=650%2C537&ssl=1)
Twitter、ブログカード(After)
サイト側で画像を入れ替え、Twitter Card Validatorから更新を行うと、上記のようにブログカードを変更することができます。
まとめ
ツイッターのブログカードを更新するには、
- Twitter Card Validatorへアクセス
- 「Card URL」を入力
- 「Preview card」
上記の操作により、サイト側での変更を、ツイッターに反映させることができます。
![](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/12/Twitter.jpg?resize=320%2C180&ssl=1)
コメント