详解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?(我们知道pinterest6

答案是 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 可以的代码用在很多方面,如博客,新闻内容,产品还有比如餐厅的打折信息,这样读者在不用点击链接之前就可以浏览信息,如下图所示

详解twitter card
详解twitter card

Summary large image

Summary large image 其实上面和Summary Card差不多就是多了图片,图片是全宽的,加入图片的元素用户容易增加网站的点击率

详解twitter card
详解twitter card

Photo card

Photo card的和我们普通的在twitter上面更新的消息其实是差不多的,其实就是消息+图片的格式

详解twitter card
详解twitter card

Gallery card

和photo card,就是一个图片集,可以放四张图片,这种方式可以很容易的对一个产品进行讲故事,或者展示产品的细节图与对比图,可以采用这种方式。

APP Card

就是通过twitter,只要提到twitter的用户名或者是链接到app的下载的链接,那么到时候会展示出APP的名字,描述和图标,APP的评分,也会自动的出现一个短小的关于app的描述,这个链接是直接号召用户下载app的功能

详解twitter card
详解twitter card

Product card

使用product card可以展示你产品的价格,产品的描述,这一块字符可达200个,而且一旦这个product card 可用的话,当别人retweet,的时候,这个信息还是以Photo Card 来展示,而且他可以给你展示两行关键信息,以Photo Card 来展示对于产品的展示更直观也更具有吸引力。

详解twitter card
详解twitter card

Player Card

如果你想在twitter上面直接展示你的视频,音乐或者多媒体形式的音频,player card 允许你在不离开页面的时候直接在上面直接观看

详解twitter card
详解twitter card

那么接下来就是要告诉你如何植入代码啦。。。

如果你是一个开发者,那么你可以植入meta tag标签植入通用代码到你的网站上

详解twitter card
详解twitter card

上面的代码有几处你想要想要,修改的说明你可以参考该地址

如果你不是一个开发者,那么怎么办?别担心,我教你来

如果你有WordPress.org的网站

你可以在WordPress上首先安装三款JetpackJM 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的标签

详解twitter card
详解twitter card

JM Twitter Cards  安装JM Twitter Cards可以选择summary,large photo summary,app card,photo card

无论上述你选择哪个插件,你都要选择一个博客或者网站的URL。任何网站(产品)或者博客(帖子)地址,然后需要对帖子进行验证twitter validator

详解twitter card
详解twitter card

如果你有一个wordpress.com的网站

在默认情况下wordpress.com是默认twitter card是可以的,wordpress.com会自动识别你帖子的内容,然后决定采用哪个最佳的twitter card 类型(同样需要validator)

如果你有一个blog或者tumblr的博客

这个就比较复杂,需要一个比较熟悉的程序员的帮助,这个结构比较复杂,这个不是简单的添加几个meta tag那么简单。

Okay 上面我们说到了,什么是twitter cardtwitter card作用,twitter card的几种类型,twitter card的流程,以及twitter card在不同类型网站上的代码植入设置

下面还有几点要注意:

虽然twitter card会有更详细的信息出现,会增大用户点击你网站或者博客的概率,但是不能保证用户是一定会点击你的网站的

虽然是twitter card设置但是当帖子被retweet的时候,可能帖子出现在信息流中依然没有出现rich content,只是出现如下图

详解twitter card
详解twitter card

所以文案一定是重中之重,有时候卖关子的话题其实是不需要有更多的rich content,示例如下:

详解twitter card
详解twitter card

一定要优化你的图片

这里有一个数据就是添加图片的帖子和不添加图片的区别

1点击率上:添加图片的要比不添加图片的高18%

2点favorites: 添加图片的要比不添加图片的高89%

3 转发方面:添加图片的要比不添加图片的高150%

详解twitter card
详解twitter card

最后一步验证你的twitter card是不是成功的

点击twitter的帐号分析,然后在分析中找到twitter card选项

详解twitter card
详解twitter card

你可以分析各种twitter card的表现情况

这样你就可以优化你的帖子,以及判断出哪些是最优秀的文案。

最后再附上twitter card各种类型的字符限制,描述,图片大小

各位君请点击下载吧:下载

转自: http://www.guxiaobei.com/twitter-cards-guide.html

更多参考:

php获取推特feed twitter timeline feed

Twitter开放平台api key申请流程 (Twitter Consumer Key)

[法律授权] 我可以在自己的网站上使用那支影片吗? Youtube、Vimeo、Vine,Instgram

YouTube: 10个你必须知道的视频优化技巧

 

本文: 详解twitter card

One Comment

Leave a Reply