ワードプレスでTwitterカードが大きく表示されない不具合

ツイッターカードが大きくならない?!

ワードプレスでブログを書いていて、Twitterカードを大きく表示したいのに、大きくならない？うまく表示されない？不具合？ツイッターカードの設定方法がおかしい？

twitterカードが大きくならない原因の一つとしまして、All in One SEO Packプラグインの不具合（干渉）があります。

Twitterカードを大きく表示させるmetaタグは、下記コードの1行目です。小さいサムネイル表示を希望なら2行目のほうです。ヘッダー内に希望する方のメタタグを埋め込めば、それぞれが大小が表示されます。

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:card" content="summary" />

ただ、All in One SEO Packプラグインが干渉してうまくTwitterカードが表示されないことがあります。（メタタグは1行目の方に変わっていたとしても）

コードが重複していませんか？

注意）Twitterカードを表示したい場合は、そもそも下記メタタグをheader.phpファイルの</head>内に挿入してください。

ワードプレスのテーマやプラグインによってすでに挿入されていることもあります。挿入されているのに追記すると重複してしまいます。

今は下記6行の1行目のコードの話をしています。1行目がTwitterカードの大きさを決めるコードです。それの重複。二か所に記載。

<meta name="twitter:card" content="summary_large_image" /> 
<meta name="twitter:site" content="@あなたのTwitterユーザー名" /> 
<meta property="og:url" content="ツイッターに表示させたいURL" /> 
<meta property="og:title" content="ツイッターに表示させたいタイトル" /> 
<meta property="og:description" content="ツイッターに表示させたい説明文（ディスクリプション）" /> 
<meta property="og:image" content="ツイッターに表示させたい画像のURL" /> 

なので、Twitterカードが大きく表示されない場合、できれば一度、All in One SEOプラグインを外してみてください。それだけでTwitterカードが大きく表示される場合があります。必ずしもAll in One SEOプラグインだけの問題ではないのですが高確率ではあります！

投稿画面のTwitterカード設定も確認してください

また、それぞれの投稿画面（固定ページ、投稿ページ）内でもTwitterカードの設定があるのはわかりますか？　All in one SEOを使っている場合の話です。大元の設定よりそれぞれの投稿画面の設定が優先されます。そちらもご確認ください。画面下の方でタブで切り替えてTwitterの設定ができるはずです。

余談ですが、All in One SEOプラグインって使いにくくないでしょうか？

個人的には通知がうるさくてうーんって感じです( ;∀;)

なぜか日本ではSEO対策プラグインとして、All in One SEO Pack が有名ですが、SEO対策プラグインなら「Yoast SEO」のほうが圧倒的にダウンロード数は多いです。世界的にみても圧倒的にYoastSEOですね。

All in One SEO(200万DL)　Yoast SEO(500万DL)　

実際Yoast SEOのほうが、断然使いやすいと思います。

Yoastって何と読むのでしょうかね…

ヨアスト？ ヨースト？ All in One SEOに比べて知名度が低いのは読めないからでしょうか？（爆）

最後までお読みいただきありがとうございました。ホームページの作り方やワードプレス、オウンドメディアのことなどまとめているサイトです。トップページもご参照ください。