适用于Facebook,Google和Twitter的纯Html分享按钮

时间:2013-11-25 22:32:41

标签: html facebook twitter google-plus

我需要为Facebook,Twitter和Google +创建自定义共享按钮。

目前我有以下内容:

<a href="http://www.facebook.com/sharer/sharer.php?url=http://www.google.com" target="_blank">facebook</a>

谷歌

<a href="https://plusone.google.com/_/+1/confirm?hl=en&url=http://www.google.com" target="_blank">google</a>

微博

<a href="http://twitter.com/home?status=http://www.google.com" target="_blank">twitter</a></li>

这似乎有效。但我仍有一些问题:

  1. 如何指定每个服务中发送的页面标题?

  2. 在Google + I中,网址上有以下内容:“确认?hl = en”... 如果网站不是英文,我应该将“en”更改为网站的语言吗?

  3. 谢谢你, 米格尔

1 个答案:

答案 0 :(得分:2)

社交网络服务在共享页面时查找Open Graph元数据。要指定此数据的内容,您必须在页面的头部包含元标记。以下内容应该是您要包含的minium标签。对于其他人,谷歌他们,你会很容易找到它们:

对于页面标题:

<meta property="og:title" content="Title Here" />

对于网址

<meta property="og:url" content="http://www.example.com/" />

对于有人在其墙上共享页面时通常显示的图像:

<meta property="og:image" content="http://example.com/image.jpg" />

当有人共享页面时通常包含的描述文本:

<meta property="og:description" content="Description Here" />

但是,我不确定“确认?hl = en”是什么,但是如果你想告诉搜索引擎用不同语言抓取网站,那么你可以使用locale属性来实现。 / p> 但是,这有点复杂。有关国际化的更多信息,请查看此文章。

https://developers.facebook.com/docs/opengraph/guides/internationalization/