首页 文章

Facebook分享网址缩略图问题[重复]

提问于
浏览
15

可能重复:Facebook Sharer如何选择图像?

想要在用户使用共享按钮共享网站网址时使用http://www.facebook.com/sharer.php来实现该共享缩略图 .

站点剂量没有img标签,所有图像都在css中定义 .

我为图片添加了元标记:

<meta property="og:image" content="/images/branding/branding-logo.png"/>

<link rel="image_src" href="/images/branding/branding-logo.png"/>

但它不起作用:(

3 回答

  • 6

    使用Open Graph Meta Tags的完整列表:

    • og:title - 实体的 Headers .

    • og:type - 实体的类型 . 您必须从Open Graph类型列表中选择一种类型 .

    • og:image - 表示实体的图像的URL . 图像必须至少为50像素×50像素 . 方形图像效果最好,但您可以使用高达三倍的图像 .

    • og:url - 表示实体的页面的规范永久URL . 当您使用Open Graph标签时,Like按钮会发布指向og:url的链接,而不是Like按钮代码中的URL .

    • og:site_name - 您网站的可读名称,例如"IMDb" .

    • fb:admins或fb:app_id - 以逗号分隔的页面管理员的Facebook ID或Facebook平台应用程序ID列表 . 至少,只包括您自己的Facebook ID .

    也使用绝对URL而不是相对URL!

    EDIT:
    请注意,Facebook会在特定时段内缓存网页,因此您可能不会立即注意到您的更改 . 检查Facebook是否/实际将进行更改的好方法是在URL中伪造一个参数 .
    例如,如果您的网址为: http://example.com/index.php
    添加如下内容: http://example.com/index.php?123 然后在URL Linter中使用它 . ;-)

    EDIT 2:
    您可以直接使用Facebook Linter(现在称为Debugger),但要注意在某些情况下会更改某些数据 cannot ,如here所述:

    编辑元标记您可以通过更新页面标记来更新页面的属性 . 请注意,og:title和og:type最初只能编辑 - 在您的页面收到50之后, Headers 变得固定,并且在您的页面收到10,000个喜欢后,类型将变为固定 . 这些属性是固定的,以避免已经喜欢该页面的令人惊讶的用户 . 达到这些限制后更改 Headers 或类型标签不起作用,您的页面保留原始 Headers 和类型 .

  • 20

    在这里粘贴你的ulr https://developers.facebook.com/tools/debug/ . Facebook Open Graph Debugger将准确地告诉您从您的页面读取的内容 . 并且还将更新页面的facebook缓存,以便它可以尝试再次从中读取图像 .

  • 0

    正如ifaour所说,您必须使用绝对URL,否则它们将不会显示 . <link> 标签应该可以正常工作 .

相关问题