Question

使用此question的答案，我已实施以下方法指定要在Facebook上显示带有链接的图片，但不会显示：

<head>
<meta property="og:image" content="lib/divvy.png">
<link rel="image_src" href="lib/divvy.png">
</head>

是否有理由不使用github托管网站（或.png文件）？这是我试图分享的页面：

http://mkfreeman.github.io/divvy/

Answer 1

您可以使用Open Graph Debugger：

https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fmkfreeman.github.io%2Fdivvy%2F

它返回：

Open Graph Warnings That Should Be Fixed  
Inferred Property   The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. 
Inferred Property   The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.

另请参阅FB中关于Open Graph共享和优化分发的提示：https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#tags

Answer 2

您必须指定图像的绝对路径。当图像的url路径在浏览器而不是github blob对象上显示为图像时，您将知道它是否有效。

https://github.com/mkfreeman/divvy/blob/master/lib/divvy.png

我从迈克的实施中发现了这一点。

http://mfviz.com/divvy/lib/divvy.png

为github.io托管网站指定facebook图像

2 个答案: