WordPressでTwitterカードを設定する方法

Twitterカードでツイートをアピールしちゃおう！

最終更新 [2014年9月12日]

この記事内には広告リンクが含まれています。

＼＼どうかフォローをお願いします…／／

Googleニュースで
記事を購読

キーワード：twitter, Twitterカード, WordPress,

< この記事をシェア >

Twitterカードを設定すればツイートに画像や動画などを付けてツイートをアピールできます！

WordPressでも簡単に設定する事ができるので設定方法をご紹介したいと思います
WordPressでの設定方法が分からないという人は参考にしてみて下さい

この記事を見た人はこんな記事も見ています
■Twitterアナリティクスの使い方 – 自分のツイートの反応・影響力を確認する方法
■iPhone、AndroidからTwitterのツイートを非公開にする方法【鍵】

WordPressのTwitterカード設定手順

OGP・Twitterカードの設定

WordPressで上記画像の様に記事毎にTwitterカードを表示したいのであれば、OGPの設定をしてください
簡単に設定できるのでコチラの記事を参考にして設定してください
■Open Graph Protocol（通称：OGP）の設定方法【wordpressサンプルあり】

OGPの設定とかわからないし、読むのがめんどうという人は、とりあえず下記コードをヘッダーの中にある＜head＞～＜/head＞の間にコピーして下さい！

OGPの設定が終わったら次に下記Twitterカードmetaタグを設定します
こちらもOGP同様＜head＞～＜/head＞の間に記載してください。

この2行で大丈夫なのですが、Twitterカードのプロパティは沢山あるので自分の好みでカスタマイズしちゃって下さい

Twitterカードmetaタグの設定が終わったらどの様に表示されるのかプレビューしてみましょう！

プレビュー

OGP・Twitterカードを設定したら下記URLにアクセスしてください
URL：https://dev.twitter.com/docs/cards/validation/validator

アクセスしたら、Twitterのアカウントでログインできるので、「Username」と「Password」を入力してログインして下さい

ここではどの様に表示されるかプレビューする事ができます
どのように表示されるか試してみましょう

自分のサイトの記事のURLをコピーして下さい
コピーしたら「Card URL」のフォームに貼り付けてください

URLを入力したら青いボタンの「Preview card」をクリックしてください

こんな感じでプレビューが表示されていると思います
表示されなかったらOGPかTwitterカードの設定が間違っているので確認してください

Twitterカードの申請

Twitterカードの申請が完了していないと「Request Approval」と表示されるのでクリックして申請します

「Request Approval」をクリックすると申請のフォームが表示されます
「Description」以外デフォルトで入力されているので、サイトの概要を「Description」に入力し他も問題が無いかチェックしてください

「Mark my cards as containing sensitive content」にはチェックは不要です
自分のサイトに暴力的表現などのコンテンツが含まれている場合のみチェックを入れて下さい

全て入力が完了したら「Request Approval」をクリックしてください