Blog

Twitter Cardsを設定してみた。

2013.01.16Cat:ソーシャル 役員

OGPのTwitter版ともいうべき、機能「Twitter Cards」を弊社運営サイトに今更ながら設定してみました。

公式の説明はこちらです。

https://dev.twitter.com/docs/cards

 

このTwitter Cardsを設定すると、該当のURLが紹介された時に、意図した画像や表現を設定することが出来ます。

設定は、弊社運営のカラコン通販サイト「キャッツアイ」にて行いました。

 

基本設定

HTMLヘッダーにmetaタグとして以下の設定します。

Cardプロパティ 概要
twitter:card タイプ, “summary”, “photo”, または “player”か指定します
twitter:url ページのURL
twitter:title ページのタイトル
twitter:description ページの概要
twitter:image 記事に掲載される写真画像やサムネイルなど
twitter:site @username
カードのフッターに表示されます。Webサイトのツイッターアカウントです(例えば企業アカウントとか)
twitter:creator @username
カードに表示されるページの制作者のツイッターアカウントです

ということでサイト上では以下のように記述しました。

 

プレビュー

Twitterのデベロッパーサイトで確認が出来ます。

preview toolにいき、URLを入力します。

スクリーンショット_2013_01_16_17_03

 

設定できました。

TwiiterCards利用申請

最後にTwitterにCardの利用を設定する必要があります。

再び、TwitterのデベロッパーサイトApply to participateにいき設定します。

 

 

 

Author Profile

mezaki

スターフィールド株式会社/代表取締役/副社長/EC/レスポンシブWebデザイン/Web制作/システム開発/lamp/.net/1985年生/2008年早大卒/西東京市/ひばりが丘/新宿区/高田馬場/江戸川区/瑞江/B級グルメ/料理/自作PC/熱帯魚/MBA11/ipad3rd/iphone4

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ