适用于 Facebook、Google 和 Twitter 的纯 Html 共享按钮

Question

我需要为 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 中，网址上有以下内容：“confirm?hl=en” ... 如果网站不是英文的，我应该将“en”更改为网站的语言吗？

谢谢你， 米格尔

Answer 1

社交网络服务会在共享页面时查找 Open Graph 元数据。要指定此数据是什么，您必须在页面头部包含元标记。以下应该是您要包含的裸最小标签。其余的，谷歌它们，你会很容易找到它们：

对于页面标题：

<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" />

但是，我不确定“confirm?hl=en”的作用，但如果您想告诉搜索引擎以不同的语言抓取网站，那么您可以使用 locale 属性。

不过，这有点复杂。查看这篇文章了解更多关于国际化的信息。

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