我如何设置一个网站图片,在Facebook上显示为预览?

当您在Facebook上分享链接时,它会自动在网站上查找图片,并随机选取一张作为预览。 你如何影响预览图像? 当一个人分享他的脸书上的网站链接?

1.将Open Graph XML命名空间扩展插入到HTML声明中

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

2.在你的<head></head>使用下面的元标记来定义你想要使用的图像

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

在这里阅读更多关于开放graphics协议 。

完成上述操作后,如果图像显示不正确,请使用Facebook的“对象debugging器” 。 另外请注意,第一次分享它仍然不会显示,除非指定了高度和宽度,请参阅在Facebook上共享 – 缩略图第一次不显示

还要注意的是,如果您有wordpress,只需在编辑模式下向下滚动到网页底部,并select“精选图片”(屏幕右下angular)。

如果您使用的是Weebly ,请先查看发布的网站,然后右键单击图像以复制图像地址。 然后在Weebly,去编辑网站,页面,点击您要使用的页面,search引擎优化设置,在标题代码下inputShef的答案代码:

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

只是用复制的图像地址replace/上传/ …。 单击发布以应用更改。

您可以跳过Shef关于命名空间的部分回答,因为Weebly中已经默认设置了这个部分。