“ Facebook发布者”如何从共享网站中选择图像,标题和内容?


12

这是有关Facebook Publisher的问题。当我共享链接时,Facebook将获取一些文本,为该网站的图像添加标题,并为用户构建预览。然后,用户可以编辑预览,从几个不同的缩略图中选择一个,然后将其发布到他们的Facebook个人资料中。

这是截图说明这一点:

来自Facebook的屏幕截图

Publisher应用程序如何从链接中获取图像和文本?是否有类似的应用程序可用于其他流行的Web应用程序,任何Google应用程序,Wordpress博客等?

几个月前,我问了类似的问题,Facebook似乎使用了oEmbed,但似乎oEmbed仅嵌入内容。我还阅读了oEmbed仅适用于oEmbed提供程序。Facebook Publisher适用于几乎所有网站。



@phwd:@Edward似乎在谈论自己帖子中的错误。它一直在起作用,直到“但是大约两个星期前……”
Stefan Lasiewski

Answers:


10

如果标题和图像等(例如,og:title)存在,Facebook将使用任何开放式图形元标记。用于开放图谱协议的facebook文档对此进行了更详细的说明:

Open Graph协议定义了四个必需的属性:

og:title-对象的标题,因为它应该出现在图形中,例如“ The Rock”。

og:type-对象的类型,例如“电影”。请参阅支持的类型的完整列表。

og:image-图像URL,应表示图形中的对象。图片必须至少为50px x 50px,最大纵横比为3:1。

og:url-对象的规范URL,将在图中用作其永久ID,例如,http : //www.imdb.com/title/tt0117500/

此外,我们扩展了基本元数据,添加了两个必填字段,以将您的页面与Facebook连接起来:

og:site_name-您网站的可读名称,例如“ IMDb”。

fb:admins或fb:app_id-用逗号分隔的列表,用于管理此页面的Facebook用户ID或Facebook Platform应用程序ID。在页面上同时包含fb:admins和fb:app_id是有效的。

还建议您包括以下属性以及这些多部分属性。

og:description-页面的一到两个句子描述。

我不确定对于缺少这些标签的页面如何处理。如果您要复制此功能,那么这无济于事。但是,如果您要确保您的页面按需要显示在Publisher中,那么也许可以。

您还可以使用facebook opengraph调试器,该调试器将提供有关预览的信息,如果进行更改,还将(超级方便)更新其缓存的链接。否则,您可以对要共享的链接进行更改,并且更改不会在几天后显示:

https://developers.facebook.com/tools/debug


如果您没有提供开放图标签,他们将使用meta标签。喜欢一个网页时OG标签是更有帮助的,怎么它创建一个Facebook页面,然后在网站/ URL
Umair贾巴尔

4

要告诉facebook要提取哪些文本和图像,您需要在页面的头部添加特定的元键。

    <meta name="title" content="title" />
    <meta name="description" content="description " />
    <link rel="image_src" href="thumbnail_image" / >

我已经在这里发布了他的详细信息http://umairj.com/2010/10/modify-how-the-shared-item-appears-on-facebook/


1
很有意思,这些meta标记是许多网站管理员的推荐做法(它有助于搜索引擎等)。但是,请参阅flowingdata.com/2010/09/15/…的来源。该页面没有这些标签,也没有<link rel=图像标签。
Stefan Lasiewski

@ Stefan,这是一个很好的问题,FB要做的是,如果找不到新的OpenGraph OG标签的meta标签,那么它将拾取所有图像,并从该页面的html开头显示部分文本。 。因此,用户可以选择图像,但文本是相同的。此外,仅显示符合Facebook指定标准的图像。提升率
Umair Jabbar 2010年

1

对我有用的是将所需的缩略图图像放在标签后的页面上,并使它太小而看不到。

<img src="imagename.jpg" width="1" height="1" />

我尚未测试过高度0和宽度0,但它可能仍然可以工作。.这不能保证用户会选择此图像。

同样,Facebook似乎会在页面上缓存缩略图,而并不总是检查它是否有新缩略图。

希望这可以帮助。


0

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

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

  • <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://site.com/your-image-1200x630px.jpg" />

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


-1

我想说的是,您的问题的答案相当复杂,而且很可能是Facebook的商业秘密。他们扫描URL并获取相关内容/媒体以显示在新闻流中的能力是使他们的服务如此独特且对使用Facebook的日常用户有用的一件事。

话虽这么说,我会说算法不会非常复杂,它可能使用了Google用于从网站抓取内容的许多相同规则(它们在此处发布一些一般细节)。我认为Publisher的强大功能来自Facebook工程师的大量反复试验和测试。


1
我完全不同意!
Umair Jabbar 2010年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.