我如何设置一个网站图片，将显示为预览 Facebook？

当你在 facebook 上分享一个链接时，它会自动在网站上找到图片，并随机选择一个作为预览。如何影响预览图像？当一个人在他的 facebook 上分享网站链接的时候？

241543 次浏览
小开
最佳答案

1. 在 HTML 声明中包含 Open Graph XML 命名空间扩展

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

2. 在 <head></head>中使用以下 meta 标记来定义要使用的图像

<meta property="og:image" content="fully_qualified_image_url_here" />

点击这里阅读更多关于 开放图形协议开放图形协议的信息。

在 执行上述操作之后，如果图像没有正确显示，则使用 Facebook“对象调试器”。还要注意的是，如果没有指定高度和宽度，第一次共享它仍然不会显示，请参见 在 Facebook 上分享-缩略图第一次没有显示

小开

还要注意的是，如果你使用 wordpress 的话，在编辑模式下只需要向下滚动到网页的底部，然后选择“特色图片”(屏幕右下角)。

小开

如果您正在使用 威伯利，请从查看已发布的站点开始，然后右键单击图像以复制图像地址。然后在 Weebly，进入编辑网站，页面，点击你想要使用的页面，搜索引擎优化设置，在页眉代码下面输入来自 Shef 的答案的代码:

<meta property="og:image" content="/uploads/..." />

只是用复制的图像地址替换/上传/... 。单击“发布”应用更改。

你可以跳过 Shef 关于名称空间的部分回答，因为在 Weebly 默认设置了名称空间。

小开

年复一年，这个 Facebook 缓存的问题还没有得到解决... ..。 为什么 facebook 不在调试工具中放一个按钮来完全清除缓存? 这有多难？

好了，现在最终的解决方案是:

在“ og: image”中使用... ... : ?[sequentialNumber]示例: ?1/?2/?3... ..。

使用示例:

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

你改变图像了吗? 把1加到数字上..。

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

每次更改图像时，将1添加到数字中

这可以手动或动态地完成，例如使用 PHP。

对我来说效果很好，希望我帮上忙了。


提交答案