twitter cardを導入してツイッターでのリンク表示をリッチにする方法


どうも、こんにちわ。
突然ですが「twitter card」知ってますか?
僕は最近知ったのですが、Twitterでリンクのあるツイートを表示した時にタイトル、概要、アイキャッチ画像が表示される、あれです。
企業とか認証済みアカウントだとできるのかなとか思っていたので今まで調べたりしていなかったのですがふと気になって検索してみたところ「twitter card」というのを設定することでTwitterに自分のブログURLをツイートした時に、タイトル、ディスクリプション、アイキャッチを表示させることができるということを知ったため早速やってみました。

前提条件

前提条件として記事にしっかり概要(Discription)やアイキャッチ画像(OGP設定)をしっかりしておかないと意図したとおりに表示させることができません。
Discriptionに関してはプラグイン「All in One SEO」を利用しています。
OGPは、プラグインなどなしで設定している人が多いみたいですが私は「WP-OGP」を利用しています。詳しくはこちらのサイトに説明がありますよ。

WordPressのOGPプラグイン『WP-OGP』を正しく設定する方法 | IDEA*IDEA

ヘッダー

このブログの場合は以下の4項目をヘッダーに追加してあげました、ヘッダーへの追加方法についてはここでは割愛します。わからない方はお問い合わせフォームよりお問い合わせいただければ説明します。
[sourcecode]
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@twitterAccount>
<meta name="twitter:creator" content="@twitterAccount">
<meta name="twitter:domain" content="1118.me">
[/sourcecode]
①twitter:card→summary これは固定で良いと思います。
②twitter:site→サイトのTwitterアカウントです。僕の場合はサイト用は作成していないので個人用をセット
③twitter:creator→著者のツイッターアカウントをセット
④twitter:domain→ブログやホームページのドメイン名を記載する。
ちなみに必須条件なのは1つ目のTwitter:cardだけなようなのでその他は省略しても大丈夫だと思いますが書いておいて損はないので書きましょう。
ちなみにプラグインもあるようです。

WordPress › Twitter Cards « WordPress Plugins

Twitterで認証

TwitterCardのヘッダー設定が完了したらTwitterDevelopersから登録する必要があります。
下記サイトへアクセスしてTwitterアカウントでログインします。

Get more from 140 characters | Twitter Developers

[Aalidate & Apply]を選択してURLを入力してください。
card
TwitterCardの設定内容がずらずらと表示されるので表示内容で問題ない場合は「submit」して終わりです。表示内容に問題がる場合は、ヘッダーとかプラグインの内容を修正しもう一度URLを入力して情報を取得します。

メールをまつ

申請まで完了しましたが、承認されないとリッチなUIは表示されません。
1週間程度かかることもあるので気長にまりましょう。
ちなみに私のところへは1日でメールが届きました。
こんな感じのメールです。
card2
内容変更などがあれば設定を変更して再申請してください。
意外と設定簡単なのでウェブサイトやブログを持っている企業、個人の人は登録すべきだと思います。
これにより効果があるかないかはわかりませんがツイートするときに140文字+概要が表示されれば表現が変わり使い方によってはアクセス数は上る可能性があるなと思っています。


ブログは、するぷろで書いてるよ!

するぷろ for iOS(ブログエディタ)
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Gachatech – isshin(サイズ: 1.6 MB)

こんな記事のリクエストからディズニーランドに一緒に遊びに行きませんか?というお誘い、写真を一緒に撮りに行きましょうというお誘い、誤字・脱字をはじめ全てのお問い合わせは、こちらへお願いします。
定期的な購読はRSSにご登録お願いします。
掲載している写真の個人的利用、保存はOKですが、複製、再利用、営利目的の利用は禁止です。