ブログ環境

AFFINGER5 ツイッターカードの設定と画像が反映されない時の解決方法

2020年5月13日

Twitterカードの画像が表示されない

https://t-savinglife.com

Twitterカードの画像が1か所のみ表示されないという問題がおきました。

結論から言うと「Twitterアプリの更新」で無事に表示されましたが解決までに行ったことをまとめてみます。

ご参考になれば嬉しいです。

 

ワードプレスでTwitter設定をする(AFFINGER5)

まずは、ワードプレス側の設定から。

テーマAFFINGER5の設定方法となります。

AFFINGER5管理-SNS

一番下にあるTwitter設定にアカウントを登録し、Twitterカードサイズ(大・小)を選びましょう。

私は写真の上に文字をのせているので大にしています。

AFFINGER5Twitter設定方法

Twitterの設定を確認する

Twitterの設定とプライバシーからプライバシーとセキュリティ

「ツイートする画像/動画をセンシティブな内容を含むものとして設定する」のチェックをはずす

Twitterカード設定確認

ここまで設定すればTwitterカードは表示されるはずです。

 

Twitterカードつきメッセージをツイートする方法

メッセージとハッシュタグのあとにTwitterカードにするブログ記事のURLを貼ります。

ツイートするを押すとTwitterカードが表示されます。

Twitterカード投稿方法

 

またCard validatorよりTwitterカードにしたいブログ記事のURLを入力し、「Preview card」をポチっとすると表示されているかを確認することができます。

このように画像とともにTwitterカードが表示されれば成功。

cardvalidatorを使ってTwitterカードを確認

TwitterアプリでTwitterカード画像が表示されない

私は、パソコンのブラウザで確認するとTwitterカードが表示されているのにアプリで開くとなぜか一つだけ画像が表示されず悩みました。

そんな場合は次の2つを試してみてくださいね。

  1. Twitterアプリの更新
  2. Twitterアプリのキャッシュの削除

私は、アプリの更新を手動にしているため、「更新」を完了したら一つだけ表示されていなかったTwitterカードの画像も無事に表示されました。

たまには更新しないとですね。

 

  • この記事を書いた人

まる

投資と節約で年300万円の貯金を継続しているOLです。激貧生活(男に騙されて借金)を卒業するも懲りずに結婚。お金ごとを中心に書いています。

-ブログ環境

© 2021 東京節約生活