网站代码在twitter和facebook上分享图片

时间:2014-06-02 02:44:27

标签: facebook twitter

是否有任何HTML / PHP / jQuery代码可以在Twitter和Facebook上分享图片?不只是图片的src,而是在共享屏幕上显示图片。

1 个答案:

答案 0 :(得分:0)

PHP& HTML,但不是jQuery

<强>实

Facebook有一个名为Open Graph Protocol的内容,要安装它们,请在您网页的meta之间添加以下<head>标记

<meta property="og:title" content="My awesome website title" />
<meta property="og:type" content="website" />
<meta property="og:description" content="my example website is on facebook!" />
<meta property="og:url" content="http://example.com" />
<meta property="og:image" content="http://example.com/og_img.jpg" />

<强>微博

另一方面,Twitter提供了自己的meta标签Twitter Cards来安装它

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://example.com">
<meta name="twitter:title" content="My awesome website title">
<meta name="twitter:description" content="my example website is on twitter">
<meta name="twitter:image" content="http://example.com/og_img.jpg" />

提示

PHP会产生HTML输出,但PHP的好处是每次更改{{1}时都会处理不同页面,而不会修改每个页面meta标记标签或者如果你有一个博客,每个帖子都有自己的固定链接以及它自己的标题,描述,图片等等,meta会很方便!

进一步阅读