• 欢迎访问 顾小北的B2C博客 请加入我们的Facebook营销群 QQ群
  • 各位不要通过QQ和微信来问问题(每天消息太多),如有问题凡请直接在各相关帖子下面留言,我会回答大家的问题的。
  • 如果您觉得这个博客非常有看点,那么赶紧使用Ctrl+D 收藏 顾小北的B2C博客 吧!

可能是最全的关于twitter card的指导吧

Twitter 小北 6970次浏览 10个评论 扫描二维码

Okay 今天我们来说说什么是twitter中的twitter card之前我写过一篇文章是 《什么是pinterest上的rich pin 》其实twitter cardpinterest都是同一个道理。很多人没有好好利用这个功能,只是发一些普普通通的帖发140个字符的帖子子,其实这样是很没有吸引力,而且也没什么效果,不要把twitter只是看成一个发发帖子的平台那么简单。

可能是最全的关于twitter card的指导吧

那么简单一句话,twitter card 就是在你的网站上加一段代码 (什么又是代码?可能是最全的关于twitter card的指导吧 Hmm.. 别担心,比你想象的要简单很多),到时候你在twitter上面更新新的东西,就会展示更多的信息出现(rich content ) 就像pinterest中的rich pin

那么 Twitter官方支持你添加几种类型的 twitter card?(我们知道pinterest6

答案是 8种。分别是 Summary CardSummary Card with Large Imagephoto cardGallery Card 

APP CardPlayer CardPlay Card: approve guideProduct Card.

这里面特别说明一点的就是很多人会吧 photo card,Gallery Card归类到Summary Card with Large Image都属于图片展示范畴,把Play Card: approve guide归类到Player Card,所以有些人会说只有5种,其实这个是不冲突的。

那么你可能会问了twitter card 到时候可以具体出现哪些信息,以及都有什么功能?能获得什么好处?


前面说了twitter会依据你选择的类型展示出相应的信息,比如选择product card到时候就会出现产品价格的信息。


 twitter card都有什么功能?

1 号召进行邮箱订阅

2 通过网站进行注册

3 使用优惠码

4 访问登录页面

5 下载APP

…………….

…………….

获得的好处有:

当你的站号上设置了,那么这个时候任何人分享你的twitter card 代码,那么分享者那边的帖子也会出现twitter card的富信息

 

使用twitter card能使你的网站获得更多的流量,而且一定程度上上你的账号会获得更多的好友

可以对图片或者链接进行自定义,所以你到时候你的twitter字符就不局限在140个字符

Okay,说到这里,你还是会问,我该怎么做?

你要做按顺序做以下步骤:

选择一种 twitter card的类型

插入相关的meta标签到你的网站上去

设置好了之后,在网站或者博客上拿出一条URL去测试,测试地址validator tool,比如拿Summary Card去做测试,如果测试成功了(会有更多的富信息出现),那么这个URL会被列入twitter card的白名单中

验证成功之后就可以在twitter上面看是不是存在一条自动出现预览效果出来

一切都okay了,你可以用Twitter Card Analytics来查看你twitter账号的数据和各项指标 

到了这个步骤我们的具体说说twitter card类型了

Summary Card 可以的代码用在很多方面,如博客,新闻内容,产品还有比如餐厅的打折信息,这样读者在不用点击链接之前就可以浏览信息,如下图所示

可能是最全的关于twitter card的指导吧

Summary large image

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

可能是最全的关于twitter card的指导吧

Photo card

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

可能是最全的关于twitter card的指导吧

Gallery card

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

APP Card

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

可能是最全的关于twitter card的指导吧

Product card

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

可能是最全的关于twitter card的指导吧

Player Card

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

可能是最全的关于twitter card的指导吧

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

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

可能是最全的关于twitter card的指导吧

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

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

如果你有WordPress.org的网站

你可以在WordPress上首先安装三款JetpackJM Twitter Cards and WordPress SEO by Yoast

JetpackWordPress后台打开找到Jetpack”Social” 部分,然后打开twitter cardJepack会自动识别你帖子的内容,然后决定采用最佳的twitter card 类型。

1如果你的帖子没有图片的话,帖子会自动采用 summary card这种类型

如果你的帖子的图片是在1~4张,那么帖子会自动采用 large photo summary

如果你的帖子的图片有4张或者超过4张的话,帖子会自动采用Gallery card

WordPress SEO by Yoast 在WordPress后台打开找到WordPress seo”Social” 部分,然后点击twitter导航栏,再点击twitter cad的标签

可能是最全的关于twitter card的指导吧

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

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

可能是最全的关于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的指导吧

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

可能是最全的关于twitter card的指导吧

一定要优化你的图片

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

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

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

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

可能是最全的关于twitter card的指导吧

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

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

可能是最全的关于twitter card的指导吧

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

可能是最全的关于twitter card的指导吧

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

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

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

这篇文章写了3个晚上,不容易啊




本文标题:可能是最全的关于twitter card的指导吧
转载请保留页面地址:http://www.guxiaobei.com/twitter-cards-guide.html
喜欢 (40)
[766060636@qq.com]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(10)个小伙伴在吐槽
  1. 小北辛苦了,感谢分享干货!!!
    中瑞-潘晓芬 158687805702016-08-04 21:49 回复 未知操作系统 | 未知浏览器
  2. [威武]
    willa焦糖色2016-04-22 16:51 回复 未知操作系统 | 360浏览器 02
  3. 非常感谢!
    阿东2015-10-10 10:12 回复 未知操作系统 | 未知浏览器
  4. 赞!
    梦见2015-08-17 10:58 回复 未知操作系统 | 未知浏览器
  5. 棒!
    袁利景2015-08-15 14:23 回复 未知操作系统 | 未知浏览器
  6. 小北简直棒棒哒
    Mico2015-08-15 13:43 回复 未知操作系统 | 未知浏览器
  7. 结合#AmazonCart,突然又对Twitter有爱了,现在好羡慕WordPress网站 ,会自动识别你帖子的内容,然后决定采用哪个最佳的Twitter card 类型。 熬夜码字不容易,必须点赞 此处省略一万个。
    栗子AC2015-08-15 12:57 回复 未知操作系统 | 未知浏览器
  8. 赞!
    张友旺2015-08-15 12:11 回复 未知操作系统 | 未知浏览器
  9. 这个 得顶啊 !
    小竹虫2015-08-15 11:58 回复 未知操作系统 | 未知浏览器
  10. 栗子AC2015-08-15 11:56 回复 未知操作系统 | 未知浏览器