Twitterで自分のブログのURLがツイートされたときに「概要の表示」を出す方法（WordPressでTwitter Cardsの設定）

TwitterにはサイトのURLが紹介されたとき、紹介されたURLの概要を表示する機能があります。

こんな感じのやつ。

「概要の表示」をクリックすると以下のようにページの概要が表示されます。

こうすることで、読み手にはリンク先がどのようなページかわかるため安心感を与えます。そのおかげか、クリック率も1.5倍になるとかならないとか言われています。当然、自分のツイートだけではなく、他の人がツイートしたURLでも同様に表示されるので、アクセスアップを狙うなら、是非設定しておきたい機能です。

このように、自分のブログ記事のURLがツイートされたときに概要が表示されるようにするには、「Twitter Cards」の設定を行う必要があります。

今回は、その設定方法を紹介したいと思います。僕のブログは、Wordpressを使っているのでWordpress用の設定方法です。

photo by Josh Hallett

WordPressでTwitter Cardsプラグインの設定

WordPressでTwitter Cards機能を使うなら「Twitter Cards Metaプラグイン」を使った方法が最も簡単です。（「Twitter Cardsプラグイン」を利用するとさらに簡単なんですが、ブログトップにTwitter Cardsのメタ情報が設定されません。）

WordPressの「プラグイン→新規追加」から「Twitter Cards Meta」と検索してプラグインをインストールしてください。

あとは、プラグインの設定を行います。

「設定→Twitter Cards Meta」に移動して、設定を行います。

設定は次のような項目になっています。

Site’s Main Twitter Account:
あなたの普段使用しているTwitterアカウントを入力してください
Use Authors’ Twitter Account:
チェックを外す
Image Selection:
コンテンツの最初の画像をイメージとして選択したい場合は「First image from content」を、アイキャッチ画像を選択したい場合は「Featured image」をチェック
Default Image URL:
ブログのトップページのイメージ画像のURLを入力。無い場合はメディアから画像をアップロードしてそのURLを入力
Twitter Cards Type Selection:
写真メインのブログでない限りは「Summary Cards」をチェック
Description For Home Page:
あなたのブログの概要を入力してください
Use Default Card Type Sitewide:
チェックしない

このように設定することで、ブログ記事ごとに以下のようなTwitter Cardsタグが挿入され、この情報を元にTwitter上で概要が表示されます。