![](https://sugublog.org/wp-content/uploads/2021/02/cropped-dog003-150x150.png)
SWELLの記事を更新したのでSNSのtwitterで拡散したい。twitterカードを使用したけど上手く表示されない。
![](https://sugublog.org/wp-content/uploads/2021/02/mine_white_001.png)
![](https://sugublog.org/wp-content/uploads/2021/02/mine_white_001.png)
![](https://sugublog.org/wp-content/uploads/2021/02/mine_white_001.png)
また記事を変更したけどtwitterカードは更新されない場合もありますね
そういった場合どうすれば良いでしょうか?はやくきちんと表示させたいですよね。
そのような不具合を経験した筆者が、同じ悩みをしている人に向けて解決します。
WordPressのテーマ「SWELL」を使用しており、下記のようなことで困っている人はこの記事を読んでください。
- Twitterでブログの記事を紹介したい!でも表示されない
- ブログ更新したけどTwitterカードが更新されない
簡単に表示する事が出来ますので、対応していきましょう!
Twitterカード表示されない時の確認方法
![](https://sugublog.org/wp-content/uploads/2021/06/pixta_46594158_M-min-1024x852.jpg)
![](https://sugublog.org/wp-content/uploads/2021/06/pixta_46594158_M-min-1024x852.jpg)
Twitterカードとは
Twitterカードとは・・・Twitterでブログの記事を画像付きリンク貼っているあれです。
![ツイッターカードの内容](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-before-min.png)
![ツイッターカードの内容](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-before-min.png)
Twitterカードを有効にする
Twitterカードを有効にするには
![](https://sugublog.org/wp-content/uploads/2021/06/image-33-1024x576.png)
![](https://sugublog.org/wp-content/uploads/2021/06/image-33-1024x576.png)
SEO PACKのプラグイン>OGP設定>Twitterタブを順にクリックします。
- 「Twitterアカウント名」にアカウント名を記入します。
- カードタイプを選択します。
- 「設定を保存する」をクリックします。
カードタイプとは
- summary・・・画像が小さいスマートなリスト型
- summary_large_image・・・画像が大きいダイナミックなカード型
Twitterカードの確認方法
![](https://sugublog.org/wp-content/uploads/2021/06/search-min-1024x682.jpg)
![](https://sugublog.org/wp-content/uploads/2021/06/search-min-1024x682.jpg)
きちんとTwitterカードが完成しているか確認しましょう。下記サイトへ行きます。
その後の手順は以下の2ステップです。
- 記事のURLを貼り付ける
- 「Preview card」をクリックします。
![](https://sugublog.org/wp-content/uploads/2021/06/image-34-1024x651.png)
![](https://sugublog.org/wp-content/uploads/2021/06/image-34-1024x651.png)
「Card preview」に表示されていれば問題なく作成できてます。
あとはTwitterに記事のURLを貼ればOKです。
swellのtwitterカードが上手く表示や更新がされない時
![](https://sugublog.org/wp-content/uploads/2021/06/shutterstock_1433996435-min-1024x683.jpg)
![](https://sugublog.org/wp-content/uploads/2021/06/shutterstock_1433996435-min-1024x683.jpg)
SwellのTwitterカードが表示されない。記事更新したけどTwitterカードが更新されない時があります。
「記事のページタイトル」ではなく「サイトタイトル」になっていたので記事を変更しました。
![twitterカードが更新されていない](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-before-min.png)
![twitterカードが更新されていない](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-before-min.png)
カードは更新されませんでした。
更新されない原因
原因はキャッシュにありました。キャッシュが以前のデータを保持していた為、更新が出来ていないように見えていました。
試したこと・解決策
SWELLでキャッシュをクリアしました。そうすればきちんと更新できました。
SWELLでキャッシュをクリアする方法は以下です。
![](https://sugublog.org/wp-content/uploads/2021/06/image-35.png)
![](https://sugublog.org/wp-content/uploads/2021/06/image-35.png)
SWELL設定>リセットタブ>をクリックします。
「キャッシュのクリア」項目の「キャッシュを削除する」をクリックします。
![swellのtwitterカード変更前](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-before-min.png)
![swellのtwitterカード変更前](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-before-min.png)
![swellのtwitterカード変更後](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-after-min.png)
![swellのtwitterカード変更後](https://sugublog.org/wp-content/uploads/2021/06/twitter_card-after-min.png)
きちんとページタイトルに変わっていました。
以上になります。きちんと表示されているでしょう!
ブログのテーマを迷っている方はSWELLがオススメです。
![](https://sugublog.org/wp-content/uploads/2021/06/PC213-min-e1624040976958-300x169.jpg)
![](https://sugublog.org/wp-content/uploads/2021/06/PC213-min-e1624040976958-300x169.jpg)