ブログ記事をツイートしたときに概要を表示できるTwitter Cardsに対応する方法

2013.5.29 (更新日:2016.03.02)
twitter cards

たぶんTwitter経由だった思うのですが、こちらのブログでTwitter Cardsなるものを知りました。

【ツイートした時にブログの概要などを表示させよう】自分のサイトをTwitterCards(ツイッターカード)に対応する方法

そういえばちょっと前に話題になってたなぁという気もしますが、あまり気にしてはいませんでした。ただ、今回あらためてちゃんと調べたら、設定しておいて損はないというかメリットしかないという気がするので設定してみることにしましたよ。

Twitter Cardsが何者かというと、自サイトに設置したTweetボタンなどからURL付きのTweetをした場合に下図のように「概要を表示」というリンクが表示されるようになります。

twitter cards

これをクリックするとトップの画像のようにそのURLの記事の要約が表示されます。FacebookやGoogle+へシェアした場合と同じような表示です。

いちいちURL先を確認しなくても内容が確認できるため、RTやクリック率の増加が見込めそうですね。

プラグイン「Twitter Cards」のインストール

設定方法は先のリンクに書いてあるとおりなのですが、Wordpressの場合はプラグインでもっと簡単に設定が可能です。

WordPressのプラグイン「Twitter Cards」をインストールします。

このプラグイン自体に設定画面はなく、特になにもすることなく動作します(表示形式を変えたい場合はfunction.phpで設定にコードを追加して設定します(後述))。

Twitter Cardsの利用を申請する

https://dev.twitter.com/docs/cards/validation/validator」から申請を行います。

twitter cards

「Validate & Apply」のタブを選び、自サイトの適当な記事のURLを入れて「Go!」を押すと上記のような表示になります。

右側にTwitter Cardsのプレビューが表示されます。ちなみに、Cardの種類にはデフォルトの「Summary」の他にもいくつかあります。

twitter cards

ブログで使用するなら「Summary」か「Summary_Large_Image」でしょうかね。デフォルトの「Summary」以外にしたい場合はWordpressテーマのfunction.phpに以下のコードを追加します。

function twitter_custom( $twitter_card ) {
    if ( is_array( $twitter_card ) ) {
        $twitter_card['card'] = 'summary';
    }
    return $twitter_card;
}

add_filter( 'twitter_cards_properties', 'twitter_custom' );

この中の「summary」の部分を設定したい名前に書き換えて下さい(名称は先程の申請画面の「Try Card」タブで「Choose card」ボタンを押して選ぶとわかります)。設定後、再度上記のリンクでプレビューさせれば、ちゃんとできていれば表示が変わるはずです。

twitter cards

Summary Large Imageを設定するとこんな感じになります。

問題なければ、左上「Request Approval」を押して申請画面に移ります。

twitter cards

必要な項目は大体自動入力されています。手動で入れなければいけないのは、

  • Website Description:サイトの説明
  • Website Twitter Username:Twitterのユーザー名

の2つですね。うちの場合は、

  • Website Description:This site treats a mobile gadget mainly.
  • Website Twitter Username:@dreamseed

としました。

最後に「Request Approval」を押せば終了です。以前は承認されるまで数日待つ必要があったようですが、今はすぐに承認した旨のメールが返ってきます。

実際にどの程度の効果が見込めるのかは不明ですが、Wordpressの場合は簡単に設定ができるので利用しない手はないでしょう。これで多少なりともフォロワーの増加やブログへの流入が増えると嬉しいのだけれど……。

タグ: , , , , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Amazon、3月31日~4月2日の3日間、春のタイムセール祭りを開催

Amaoznが3月31日(金)0:00~4月2日23:59まで「春のタイムセール祭り」を開催します。 Amazon、この手のタイムセールを頻繁に行っているので目新しさはないのですが、わざわざ「祭り」と

トランプ大統領、iPhoneに乗り換える。ただしAndroidも併用中?

大統領就任時、政府専用のiPhoneを支給されたというトランプ大統領ですが、その後もセキュリティの甘い、古いAndroid端末(Galaxy S3という話)を使い続けていると話題になっていました。 し

au版Galaxy S8の実機画像が流出 日本では3色展開で発売?

昨夜発表されたSamsungの最新フラッグシップGalaxy S8/S8+。日本語サイトも公開され、今回docomo、auから発売されるのはほぼ確定だろうと思います。 そんな中、早速au版Galaxy

綾瀬はるかが「おつかれさま!」と労ってくれる、ジャイアントコーンのVR体験イベントが開催中【PR】

綾瀬はるかさんが出演しているCMでおなじみのグリコのアイス、ジャイアントコーンがVRコンテンツを作成し、その体験を行うということで早速参加してきて来ました。 ジャイアントコーン「おつかれさまです!」V

moto X(2017)とされる実機画像が流出 デュアルカメラを搭載か?

motorolaの未発表モデル、moto X(2017)とされる画像がGoogle+で公開されています。 moto Xといえば、現行のmoto Zが発売されるまでのフラッグシップシリーズ。Fastbo

au版Galaxy S8の実機画像が流出 日本では3色展開で発売?

au版Galaxy S8の実機画像が流出 日本では3色展開で発売?

昨夜発表されたSamsungの最新フラッグシップGalaxy S8/S8+。日本語サイトも公開され、今回docomo、auから発売されるのはほぼ確定だろうと思います。 そんな中、早速au版Gal...

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

HUAWEI nova liteのコスパは異常 同価格帯の端末では競合がいない

HUAWEI nova liteのコスパは異常 同価格帯の端末では競合がいない

HUAWEIが若者向けのシリーズとしてあらたに投入したのnova、その下位モデルという位置づけのnova liteを購入してみました。 nova liteは公式ショップや量販店では販売しておらず、...

Amazon、3月31日~4月2日の3日間、春のタイムセール祭りを開催

Amazon、3月31日~4月2日の3日間、春のタイムセール祭りを開催

Amaoznが3月31日(金)0:00~4月2日23:59まで「春のタイムセール祭り」を開催します。 Amazon、この手のタイムセールを頻繁に行っているので目新しさはないのですが、わざわざ「祭...

Android 7.0 Nougatのイースターエッグの遊び方

Android 7.0 Nougatのイースターエッグの遊び方

Android 7.0/7.1 Nougatのイースターエッグはねこあつめ。ちょっとわかりにくい、その遊び方を説明します。いっぱい猫を集めましょう。...

MENU

back to top