hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

ツイッターカード

[2014.04.14 added]
会社でトラブルシューティングページを教えてもらった。めもっとこ。
https://dev.twitter.com/ja/docs/cards/troubleshooting
[//2014.04.14 added]
[2014.03.17 added]
久しぶりに見たら、仕様がだいぶ変わっていた。
公式サイトには「ファイルサイズ1MB内で」としか書いていませんでした。
個人ブログとかで「このサイズで」と書いているものも有りますが、
情報が古いものも多く、あまり参考にするのもどうかなーという感じです。

というわけで、2014年3/17現在はいったん普通のOGP画像を作成する感じで、
480*480pxくらいの正方形で作ればいいみたい。

・大きさ(私が思う推奨):480*480px〜600*600px程度
・容量(公式指定):1MBまで

■仕様について
・いつの間にか7種類ものレイアウトパターンから選べるようになっている(metaで設定)
・「Large Image Summary Card」でのPCでの最大画像表示は今のところ480*480px
・それ以上大きいサイズの画像で投稿してもリサイズされる
・それ以下の画像の場合は投稿したサイズで表示される
・最初に表示させるときにはバリデーター掛けて「表示させてね!」っていう登録をしないとダメ

■最低限必要なmeta(ogp設定している場合)
[html]

[/html]

■補足
・情報が登録されるまでは若干時間がかかる
・情報が表示されるまでにも若干時間がかかる
・初期とはちがいデバッガ通せばすぐ反映されるようになったみたい

■参考URL
twitter公式
https://dev.twitter.com/docs/cards/markup-reference

Twitterの表示をリッチにするTwitter Cards|広報・マーケティング向けブログ|ネットPR.JP :
http://netpr.jp/media/tools/7090/

Twitter カード 7タイプの使い方をカード種別ごとに解説するよ | WWW WATCH :
http://hyper-text.org/archives/2013/06/twitter_cards_7_card_types.shtml#requestApproval

(※利用開始の申請についてのところに飛びます)

[//2014.03.17 added]

[2013.11.17 当時の記事内容]
紐付けされるTwitterIDが必要みたい

■最低限必要なmeta(ogp設定している場合)
[html]


[/html]

■補足
og:descriptionが200文字以内の必要がある
og:titleも70文字とかそんなの
画像はog:imageから引っ張ってこれるのでogp画像で使い回し出来そう

一度登録するとキャッシュがすごいらしく、またクリアするほうほうも(今のところ)ないらしい
文法が正しいかはtwitter側で用意しているバリデーターで確認可能(ただしこちらもキャッシュされる)
https://dev.twitter.com/docs/cards/validation/validator

■参考URL
https://dev.twitter.com/docs/cards/markup-reference
http://netpr.jp/media/tools/7090/
http://web-tan.forum.impressrd.jp/e/2012/09/04/13551
http://smmlab.aainc.co.jp/?p=18753

[//2013.11.17 当時の記事内容]


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください