可能是最全的关于twitter card的指导吧
Okay 今天我们来说说什么是twitter中的twitter card!之前我写过一篇文章是 《什么是pinterest上的rich pin ?》其实twitter card和pinterest都是同一个道理。很多人没有好好利用这个功能,只是发一些普普通通的帖发140个字符的帖子子,其实这样是很没有吸引力,而且也没什么效果,不要把twitter只是看成一个发发帖子的平台那么简单。
![]()
那么简单一句话,twitter card 就是在你的网站上加一段代码 (什么又是代码?
Hmm.. 别担心,比你想象的要简单很多),到时候你在twitter上面更新新的东西,就会展示更多的信息出现(rich content ) 就像pinterest中的rich pin。
那么 Twitter官方支持你添加几种类型的 twitter card?(我们知道pinterest有6种)
答案是 8种。分别是 Summary Card,Summary Card with Large Image,photo card,Gallery Card
APP Card,Player Card,Play Card: approve guide,Product Card.
这里面特别说明一点的就是很多人会吧 photo card,Gallery Card归类到Summary Card with Large Image都属于图片展示范畴,把Play Card: approve guide归类到Player Card,所以有些人会说只有5种,其实这个是不冲突的。
那么你可能会问了twitter card 到时候可以具体出现哪些信息,以及都有什么功能?能获得什么好处?
1 前面说了twitter会依据你选择的类型展示出相应的信息,比如选择product card到时候就会出现产品价格的信息。
twitter card都有什么功能?
1 号召进行邮箱订阅
2 通过网站进行注册
3 使用优惠码
4 访问登录页面
5 下载APP
…………….
…………….
获得的好处有:
当你的站号上设置了,那么这个时候任何人分享你的twitter card 代码,那么分享者那边的帖子也会出现twitter card的富信息
使用twitter card能使你的网站获得更多的流量,而且一定程度上上你的账号会获得更多的好友
可以对图片或者链接进行自定义,所以你到时候你的twitter字符就不局限在140个字符
Okay,说到这里,你还是会问,我该怎么做?
你要做按顺序做以下步骤:
1 选择一种 twitter card的类型
2 插入相关的meta标签到你的网站上去
3 设置好了之后,在网站或者博客上拿出一条URL去测试,测试地址validator tool,比如拿Summary Card去做测试,如果测试成功了(会有更多的富信息出现),那么这个URL会被列入twitter card的白名单中
4 验证成功之后就可以在twitter上面看是不是存在一条自动出现预览效果出来
5 一切都okay了,你可以用Twitter Card Analytics来查看你twitter账号的数据和各项指标
到了这个步骤我们的具体说说twitter card类型了
Summary Card 可以的代码用在很多方面,如博客,新闻内容,产品还有比如餐厅的打折信息,这样读者在不用点击链接之前就可以浏览信息,如下图所示
![]()
Summary large image
Summary large image 其实上面和Summary Card差不多就是多了图片,图片是全宽的,加入图片的元素用户容易增加网站的点击率
![]()
Photo card
Photo card的和我们普通的在twitter上面更新的消息其实是差不多的,其实就是消息+图片的格式
![]()
Gallery card
和photo card,就是一个图片集,可以放四张图片,这种方式可以很容易的对一个产品进行讲故事,或者展示产品的细节图与对比图,可以采用这种方式。
APP Card
就是通过twitter,只要提到twitter的用户名或者是链接到app的下载的链接,那么到时候会展示出APP的名字,描述和图标,APP的评分,也会自动的出现一个短小的关于app的描述,这个链接是直接号召用户下载app的功能
![]()
Product card
使用product card可以展示你产品的价格,产品的描述,这一块字符可达200个,而且一旦这个product card 可用的话,当别人retweet,的时候,这个信息还是以Photo Card 来展示,而且他可以给你展示两行关键信息,以Photo Card 来展示对于产品的展示更直观也更具有吸引力。
![]()
Player Card
如果你想在twitter上面直接展示你的视频,音乐或者多媒体形式的音频,player card 允许你在不离开页面的时候直接在上面直接观看
![]()
那么接下来就是要告诉你如何植入代码啦。。。
如果你是一个开发者,那么你可以植入meta tag标签植入通用代码到你的网站上
![]()
上面的代码有几处你想要想要,修改的说明你可以参考该地址
如果你不是一个开发者,那么怎么办?别担心,我教你来
如果你有WordPress.org的网站
你可以在WordPress上首先安装三款Jetpack, JM Twitter Cards and WordPress SEO by Yoast
Jetpack, 在WordPress后台打开找到Jetpack的”Social” 部分,然后打开twitter card,Jepack会自动识别你帖子的内容,然后决定采用最佳的twitter card 类型。
1如果你的帖子没有图片的话,帖子会自动采用 summary card这种类型
2 如果你的帖子的图片是在1~4张,那么帖子会自动采用 large photo summary
3 如果你的帖子的图片有4张或者超过4张的话,帖子会自动采用Gallery card
WordPress SEO by Yoast 在WordPress后台打开找到WordPress seo的”Social” 部分,然后点击twitter导航栏,再点击twitter cad的标签
![]()
JM Twitter Cards 安装JM Twitter Cards可以选择summary,large photo summary,app card,photo card
无论上述你选择哪个插件,你都要选择一个博客或者网站的URL。任何网站(产品)或者博客(帖子)地址,然后需要对帖子进行验证twitter validator
![]()
如果你有一个wordpress.com的网站
在默认情况下wordpress.com是默认twitter card是可以的,wordpress.com会自动识别你帖子的内容,然后决定采用哪个最佳的twitter card 类型(同样需要validator)
如果你有一个blog或者tumblr的博客
这个就比较复杂,需要一个比较熟悉的程序员的帮助,这个结构比较复杂,这个不是简单的添加几个meta tag那么简单。
Okay 上面我们说到了,什么是twitter card,twitter card作用,twitter card的几种类型,twitter card的流程,以及twitter card在不同类型网站上的代码植入设置
下面还有几点要注意:
虽然twitter card会有更详细的信息出现,会增大用户点击你网站或者博客的概率,但是不能保证用户是一定会点击你的网站的
虽然是twitter card设置但是当帖子被retweet的时候,可能帖子出现在信息流中依然没有出现rich content,只是出现如下图
![]()
所以文案一定是重中之重,有时候卖关子的话题其实是不需要有更多的rich content,示例如下:
![]()
一定要优化你的图片
这里有一个数据就是添加图片的帖子和不添加图片的区别
1点击率上:添加图片的要比不添加图片的高18%
2点favorites: 添加图片的要比不添加图片的高89%
3 转发方面:添加图片的要比不添加图片的高150%
![]()
最后一步验证你的twitter card是不是成功的
点击twitter的帐号分析,然后在分析中找到twitter card选项
![]()
你可以分析各种twitter card的表现情况
这样你就可以优化你的帖子,以及判断出哪些是最优秀的文案。


















