javascript - 网站作为社交网络上的链接的漂亮外观

标签 javascript html css facebook api

<分区>

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

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

最佳答案

您可以将自定义标记放在 <head> 中影响您网站上嵌入链接时显示的内容。

这是一个例子:

<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 上的文档.

关于javascript - 网站作为社交网络上的链接的漂亮外观,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41647316/

上一篇:html - 如何让 <div> 居中?

下一篇:javascript - 就像所有 CSS 都是有效的 SCSS 一样,所有 JS 也是有效的 TS 吗?

相关文章:

javascript - Q/A 使用 jquery 隐藏答案 ||元素不隐藏

html - Ditty RSS 自动收报机 - Wordpress

html - css3 翻译添加更多的高度和宽度

javascript - 如何防止 UL 获取下拉菜单的全高属性?

javascript - 是否可以使 HTML 中的元素不遵循其父元素的 CSS Id?

javascript - angularJs检查是否输入了输入

JavaScript 引用困惑

javascript - 选项卡式框 - 单独加载内容

javascript - Protractor - 循环遍历不同的定位器以填充数组

css - 将站点分辨率调整为移动设备屏幕尺寸时出现问题