社交分享的默认网站图片

有什么方法可以设置当我在 Facebook 上分享我的网站时显示的默认图像？我注意到 Facebook 通常会从网站上获取第一张图片用作缩略图。

原文由 paz 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 602

<meta property="og:image" content="http://example.com/logo.jpg"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1024"> <meta property="og:image:height" content="1024">

在 HTML 文档的 <head> og:image 像这样：

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

这是开放图谱协议的一部分，至少受到以下社交媒体网站的尊重：

Facebook（参见 https://developers.facebook.com/docs/sharing/webmasters/#images ）
推特（参见 https://dev.twitter.com/cards/getting-started#opengraph ）
领英（参见 https://developer.linkedin.com/docs/share-on-linkedin ）
Google+（请参阅 https://developers.google.com/+/web/snippet/ ）
Pinterest（请参阅 https://developers.pinterest.com/docs/rich-pins/reference/ ）

（……可能还有更多。）

除了设置上面的标签，你可能还想：

清除社交媒体平台缓存的页面图像版本（例如使用平台的开发人员工具），以便您可以立即看到更改。例如，您可以在 https://developers.facebook.com/tools/debug/ 为 Facebook 执行此操作
使用 http://ogp.me/#structured 中描述的语法添加额外的“结构化属性”以指定图像的宽度或高度等内容。 Facebook 在 https://developers.facebook.com/docs/sharing/best-practices#images 将此描述为“最佳实践”。

原文由 Mark Amery 发布，翻译遵循 CC BY-SA 3.0 许可协议

社交分享的默认网站图片

你尚未登录，登录后可以

问一个鼠标滚动事件，这种是怎么实现的？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

Vue为什么说textarea标签不支持插值表达式的？

为什么下面的代码内部的 div 其 100% 高度可以跳过上层元素?

单页应用网站缓存不是由于index.html文件被缓存导致的吗？

election嵌套了一个web项目通信为什么会中断?

Stack Overflow 翻译