新宿区のトータルクリエイティブオフィス えんぎ株式会社 / ENGI Inc.
©2020 ENGI Inc.
Social Networks Auto-PosterのTwitter連携でTwitterカードの表示がうまくできない場合の対処法
2020年06月26日 14:31
こんにちは、ENGI MAG編集部です！
本日はWordPressのプラグイン『Social Networks Auto-Poster（通称SNAP）』でTwitter連携をしたけど、いざTwitterを見てみるとカードが思ったような表示になっていない人のために設定方法をお教えいたします。
この記事で解決できる症状としては
・『要約の大きい画像（Summary Card with Large Image）』を選択しているはずなのに『要約（Summary Card）』が表示されてしまう。
・画像が表示されているだけでTwitterカードが表示されていない（画像の記事へのリンクがついていない）。
・設定を直しても、思ったような挙動にならない
この辺りになります！
『要約の大きい画像』を選択しているはずなのに『要約』が表示されてしまう
まずはじめに、WordPressのSEOプラグイン『All in One SEO』をご利用の方で、
●間違いなく『要約の大きい画像（大きい画像のTwitterカード）』にしているのになんか『要約（小さい方のカード）』が表示されちゃう
●どうも挙動がおかしい（できる時とできない時がある）
という方は、All in One SEOと、SNAPの設定がぶつかっている可能性が非常に高いです。
All in One SEO側にも、SNAP側にもTwitterカード（OGP）の設定項目がありますので、そこの設定が両方されているとおかしな挙動となります。
まずAll in One SEOの「ソーシャルメディア」設定を見てみましょう。
要約の大きい画像になっていなければ変更してページ下部の[設定を更新]という青いボタンをクリックしてください。
（もちろん小さいカードで良ければ『要約』でOKです）
次にSNAPのSettingsを見てみましょう。
Settingsページの下の方に”Open Graph” Tagsという項目があります。
デフォルトではAdd Open Graph Tagsにチェックが入っているかと思いますが、そこがバッティングしているので
Do not add Open Graph Tags（Open Graphタグを追加しない）
を選択してください。
これで挙動がおかしくなることはなくなるはずです。
画像が表示されているだけでTwitterカードが表示されていない
このように、普通に画像が表示されているだけで入っていてほしいタイトルやリンクなどがない場合は、記事の下部のSNAP設定を確認してみてください。
Attach Image to the Post（投稿に画像を添付）
という項目があるのですが、ここにチェックが入っていると画像が優先されるのでカードではなく、画像が表示されてしまうのでチェックを外してください。
これで表示されます。
（タイトル等が表示される、というよりそもそもカードではなく画像が表示されているだけなのですが）
変わらない場合はCard validatorで更新
色々変更したけど変わらない、という場合はTwitter上のキャッシュのようなものが残っている可能性があります。
その場合、Twitterカードの表示検証ツールである
で、記事のURLを入れてPrevie cardをクリックして画像のように表示されるとすぐに反映されます（数分程度かかる可能性があります）。
他にもCard validatorの使い方として、自動投稿の場合反映に時間がかかることがありますが、Card validatorでプレビューをすることですぐに反映されますので試していただければと思います！
それではまた！