Twitterカードの完全ガイド

公開: 2016-01-20

Twitterカードは、リッチな写真、ビデオ、その他のインタラクティブメディアをツイートに添付して、Webサイトへのトラフィックを増やすことができるプロトコルです。 Twitterは多数の異なるカードを提供しています。 さらに、Twitterカードは数行のHTMLとWebページに統合できます。 ツイートを使用してコンテンツにリンクしているユーザーは、すべてのフォロワーに表示されるカードがツイートに追加されます。

Twitterカードは、エンゲージメントを高め、クリック率とコンバージョンを増やすのに役立つため、SEO戦略の優れたパートナーです。 したがって、Twitterカードは、ソーシャルメディアでのコンテンツの普及を改善し、ブランディングとローカルSEOを発展させることができます。

さまざまな種類のTwitterカードを理解する

Twitterカードには次の5種類があります。

  • サマリーカード
  • 大きな画像の要約カード
  • プレイヤーカード
  • アプリカード
  • リードジェネレーションカード

サマリーカード

サマリーカードは、ブログの投稿、ニュース、製品ページ、またはその他のビジネスニュースに使用できます。 これらのカードは、タイトル、説明、サムネイル画像を表示することでコンテンツのプレビューを提供することを目的としています。
要件：

  • タイトル：70文字
  • 説明：200文字
  • 画像：120×120ピクセル以上1MB以下

Webサイトに追加するには、次のコードをWebページのHTMLに貼り付ける必要があります。

<meta name =” twitter：card” content =” summary” />
 <meta name =” twitter：site” content =” @ yoursite” />
 <meta name =” twitter：title” content =” Your Title” />
 <meta name =” twitter：description” content =”あなたの説明。” />
 <meta name =” twitter：image” content =” https://where-your-image-is-hosted/name.jpg” />

大きな画像の要約カード

これらのカードは、画像のサイズを除いて、前のカードとまったく同じように機能します。 それはあなたのウェブサイトでより良い視聴者を引き付けるために全幅でより説得力のある画像を特色にすることを可能にします。
要件：

  • タイトル：70文字
  • 説明：200文字
  • 画像：280x150ピクセル以上1MB以下

このタイプのTwitterカードを設定するには、次のHTMLコードを追加します。

<meta name =” twitter：card” content =” summary_large_image”>
<meta name =” twitter：site” content =” @ yourwebsite”>
<meta name =” twitter：creator” content =” @ yourtwitterhandle”>
<meta name =” twitter：title” content =” your title”>
<meta name =” twitter：description” content =” your description。”>
<meta name =” twitter：image” content =” https://where-your-image-is-hosted/name.jpg “>

アプリカード

アプリカードを使用して、Twitterでモバイルアプリを宣伝し、インストール数を増やすことができます。 このカードは、名前、説明、アイコン、評価、価格を強調しています。 TwitterはアプリIDを使用して、これらの情報の一部を取得できます。
要件：

  • タイトル：アプリIDから並べ替え
  • 説明：200文字
  • 画像：アプリIDから並べ替えられたアプリのロゴ-画像は800 x 320ピクセル以上で、JPG、JPEG、PNG、またはGIF形式にすることができます。 1MB未満の画像が推奨されます

アプリがアプリストアで入手できない場合、Twitterはその情報を取得できません。 アプリが米国のストアにない場合は、twitter：app：countryメタタグでアプリの出所を示してください。 また、リンクがAppStoreまたはGooglePlayを直接指している場合、Twitterは自動的にAppCardを作成します。

入力する必要のあるコードは次のとおりです。

<meta name =” twitter：card” content =” app”>
<meta name =” twitter：site” content =” @ yourwebsite”>
<meta name =” twitter：description” content =” your description”>
<meta name =” twitter：app：country” content =”米国のようなあなたの国”>
<meta name =” twitter：app：name：iphone” content =” your iphone app name”>
<meta name =” twitter：app：id：iphone” content =” your iphone app ID”>
<meta name =” twitter：app：url：iphone” content =” your iphone app URL”>
<meta name =” twitter：app：name：ipad” content =” your ipad app name”>
<meta name =” twitter：app：id：ipad” content =” iPadアプリID”>
<meta name =” twitter：app：url：ipad” content =” iPadアプリのURL”>
<meta name =” twitter：app：name：googleplay” content =” your googleplay app name”>
<meta name =” twitter：app：id：googleplay” content =” your googleplay add ID”

プレイヤーカード

プレーヤーカードは、ツイート内でビデオやオーディオプレーヤーなどのストリーミングメディアを宣伝するために作成されました。 これは、たとえばVinesやポッドキャストをプッシュするのに最適です。
要件：

  • 説明：200文字
  • 画像：iframeまたはインラインプレーヤーをサポートしていないプラットフォームでプレーヤーの代わりに表示されます。 あなたと同じ寸法
  • プレーヤー; 1MB以下
  • ビデオ：H.264、ベースラインプロファイル、レベル3.0、30fpsで最大640x480ピクセル。
  • オーディオ：AAC、低複雑度プロファイル

リードジェネレーションカード

リードジェネレーションカードは、潜在的な顧客とつながるのに最適です。 したがって、見込み客に関する情報を収集できます。 フォームに記入したり、Twitterアカウントを離れたりすることなく、人々はあなたのビジネスに興味を示すことができます。 通常、名前、Twitterハンドル、メールアドレスはすでに入力されているため、入力する必要はありません。
要件：

  • タイトル：50文字
  • 召喚状：20文字
  • 送信後のメッセージ（オプション）：100文字
  • 画像：アスペクト比4：1、3MB以下で800x200ピクセル以上

リードジェネレーションカードを適切に設定するには、Twitter広告アカウントにログインする必要があります（カードが無料の場合でも）。

  • Twitterにログイン
  • 設定アイコンをクリックし、ドロップダウンメニューから[Twitter広告]を選択します
  • 上部のナビゲーションメニューの[クリエイティブ]タブをクリックし、[カード]を選択します
  • [最初のリードジェネレーションカードを作成する]をクリックします
  • 設定が完了したら、[ツイート]タブをクリックし、右上隅にある青い[ツイートを作成]ボタンをクリックします。
  • ツイートを作成し、準備ができたら[このツイートにカードを添付]をクリックします
  • 添付したいカードを選択し、ツイートを送信してください

それらのTwitterカードをCMSに統合する方法は？

ウェブサイトがWordPressで動作している場合は、時間を節約するためにそれらのTwitterカードをシステムに統合することをお勧めします。 WordPressに焦点を当てる場合、インストールできるプラグインは3つあります。

  • ジェットパック
  • JMツイッターカード
  • YoastによるSEO

Twitterは、Twitterカードを使用してCMSを設定するための優れたガイドを提供しているので、ぜひご覧ください。

これが適切に設定されたら、Twitterで正常に機能するかどうかを確認する必要があります。 Twitter Card Validatorに接続すると、すべてが正常に見えるかどうかがわかります。 前回の記事を例にとりました。

Twitterカードのパフォーマンスを確認するにはどうすればよいですか？

さらに詳しくは、Twitterカードの動作を確認することをお勧めします。 最近、Twitterカード（およびOpen Graphs）のパフォーマンスを簡単に確認できる新機能を開発しました。 Twitterカードの配布とプロパティを分析し、洞察を得て、URLの詳細にアクセスできます。 これは、ソーシャルシェアリングのアウトリーチ、クリック率、コンバージョンを向上させるため、SEO戦略の優れたパートナーです。

無料トライアルを開始する