社交分享的默认网站图片

有没有什么方法可以设置一个默认的图片出现在我在 Facebook 上分享我的网站？我注意到 Facebook 通常从网站获取第一张图片作为缩略图使用。

110477 次浏览
小开
最佳答案

您需要设置 开放式图形图像元标记:

<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">

更多信息请查看 译自: 美国《科学》杂志网站(http://developers.facebook.com/docs/share/best-Practices)

小开 
<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像素

小开

Facebook 的服务器会“刮”你的网站寻找一个图片，当人们分享它时使用。如果你想指定使用哪张图片，把它放在你网站的 <head></head>部分:

  • <meta property="og:image" content="http://url-to-your-image.png">

Facebook 可能已经缓存了上一张随机图片的副本:

小开

在 HTML 文档的 <head>中设置一个 og:image，如下所示:

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

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

(... 或许还有更多。)

除了设置上面的标签，您的 梅还要:

小开

这是我的解决方案，效果很好:

<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 调试网站进行测试。

小开 
<meta property="og:image" content="http://example.com/logo.jpg">
<meta name="twitter:image" content="http://example.com/logo.jpg" />

以上就是你需要更新的所有社会链接预览。为了检查预览在平台上是什么样子，你可以使用下面的工具来测试你的链接:


提交答案