お知らせ

BLOG

トップページ / Twitterでアピール力のある投稿とない投稿の違いってなんだろう？

Twitterでアピール力のある投稿とない投稿の違いってなんだろう？

前回はFacebookのウォールで表示されるサムネイルの話しをしました。ども、フロントエンド担当の阿部です。 [article include=”1848″ type=”custom”] Facebookでしっかりアピールするために必須の知識が「OGP」だとしたら、今度はTwitter上でツイートを目立たせるために出来るのが「Twitterカード」の設定です。 これまた設定しているのとしていないのではアピール力に差があるので、ブログで発信している人は注意ですね。

Twitterカードって？

FacebookのOGPのように、Twitterにの投稿についてアレコレとmetaを使って知らせることによって、Twitter上での記事の表示をカードデザインのように見せることが出来ます。 youtubeのURLをツイートに含めば、ご覧のように、プレーヤーが埋め込まれたりします。 Twitterカード | Twitter Developers さらにはカードが適切に設定されていれば、カードの効果を測定することも可能になります。 Twitter Card Analytics | Twitter Developers ブログやサイトでの発信への流入経路としてTwitterを重視していこうとしている方は、設定必須の作業でしょう。

Twitterカードが適切に設定出来ている場合どう見えるかというと

b-01 Twitter公式サイトでチェックしたところここまでアピールしてくれていました。Twitterの公式だけじゃなく「Tweet Deck」のようなカード対応クライアントだと、他のつぶやきと区別されて、タイムラインでアピール出来ます。 とはえいサムネイルの画像扱いも重要になってきます。雑に作れば逆効果になり得ません。 ブログ投稿のアイキャッチを表示させる設定にしておけば、しっかり作っていればアイキャッチが生きてきて一石二鳥というものです。 FacebookのOGPやTwitterカードを設定するそのまえに、「アイキャッチ」結構重要という話しでもありますね。

Twitterカード表示までの流れ

FacebookのOGPはheadにmetaを仕込めば自動で発動してくれるのですが、Twitterカードは最終的に登録が必要となります。 登録と言っても長い審査があったり、いろいろフォームを埋めたりしなくてもいいので、身構えなくても大丈夫ですが、登録しないと使えないことは事前に知っておくといいと思います。 Twitterカードのページより登録の流れを引用しますが、
実装するカードタイプを選択 適切なメタタグをページに追加 検証ツールでURLを実行して申請 承認を受けたら、URLをツイートしてツイートの下に表示されるカードを確認 Twitterカードアナリティクスを使用して効果を測定
だいたい5ステップで登録終了になります。 Twitterカード | Twitter Developers

Twitterカードの設定について

ブログやサイトのhead内にmeta情報としてタイトルや抜粋を取得すればいいので、知識があればいろいろ取得して差し込むといいと思いますが、WordPressの場合、SEO向けのプラグインを挿しているのなら、そっちにも設定する項目があり、SEOプラグインで同時に設定した方がカンタンです。
WordPress › All in One SEO Pack « WordPress Plugins
WordPress › WordPress SEO by Yoast « WordPress Plugins
有名なプラグインなので、たいていどちらかを挿していると思うのですが、どちらでもTwitterカードの設定項目があります。 WordPress SEO by Yoastユーザーなら b-02 Twitterカードの設定項目はこれだけ。 Twitterカードの使用にチェックを入れ、カードのタイプを選ぶだけです。 カードのタイプについては「Card Types | Twitter Developers」ドキュメントを見るか、 ↑こっちが「Summary Card」 ↑こっちが「Summary Card with Large Image」 という表示になるので、ブログなんかでしっかりとアイキャッチを作っている人は「Summary Card with Large Image」の方が徳をしそうですね。

設定が終わればちゃんと設定出来ているかカードをチェック

チェックする仕組みをTwitterが用意してくれているので、使いましょう。設定のチェックと事前にお伝えした「登録」がセットになっているので、必ずチェックしないとダメな仕組みになっています。 カードのチェックは「Card Validator | Twitter Developers」ここ。 b-03 適切にカードが設定出来ていれば、緑でお知らせ。 ちなみに、カードの検証をパスすれば、この画面からサイトの登録へと進めます。（このブログはすでにパスしています。）

早ければすぐ返事が来るよ

ちなみに当ブログの場合はノーチェックじゃないの？と思うくらいすぐさま返事が来て、ちょっとしてからカードが有効になりました。有効になった後は過去の投稿もタイムラインででかでかと表示されています。 ぶっちゃけ、このブログの場合Twitterでのシェア率は低いので、カードの効果はそれほど発揮はされていませんが、フォロワーと交流しているアカウントをお持ちであれば、タイムラインを発信のアピールの場として使えるのでオススメですよ。 はてなブログやライブドアブログなんかも既にカード対応なので、WordPressを使って自力で運営されている方も、SEOプラグインと併せて設定してみてはどうでしょうか？ すくなくとも、各記事ちゃんとアイキャッチ画像をしっかり作っている方は再利用出来るので、設定必須だと思います。 個人的にアイキャッチはブログの内容を画像化して端的に伝えたり、賑やかな要素を加えたりの「おもてなし」部分。役に立ってくれるならこれほど嬉しいことはありません。 前回のFacebookの記事と併せてアイキャッチを利用した拡散テクニックをお知らせしました。未設定の方は試してみて下さいね。 それでは、また。