2012年9月28日 星期五

Twitter Cards

Twitter cards 是 Twitter 目前測試在 tweets 裡嵌入媒體內容的功能,之前只有類似 Youtube、instagram 或 Twitter 認可的上傳圖片服務才能在 tweets 內顯示出內容。一開始 Twitter cards 的文件出來時,我就有把影像紀錄區加入需要的 header,直到前陣子 Twitter 開始開放申請登記,趕緊幫影像紀錄區填表申請。就在今天(9/27)凌晨收到審核通過的通知,現在可以在 Twitter 中直接展現作品圖片。


Twitter cards 和 Facebook Open Graph 一樣,只要在 header 裡面加入相關的屬性。Twitter cards 有三種類型: "summary"、"photo"、"player",影像紀錄區在各作品頁面設定 "photo" 的類型。例如這個作品 #622tweet 範例
<meta name="twitter:card" content="photo">
<meta name="twitter:title" content="Toomore (toomore) #622 作品">
<meta name="twitter:description" content="這條巷子可以看到 85 大樓… By toomore">
<meta name="twitter:image" content="http://pic.isuphoto.org/622_m_img7967.jpg">
<meta name="twitter:url" content="http://pi.isuphoto.org/post/622">
<meta name="twitter:creator" content="@toomore">
<meta name="twitter:site" content="@pi_isuphoto_org">
也可以使用 Twitter 提供的預覽工具測試,觀察所設定的值是否正確。最後如果都沒有問題,就可以填表申請 Twitter cards,然後再等個幾天審核通過。

另外如果頁面本身就有使用 Facebook 的 Open Graph header 設定,Twitter 也會直接套用 Facebook 的參數值,如果找不到 Twitter cards 時。當然要讓 Twitter 辨識的出來就還是要填寫申請單。

Update 2012/09/28 04:35
補一張透過 Twitter app 看到的畫面

1 則留言 :