Html Og：图像和Facebook链接缩略图_Html_Facebook_Facebook Opengraph

Html Og：图像和Facebook链接缩略图

html facebook

Html Og：图像和Facebook链接缩略图,html,facebook,facebook-opengraph,Html,Facebook,Facebook Opengraph,我对og:image标签有问题。我按照上面的说明来实现标记，这是非常直接的。当有人喜欢这个页面时，它会非常有效。但现在有一个问题，当我将链接发布到我在facebook上撰写的消息中时，它不会显示任何缩略图这是我的网站：所以检查一下这个好的，跳到facebook上，给你的一个朋友发一条私人信息。粘贴此链接：观察post generate下面的缩略图框，并拉入一些数据。你会注意到它有一个标题，一个链接，但没有图片该特定链接的头部如下所示： <head> <li

我对og:image标签有问题。我按照上面的说明来实现标记，这是非常直接的。当有人喜欢这个页面时，它会非常有效。但现在有一个问题，当我将链接发布到我在facebook上撰写的消息中时，它不会显示任何缩略图

这是我的网站：

所以检查一下这个

好的，跳到facebook上，给你的一个朋友发一条私人信息。粘贴此链接：观察post generate下面的缩略图框，并拉入一些数据。你会注意到它有一个标题，一个链接，但没有图片

该特定链接的头部如下所示：

 <head>
    <link rel="shortcut icon" type="image/x-icon" href="http://www.sunlitehardware.com.au/site/assets/template/images/favicon.ico" />

    <meta property="og:title" content="Power Tools - Save Your Energy" />
<meta property="og:image" content="http://www.sunlitehardware.com.au/site/assets/media/Bosch-1590EVSK-6.jpg"/>  

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content=" Sunlite Hardware stock a massive range of tools for all your hardware needs in Sydney City & Bondi Junction." />
    <meta name="keywords" content=",hardware, store, city, power tools, llight bulbs, paint, sydney, bondi junction" />
    <meta name="verify-v1" content="Ow6TX6iHLufi9DAwV6mWquC9SEW4Les+o/wz29uUdeY=" />

如果您查看og:image链接，您可以在此处看到链接点：

如果你点击它，你应该可以看到图片，我知道我可以，所以链接是有效的

似乎出于某种原因，facebook忽略了这一点。。请在此处查看facebook lint页面：

那里有缩略图。在发帖子的时候，它就是不起作用。有什么想法吗？

对于og:image，请尝试使用接近50x50的图像（您的图像约为1200x1200）。

这是检查链接的一种简便方法，通常会提醒您og标签的问题。

嘿，伙计，好主意。不过我试过了，没什么区别。例如，如果查看根页面，它的图像只有100x100。这与1200x1200的页面有相同的问题。谢谢你的尝试。看看你丢失的字段。您缺少og:title、og:url等。