ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

【Twitter Cards】Open Graph ProのTwitterバージョン的なWordPressプラグイン

      2014/01/12

131221_2003

Twitter CardsはfacebookのOGPのように、投稿した内容に記事の概要やアイキャッチ画像が反映されるプラグインです。

facebookのOpen Graph ProのTwitterバージョン?と思って頂けたら分かりやすいと思います。

スポンサーリンク

これを設定しない場合のタイムライン上のツイート表示はこんな感じ。

131221_1901

 

でも、Twitter Cardsを設定するだけでこのタイムライン上に表示されているツイートがこうなります。

131221_2002

どん!!
こうなるとユーザーが視覚的にツイートを見ることができるので他のツイートと差別化出来ますよね?(実際は「概要を開く」をクリックしないといけないですが・・・)

facebookのOGP設定は結構しているサイトが多いんですけど、このTwitter Cardsを設定しているところはほとんど見かけないです。すぐさま設定して他のツイートと差別化して格の違いを見せつけてやりましょう(笑)

ちなみにTwitter公式サイトでTwitter Cardsの使用許可が必要です。

 

Twitter Cardsのインストール

1, WordPress管理画面 > プラグイン > 新規追加

2, 「Twitter Cards」で検索

3, 「今すぐインストール」をクリック

4, 「プラグインを有効化」をクリック

 

Twitter Cardsの設定

WordPress上ではTwitter Cardsの設定はありません。
インストールしたらWordPressでの設定は終了です。

 

TwitterのDevelopers申請する

こちらのリンクからTwitterのDevelopersサイトへ移動して下さい。
https://dev.twitter.com/cards

 

画面右上の「Sign in」をクリック131221_1902

 

Twitterの「Username」と「Password」を入力して「Log in」をクリック

131221_1903

 

右上のLog inがTwitterのプロフィール写真になっていることを確認します。HL=Hard Loveです(笑)

131221_1904

 

画面右下にあるFour simple stepsの3番目の項目にある「validate your meta tags」をクリック

131221_1905

 

Card Catalogとしてツイッター上で表示されるパターンが選択できます。ここではSummaryを選択。

131221_1906

 

ズラーっとメチャメチャ多い項目が表示されます。

131221_1907-vert

 

「Validate & Apply」をクリックします。

131221_1907

 

記事のURLを入力してGo!131221_1908

 

そうすると画面右にURLのプレビューが表示されます。
表示されて問題がなければ、「Request Approval」をクリック。

131221_1909

 

こんななが~いRequest Domain Approvalが表示されます。

131221_1912-vert

Name・・・名前

Email・・・登録したTwitterアカウントのメールアドレス

Twitter Username・・・@以後のユーザー名

Website Domain・・・Twitter Cardsと連携するドメイン

Website Description・・・サイトの概要

Website Twitter Username・・・ツイッターのユーザーネーム

Example URL・・・プレビューに使用したURL

 

問題がなければ「Request Approval」をクリックします。

 

Request Receivedが表示されれば終了です。極稀にエラーになりますが、再度入力したら解決します。

131221_1915

 

登録したメールアドレスに下記のようなメールが届きます。

131221_2001

 

これでTwitter Cardsの設定は終了です。あとはTwitterのタイムライン上にプレビューと同じような内容になっているかチェックしておきましょう。

131221_2002

埋め込むとこんな感じになります。

 

まとめ

ちょっと手間がかかると思いましたけど、やってみるとそんなことないですね^^

確かに概要やアイキャッチが表示はされますけど、タイムライン上では「概要を表示」をクリックしないといけないのは難点です。ただ、記事にツイートを埋め込むとキレイな感じになるのでよしとしましょうか。

今後の対応で、タイムライン上にすべての情報がある仕様に変更できたりできればいいと思うんですけどね。

 - Twitter, WordPress Plugins


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

140114_2302
【YARPP】関連記事をテキスト or サムネイルで自動表示するWordPressプラグイン

YARPP(Yet Another Related Posts Plugin)は …

131123_1301
【WordPress Ping Optimizer】記事更新時にPing送信しないWordPressプラグイン

WordPress Ping Optimizerは記事更新することで送信されてし …

131116_2201
【WordTwit Twitter Plugin】更新記事を自動でTwitterに投稿するWordPressプラグイン

WordPressでブログ・サイトを運営していて、新しい記事更新した際にTwit …

medium_4431233741
【WP Hyper Response】サイトの表示速度を高速化するWordPressプラグイン

WP Hyper Responseはサイトの表示速度を高速化するWordPres …

mini_rss
【RSS Footer】RSS feedに著者情報を入れる対記事盗用WordPressプラグイン

RSS FooterはRSSに著作情報(リンクや署名)を入力して、記事盗用を防い …

medium_8871783
【Bulk Plugin Installation】プラグインをまとめてインストールできるWordPressプラグイン

Bulk Plugin Installationは複数のプラグインをまとめてイン …

131113_2201
【Contact Form 7】お問い合わせフォームを設置できるWordPressプラグイン

WordPressを初めてインストールした段階では、ブログ・サイトにはお問い合わ …

140102_1901
【PS Auto Sitemap】人間用サイトマップを自動生成するWordPressプラグイン

PS Auto Sitemapは人間用サイトマップを自動生成するWordPres …

140211_1801
【Jetpack】これ1つで30種類以上もの機能を使用できるオトクなWordPressプラグイン

Jetpackはこれ1つで30種類以上もの機能を使用できるWordPressプラ …

140128_2001
【WP-Optimize】ワンクリックでデータベースの掃除と最適化をしてくれるWordPressプラグイン

WP-Optimizeはワンクリックでデータベースの掃除と最適化をしてくれるWo …