在社交网络上分享时如何显示网站徽标答案

【问题标题】：How do I display website logo when I share it on social networks在社交网络上分享时如何显示网站徽标
【发布时间】：2019-07-19 14:03:02
【问题描述】：

我需要制作社交网络，例如 facebook.com，以便在有人在帖子、消息或分享中放置链接时显示网站徽标。我用谷歌搜索了这个问题，发现网站应该有这个：

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

和

<meta property="og:image" content="https://www.lucida.construction/wp-content/themes/lucida-theme/images/logo_for_sn.png" />
<meta property="og:title" content="Home - Lucida ConstructionLucida Construction" />

但它没有给出任何结果。我尝试在 Facebook 和 LinkedIn 上执行此操作，它们要么根本不显示图像，要么显示一些随机图像而不是我在 <meta property="og:image" /> 标签中设置的徽标。

我尝试分享的网站是http://www.resolutemarine.com 和https://www.lucida.construction

任何帮助表示赞赏！谢谢！

【问题讨论】：

标签： html facebook share

【解决方案1】：

你所做的是正确的。我不知道其他社交媒体渠道，但 facebook 会缓存您页面的信息。因此，如果您在更改代码之前可能会缓存结果之前共享您的链接（插入 og:image 部分）。我不知道 facebook 何时完全清除它，但您可以使用他们的工具（再次）手动完成。我在您的链接域的一个站点上进行了尝试，它对我有用。因此，如果您想对其进行测试，请使用他们的工具。否则你只需要等到他们自动抓取它。这是该工具的链接 - 只需输入您希望机器人再次抓取的网址：Facebook sharing debugger

【讨论】：