ツイートしてツイッターカードの表示を確認ツイッターカードとはなんだろうツイッターカード設定をしたページのURL付き投稿に様々な情報を添付して表示してくれる機能のことです。単純なツイートやリツイートなどに画像などが加わり、グッと訴求力が上がる素敵な機能です。具体的なツイッターカードの表示こんな具合で画像やタイトル、ディスクリプションなどを自動表示してくれます。これは目を引きますね。ツイッターカードの設定カードの種類を決めるメタタグを設定する(各ページに挿入)ツイッターカードにドメインの承認を得る上記の3ステップでツイッターカードの設定は完了します。最初に「カードの種類」を決めておいて下さい。Image」で設定しています。Card:標準のカードです。タイトル、ディスクリプション、サムネイル、サイトのTwitterアカウントを含みます。Image:Summaryカードに似ていますが、画像が目立つようになっています。Card:写真を表示するためのカードです。Card:写真の収集を目立たせるカードです。Card:アプリケーションを紹介するためのカードです。Playerカード:動画や音声プレーヤーカードです。Card:商品を見せるためのカードです。リード・ジェネレーション・カード:ユーザーは貴社のキャンペーンに対する興味関心を簡単に示すことができるカードです。Twitter広告ダッシュボードを使って作成できます。ウェブ・サイト・カード:貴社のサイトをフィーチャーしてクリックを誘うカードです。Twitter広告ダッシュボードを使って作成できます。ツイッターカードメタタグサンプルメタタグで設定します。facebookのOGPと同じ感じです。下記のメタタグを埋めてヘッダー内に記述してあげるだけでOKです。「twitter:card」の部分がカードの種類にあたります。修正してページに反映させて下さい。content="">ブログなどのWEBサイトなら、ハイライトしているところだけで十分なので他は消しても構いません。ツイッターカード設定専用ページ慣れてしまえば自分でメタタグを加工するだけで問題ありません。ツイッターカードのメタタグを発行する専用ページがありますのでご紹介します。ツイッターカード認証ページはこちら発行したメタタグをヘッダー内にコピペツイッターカードを出力したいページに発行したメタタグをコピペして下さい。ページ毎にタイトルやディスクリプションを変更する必要があるので注意して下さい。WordPressなどなら簡単に設定できます。簡単なサンプルは下記です。ワードプレスのテンプレートタグで記事ページとその他のページで切り分けています。ディスクリプションはカスタムフィールドで設定済を想定。image:srcは投稿の最初に出力される画像を取得します。改訂版--ゼロから作れる人になる!新品価格¥2,970-.ドメインの承認を行う上記すべての設定が完了しましたらドメインの承認申請をします。Validator」にアクセスしてログインして下さい。Card」のボタンを押します。preview」に表示例が出力されます。Approval」(承認申請)ボタンが現れます。ボタンを押して表示される画面に必要情報を入力したら申請は完了です。設定したカード内容」と表示されます。承認されたら実際にツイッター上で表示されるかを確認して下さい。メタタグを入れたページどれでもいいのでツイートしてみましょう。真性のお家大好きフリーランスです。プログラムよりご飯の方が断然好き!博多出身のデブデザイナー。Cloudがそんなに良いのか?CCとCSの違い。Getewayの原因と意味についてフォトショップのドロップレットが通信できない。エラーの解決方法はこれだ!MySQLのレコードが何行くらいが限界か知るよりパフォーマンス上げる方が建設的サンダーバードの本文URLをクリックしても動かない。