【WordPress】でtwitter cardをお手軽に設定するよ！

「なんかツイートでリンク先の画像や概要が表示されてる…　いいなぁ…　」　
とショーウィンドウのトランペットを眺める少年のような気持ちでツイートを眺めていたwolfです、こんばんは。

実はこれ【twitter card】によるもの！　そんな手軽にツイートに概要を表示してくれる【twitter card】の設定をwordpressでプラグインでお手軽にしてみたいと思います。

twieer cardとは？

ツイートにtwitter card登録URLを含む時、そのリンク先の概要を表示する機能。　ヘッダーにメタタグ記述と、twtter developersに登録すれば使えるようになります。特にtwitterはよく短縮URLが使われるため、リンク先の中身が見えるのは訪問者にとって安心で結果アクセスアップにも繋がるかと思います。

手順1：プラグイン【Twitter Cards Meta】をインストール

1. wordpress管理画面を開く
2. プラグイン→新規追加をクリック
3. 検索ボックスが出るので　Twitter Cards Meta　と入力し検索
4. 今すぐインストールをクリック
5. インストールが終了したら有効化をクリック

手順2：プラグイン【Twitter Cards Meta】の設定

1. プラグイン→インストール済みプラグインをクリック
2. Twitter Cards Metaがあるのでsettingをクリック
3. 画像の項目を設定します
   

   

これでwordpress側の設定は終了、続いてtwitter側への登録作業へ。

最終手順：プラグイン【Twitter Cards Meta】の設定

1. Twitter Developers、cardページにアクセスします → 【twitter card 登録】
2. 右上にsign inの項目があるので、サインインします
3. ページ右側のvalidate your meta tags.のリンクをクリック
4. Card catarogがポップアップするので、とりあえずcancel
5. 左側にValidate & Applyのタブがあるのでクリック
6. 画像の手順で項目を埋めていきます。
   

   

7. 

8. 

　

9. Request Recivedのメッセージが出て完了！　おつかれさまでした！！

動作確認

動作確認ですが自分サイトのURLを含めてツイートすれば確認できます。ちなみにツイートして直ぐには反映されないので、ちょっとしてから（1分程度？）アクセスすれば確認できると思います。