Javascript 作为社交网络上的链接，网站的外观很好

当网站作为链接嵌入社交网络页面（至少在Facebook上）时，如何让网站看起来更漂亮。找不到有关主题的任何信息。这是否需要与社交网络api或其他东西进行交互

---

特别是当它不是通过共享按钮，而只是复制过去的链接时

每个社交网络在共享链接时都有自己的API规范。例如，twitter在分享网站或文章时提供了具有大型功能的摘要卡

您可以在站点的

中添加自定义标记，以影响链接嵌入Facebook时显示的内容

下面是一个例子：

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

---

查看位于的文档。

您需要设置适当的

元数据（例如
），以使您的网页在社交媒体（如Facebook）中显示为富对象

从中提取

开放图协议使任何网页都能成为社交图中的丰富对象。例如，这在Facebook上用于允许任何网页具有与Facebook上任何其他对象相同的功能

然而，对于不同的社交媒体网站，meta
name
可能会有所不同，例如，Twitter对其tweet有不同的定义

因此，您可以使用和利用富内容预览