很好看网站作为社交网络上的链接

时间:2017-01-14 06:08:54

标签: javascript html css facebook api

当网站作为社交网络页面上的链接嵌入时(至少在Facebook上),如何让网站看起来更漂亮。能'找到有关主题的任何信息。这是否需要与社交网络API进行交互?

特别是当它不是通过分享按钮,而只是复制过去的链接

3 个答案:

答案 0 :(得分:1)

您可以在网站的<head>中添加自定义标记,以影响在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" />

查看https://developers.facebook.com/docs/sharing/webmasters上的文档。

答案 1 :(得分:0)

每个社交网络在共享链接时都有自己的API规范。例如,twitter在共享网站或文章时提供具有大功能的摘要卡。 https://dev.twitter.com/cards/types/summary-large-image

答案 2 :(得分:0)

您需要设置正确的metadata(例如<meta property="og:title" content="The Rock" />),以使您的网页在Facebook等社交媒体中显示为丰富的对象。

摘自ogp.me

  

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

虽然,元name对于不同的社交媒体网站可能有所不同,例如,Twitter的推文有Cards

因此,您可以使用Twitter CardsOpen Graph Protocol来利用丰富的内容预览。