twitterにブログリンクを貼るときの画像設定

twitterにwordpressのサイトやブログの

トップページのリンクを張ったときの表示画像の設定について記載します。

twitterカード(画像付きリンク)の画像の設定手順になります。

私が実際にtwitterにブログのリンクを貼った時に、

あれ？っとなってしまいました。

実際に行った問題解決までの手順を記載します。

私はCocoonを使用しているので、

wordpressでの設定手順はCocoonでの説明になります。

twitterカードって？

twitterカードは上の画像の赤枠のものになります。

画像付きサイトのリンクを貼ったときに表示されます。

twitterで自分のブログを紹介しようと思い、

トップページのリンクを貼ったら画像のようになってしまったんですよね。

wordpressテーマのデフォルトの画像っぽい・・・

各記事のリンクを貼った場合は、アイキャッチ画像が表示されます。

『cocoon設定』の『OGP』を選択します。

スクロールすると『ホームイメージ』の設定がありますので、

画像のアップロードで表示させたい画像を選択します。

私の場合はすでに設定済みでしたが、未設定であれば、

同時にtwitterカードの設定も行ってください。

最後に『変更をまとめて保存』を忘れずに。

これでwordpress側の設定はOKです。

一度、リンクを貼ってしまうと、

twitter側にキャッシュ(情報)が残ってしまうようで、

wordpress側で画像変更しても、twitterに反映されません。

twitterでtwitterカードの更新をする必要があります。

以下のリンクからカード情報更新画面に入ってください。

※スマホでやっていて、twitterアプリが起動してしまう場合は、
　リンクを長押しして、『新しいタブで開く』を選択してください。

『Card URL』にwordpressの設定で画像変更した

トップページのURLを入力して、

『Preview card』を押してください。

表示された画面の画像が変更されていれば、正しく設定できています。

私もここまでやって、twitterを確認したところ、

新しく設定した画像が反映されていました。