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" 的類型。例如這個作品 #622 與 tweet 範例：

<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 看到的畫面