在Facebook链接上更改缩略图

时间:2011-08-20 14:26:04

标签: facebook facebook-graph-api

当我在Facebook上链接到我的网站时,会出现一个缩略图,但它不是我想要的缩略图。如何更改缩略图。它显示对象调试器上的图像

http://developers.facebook.com/tools/debug/og/object?q=totelfootball.com

如何更改图像?

我看过类似的帖子,但想要解决这个问题的简单方法呢?它可以在Facebook上完成,不涉及编码吗?

5 个答案:

答案 0 :(得分:9)

  1. 转到http://developers.facebook.com/tools/debug
  2. 输入fbrefresh=CAN_BE_ANYTHING
  3. 后面的网址

    <强>示例:

    1. http://www.example.com?fbrefresh=CAN_BE_ANYTHING
    2. http://www.example.com?postid=1234&fbrefresh=CAN_BE_ANYTHING
    3. 或访问: http://developers.facebook.com/tools/debug/og/object?q=http://www.example.com/?p=3568&fbrefresh=89127348912
    4. 昨晚我遇到了同样的问题,我从一些网站上得到了这个解决方案。

      Facebook保存您的缓存缩略图。即使您从服务器中删除图像,缩略图也不会更改。但Facebook允许您使用fbrefresh

      进行刷新

      我希望这会有所帮助。

答案 1 :(得分:9)

您可以添加到<head></head>

此标记<link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >

或将<html>标记更改为

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

并添加到代码<head></head> 这个标签

<meta property="og:image" content="http://URL-TO-YOUR-IMAGE" />

不要忘记来测试您的链接using facebook debug tool

答案 2 :(得分:3)

您可以通过将og:image元标记添加到totelfootball.com的HTML来选择显示的缩略图: https://developers.facebook.com/docs/opengraph/

答案 3 :(得分:2)

Facebook使用您共享的页面上的元标记来确定发布链接时要显示的图像,标题和说明。元标记语法遵循Facebook的OpenGraph specification

您需要定义的最重要的元标记是:

  • <meta property="og:title" content="The title of the sharing preview" />
  • <meta property="og:description" content="The first few lines of content below the title" />
  • <meta property="og:image" content="http://example.com/your-image-1200x630px.jpg" />

这当然只有在您完全控制您共享的网站时才有效。如果您正在共享外部链接(如新闻文章),则您无法访问其网站,因此无法更改元标记。我正在使用ShareKit.io,它允许您更改您共享的任何链接的标题,说明和图像,而无需使用元标记。

答案 4 :(得分:-2)

比这更容易。

转到您分享的链接。在新选项卡中打开它。

右上角 - &gt;刷新共享附件

获取新的缩略图图像,您可以选择其他图像。

希望这会有所帮助:)