ハイリンクス

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)は …

medium_5000124976
【001 Prime Strategy Translate Accelerator】日本語翻訳ファイルをキャッシュ/高速化するWordPressプラグイン

001 Prime Strategy Translate Accelerator …

140309_1901
【TablePress】HTMLの知識がなくてもサクッと表が作成できるWordPressプラグイン

TablePressはHTMLの知識がなくてもサクッと表が作成できるWordPr …

131113_0001
【Better Delete Revision】過去のリビジョンを一括削除するWordPressプラグイン

WordPressには「リビジョン」という機能があります。これは今まで書いた記事 …

140407_2101
【Code Snippets】functions.phpをコード毎に管理可能なWordPressプラグイン

Code Snippetsはfunctions.phpをコード毎に管理可能なWo …

131126_2105
【Wordbooker】更新記事を自動でfacebookページに投稿するWordPressプラグイン

WordbookerはWordPressで更新した記事をfacebookページに …

131205_2221
【IFTTT(イフト)】WordPressプラグイン不要でTwitterやfacebookに自動投稿する方法

IFTTTは「If This Then That」ということだ!・・・まったく意 …

140114_2302
【YARPP】サムネイル表示でのタイトル切れを調整する方法

関連記事表示プラグインのYARPPはインストールして有効化でも問題なく使用するこ …

131206_1901
【Open Graph Pro】facebookからのアクセス数がグン↑と上がるWordPressプラグイン

Open Graph ProはOpen Graph Protocolという、fa …

131119_1901
【No Self Pings】内部リンクがコメントにならないWordPressプラグイン

No Self Pingsは自分のサイトから内部リンクを貼ったときに自然に起こる …