当我在 Facebook 上分享我的网站时，有什么方法可以设置显示的默认图像？我注意到 Facebook 通常会从网站获取第一张图片以用作缩略图。
问问题
101352 次
6 回答
14
<meta property="og:image" content="http://example.com/lamb-full.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">
图片尺寸至少应为 200 像素 X 200 像素
于 2015-06-25T12:15:35.323 回答
14
og:image在<head>您的 HTML 文档中设置一个，如下所示：
<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）
- LinkedIn（见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中描述的语法添加额外的“结构化属性”以指定图像的宽度或高度等内容。这在https://developers.facebook.com/docs/sharing/best-practices#images被 Facebook 描述为“最佳实践” 。
于 2017-09-10T10:18:20.110 回答
10
这是我的解决方案，效果很好：
<head>
<!--FACEBOOK-->
<meta property="og:image" content="https://www.website.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">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.website.com/"/>
<meta property="og:title" content="Website title" />
<meta property="og:description" content="Website description." />
<head>
您可以使用Facebook Debug 站点进行测试。
于 2018-02-06T08:36:49.733 回答
8
Facebook 的服务器会“抓取”您的网站，以在人们分享时寻找要使用的图像。如果您想指定要使用的图像，请将其放在<head></head>您网站的部分中：
<meta property="og:image" content="http://url-to-your-image.png">
Facebook 可能已经缓存了之前随机图像的副本。要让 facebook 再次获取：
于 2016-03-22T22:51:45.343 回答
0
<meta property="og:image" content="http://example.com/logo.jpg">
<meta name="twitter:image" content="http://example.com/logo.jpg" />
以上是所有社交链接预览所需更新的全部内容。要检查平台上的预览是什么样子，您可以使用以下工具测试您的链接：
于 2021-12-21T20:20:48.207 回答