当分享我的URL时，Facebook分享者如何选择图像和其他元数据?

当使用Facebook Sharer时，Facebook将为用户提供使用从源中提取的几个图像中的一个作为他们的链接预览的选项。如何选择这些图像，以及如何确保页面上的任何特定图像始终包含在此列表中?

当前回答

使用facebook feed对话框而不是共享对话框来显示自定义图像

例子:

https://www.facebook.com/dialog/feed?app_id=1389892087910588
&redirect_uri=https://scotch.io
&link=https://scotch.io
&picture=http://placekitten.com/500/500
&caption=This%20is%20the%20caption
&description=This%20is%20the%20description

2017-04-04 10:01:08

其他回答

当我的页面被分享时，我如何告诉Facebook使用哪张图片?

Facebook有一组开放图元标签，它通过查看这些标签来决定展示哪张图片。

Facebook图片的关键是:

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />

它应该出现在页面顶部的<head></head>标签内。

如果这些标记不存在，它将查找它们指定图像的旧方法:<link rel="image_src" href="/myimage.jpg"/>。如果两者都不存在，Facebook将查看您的页面内容，并从您的页面中选择符合其共享图像标准的图像:图像必须至少200px * 200px，最大纵横比为3:1，格式为PNG、JPEG或GIF。

我可以指定多个图像以允许用户选择一个图像吗?

是的，你只需要按你想要它们出现的顺序添加多个图像元标记。然后用户将看到一个图像选择器对话框:

我指定了适当的图像元标记。为什么Facebook不接受这些改变?

一旦一个url被共享，Facebook的爬虫(它有facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php)的用户代理)将访问你的页面并缓存元信息。要强制Facebook服务器清除缓存，请使用Facebook Url调试器/ Linter工具，该工具于2010年6月推出，用于刷新缓存并解决页面上的任何元标签问题。

此外，页面上的图像必须对Facebook爬虫公开访问。你应该指定绝对的url，比如http://example.com/yourimage.jpg，而不是/yourimage.jpg。

我可以用Javascript或jQuery等客户端代码更新这些元标签吗? 不。就像搜索引擎爬虫一样，Facebook scraper不执行脚本，所以当页面被下载时，无论出现什么元标签，都是用于图像选择的元标签。

添加这些标记会导致我的页面不再有效。我该如何解决这个问题?

你可以添加必要的Facebook名称空间到你的标签，然后你的页面应该通过验证:

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

2011-10-02 01:09:07

当你在Facebook上分享时，你必须在标题部分添加你的html下一个元标签:

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

就是这样!

添加按钮，因为你应该根据FB告诉你。

你需要的所有信息都在www.facebook.com/share/

2010-10-18 00:59:39

为了改变标题，描述和图像，我们需要在头部标签下添加一些元标签。

第一步: 在头部标签下添加元标签

<html>
<head>
    <meta property="og:url" content="http://www.test.com/" />
    <meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
    <meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
    <meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

下一步: 点击下面的链接 https://developers.facebook.com/tools/debug

在您提到标签的文本框(例如http://www.test.com/)中添加您的URL。点击DEBUG按钮。

它的完成。

你可以在这里验证https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

在上面的url, u =你的网站链接

享受! !

2014-02-20 11:41:42

安全HTTPS

<meta property="og:image:secure_url" content="https://image.path.png" />

2012-12-28 11:12:54

我有这个问题，并解决了它与手册84的建议。使用400x400px的图像效果很好，而我的小图像从未出现在共享器中。

请注意，Facebook推荐最小200px的正方形图像作为og:image标签:https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#tags

2013-05-23 17:54:19

当分享我的URL时，Facebook分享者如何选择图像和其他元数据?

推荐文章

最新文章

标签