【问题标题】:Facebook - change thumbnailFacebook - 更改缩略图
【发布时间】:2012-08-24 07:58:32
【问题描述】:

我需要像缩略图一样更改 facebook,我已经尝试过了

<link rel="image_src" href="thisurl" />

还有这个

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

后来我意识到这需要放在头脑中,但是由于代码的结构,我无法在其中修改并仍然决定我需要哪个 url(我无法访问我为图片),我可以这样修改

<html>
<head></head>
<body>
...
modify in here
...
</body>
</html>

我还尝试在我可以更改的区域中使用 javascript 创建一个元标记,但这不会影响它

有没有人知道我可以告诉 facebook 我想要哪个图像作为缩略图而无需修改 head 元素内部的方法

【问题讨论】:

    标签: html facebook image facebook-like thumbnails


    【解决方案1】:

    缩略图应该像你说的那样放在标题中,使用 rel="image_src" 或 opengraph 标签。

    在 html 正文中指定缩略图

    如果 Facebook 无法从标题中获取您的缩略图,它会尝试从内容中获取它。它通常采用它喜欢的第一张图片,所以如果你想强制一个特定的缩略图不包含在页面中,在标签后面放一个不可见的图片(使用内联 css display:none):

    <img src=”http://www.website.com/images/thumbnail.jpg” alt=”thumbnail” height=”200″ width=”250″ style=”display:none” />
    

    这样做,请记住:

    • 避免缩略图名称中的空格(FB 不能很好地管理空格)
    • 使用 jpg(FB 不喜欢 png)
    • 使用正确的尺寸(见下文)

    检查缩略图的尺寸

    Facebook 不喜欢各种尺寸的缩略图。最重要的是高度和宽度之间的比例应该小于1/3。所以 40 & 100 可以,但 30 & 100 不行。此外,Facebook 最近似乎更喜欢两个尺寸至少为 200 像素的图片(但不要忘记 1/3 规则)。

    清理 Facebook 缓存

    此外,您应该在每次测试之前使用 Facebook 调试工具(曾经称为 Facebook Linter)清理 Facebook 缓存: http://developers.facebook.com/tools/debug

    在表单字段中插入您的网址,然后按调试。您将强制 Facebook 覆盖其有关您的链接的信息。有时您认为仍然有问题,但这只是因为它使用了错误的页面缓存版本。

    关于 Facebook Linter,请注意(根据他的 OGraph 文档):

    您可以通过更新页面的属性来更新页面的属性 标签。请注意,og:title 和 og:type 最初只能编辑 - 在您的页面收到 50 个赞后,标题变为固定,之后 您的页面收到 10,000 个赞,类型变为固定。这些 属性是固定的,以避免让喜欢该页面的用户感到惊讶 已经。在这些限制之后更改标题或类型标签是 到达什么都不做,你的页面保留原来的标题和类型。

    【讨论】:

      猜你喜欢
      • 2011-10-31
      • 2014-10-24
      • 2012-08-20
      • 2011-10-20
      • 2012-06-17
      • 2012-03-19
      • 2014-09-17
      • 2011-12-13
      • 1970-01-01
      相关资源
      最近更新 更多