Facebook Sharer 在共享我的 URL 时如何选择图像和其他元数据?

2024-01-24

使用 Facebook Sharer 时,Facebook 将为用户提供使用从源中提取的几张图像之一作为其链接预览的选项。这些图像是如何选择的,以及如何确保我的页面上的任何特定图像都是always包含在这个列表中吗?


当我的页面被共享时,如何告诉 Facebook 使用哪个图像?

Facebook 有一套开放图元标签 https://developers.facebook.com/docs/opengraphprotocol/它会根据它来决定显示哪个图像。

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 将查看您页面的内容,并从您的页面中选择符合其共享图像标准的图像:图像必须至少为 200 像素 x 200 像素,最大纵横比为 3:1,并且采用 PNG 格式, JPEG 或 GIF 格式。

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

Yes, you just need to add multiple image meta tags in the order you want them to appear in. The user will then be presented with an image selector dialog:
Facebook Image Selector

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

一旦 URL 被共享,Facebook 的爬虫(其用户代理为facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php),将访问您的页面并缓存元信息。要强制 Facebook 服务器清除缓存,请使用Facebook URL 调试器/Linter 工具 https://developers.facebook.com/tools/debug他们2010年6月推出 https://developers.facebook.com/blog/post/390/刷新缓存并解决页面上的任何元标记问题。

此外,页面上的图像必须可供 Facebook 爬虫公开访问。您应该指定绝对网址,例如http://example.com/yourimage.jpg http://example.com/yourimage.jpg而不仅仅是 /yourimage.jpg。

我可以使用 Javascript 或 jQuery 等客户端代码更新这些元标记吗?不会。与搜索引擎爬虫非常相似,Facebook 抓取工具不执行脚本,因此下载页面时出现的任何元标记都是用于图像选择的元标记。

添加这些标签会导致我的页面不再验证。我怎样才能解决这个问题?

您可以将必要的 Facebook 命名空间添加到您的标签中,然后您的页面应该通过验证:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">  
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Facebook Sharer 在共享我的 URL 时如何选择图像和其他元数据? 的相关文章

  • 是否可以在 iOS 上确保 oauth 安全?

    是否可以在 iOS 上确保 oauth 安全 我正在调查OAuth 2 0 http tools ietf org pdf draft ietf oauth v2 12 pdf作为一种为 iOS 应用程序 套件 实现单点登录 授权的方法 为
  • As3 Graph API 注销

    我正在开发一个由不同用户玩的应用程序 但我使用 as3 graph api 来验证用户身份并在他们的墙上发布 并且我需要在下一个用户在 as3 graph 上开始会话之前注销每个用户应用程序编程接口 http code google com
  • Facebook Graph API“/userid/feed”返回空白

    我正在使用 Facebook C SDK 但似乎无法使用 Graph API 获取反馈数据 我已从用户那里获得了以下扩展权限 范围 离线访问 publish stream publish checkins create event read
  • 在后台下载 Facebook 广告统计数据(无需网络浏览器)

    我正在开发一个后台服务器应用程序 该应用程序应该通过电子邮件向我们的客户发送广告活动统计数据 其中的活动捆绑了来自各个提供商的广告活动 其中之一就是 Facebook 现在的问题是如何从 Facebook 下载特定的广告活动 基本上我需要的
  • 我如何请求“publish_actions”权限?

    华盛顿邮报 https www facebook com dialog permissions request app id 225771117449558 display page next https 3A 2F 2Fapps face
  • 一旦元素存在就触发事件的脚本?

    我正在尝试编写一个小 Greasemonkey 脚本来实现 Facebook 中的一些任务 例如隐藏新闻等 问题是 我有一个 DOM 中尚不存在的元素的 ID 这是点击帖子的箭头图标时出现的小框 如何通过 jQuery 创建一个事件处理程序
  • Android - Java - 发送 facebook 聊天消息的意图(facebook 禁用 xmpp)

    Facebook 已弃用 xmpp API 有没有办法打开意图 或将数据传递到fb 以在Android设备上发送聊天消息 设备上安装的 Facebook 和 Messenger 应用 谢谢 您需要将 uri 传递给意图 这里10000572
  • 如何从 facebook javascript SDK 获取个人资料图片?

    我正在尝试从 Facebook 获取个人资料图片 现在我正在从 Facebook 获取所有信息 但无法获取用户的个人资料照片 这是我的代码 function getFBData FB api me function response fbi
  • 从 FB 页面获取 FB APP_ID

    您好 我想知道如果我创建了 Facebook 页面 没有普通用户 是否可以获得 FB APP ID 或者该 ID 仅供应用程序使用 谢谢 如果您是 Facebook 用户 请登录您的 ID 并转到 https developers face
  • 如何让付费版和免费版iOS应用共享FB App ID?

    我有同一个 iPhone 应用程序的免费版和付费版 我希望他们共享一个 Facebook 应用程序 ID 因为它们本质上是同一个应用程序 我认为我可以通过使用 Facebook 类中的这个方法来完成此任务 void authorize NS
  • Facebook OAuth 登录停止工作

    在我的网站中 我使用 oauth 通过 google twitter 和 facebook 登录 24 小时后 我注意到 Facebook 登录不再有效 当我尝试登录时收到以下错误消息 无法加载 URL 此 URL 的域不包含在应用程序的域
  • 文件再次获取内容不起作用替代方案

    我尝试了curl 因为file get contents在php中不起作用 任何人都可以给我解决方案 所以使用curl解决它 这里是代码 userData json decode file get contents https graph
  • iphone facebook app 如何修复导航栏

    我是 iPhone 开发新手 想询问有关导航控制器的问题 如何使导航控制器固定在整个应用程序上 例如 Facebook 导航栏 它始终在导航栏中显示通知 好友和消息 我试图将自定义视图放入 titleView 但每次导航推送新视图时它都会消
  • 在 iPhone 中创建类似 facebook 菜单导航的视图 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我需要在我的 iPhone 应用程序中创建如下所示的视图 我不知道该怎么做 视图描述 如果我按下视图中箭头指示的按钮图标 则会出现一个新视
  • Windows Phone 8 Facebook 登录 应用程序不允许给定 URL

    我正在尝试按照以下教程将 Facebook 登录集成到我的应用程序中facebooksdk net http facebooksdk net 我正在尝试使用Facebook 按钮控制 http facebooksdk net docs ph
  • 如何使用 Facebook SDK API 为页面/网址“点赞”?

    我正在使用这段代码 facebook gt api me likes post array url gt http www google com 我收到以下错误 Fatal error Uncaught OAuthException 200
  • 自定义 Facebook FOSFacebookBundle 登录按钮

    有人知道如何自定义 更改 FosFacebook 登录按钮的图像吗 facebook login button autologoutlink true 并在整页 Facebook 登录上重定向 而不是在弹出窗口上重定向 这使用了 twig
  • Facebook API sdk 4.0 - 将照片发布到 Facebook

    我正在尝试创建一个应用程序 用户可以在其中浏览照片并将其从计算机提交到 Facebook 为此 他们首先必须将照片上传到服务器 然后使用 Facebook 请求将此图像发布到 Facebook 我正在使用多部分 表单数据 这就是我到目前为止
  • Twitter 卡元标签问题

    有问题的网址 https www halleonard com viewpressreleasedetail action releaseid 10261 https www halleonard com viewpressreleased
  • 重定向并保留我的图标

    我想知道当您单击 facebook 上的链接时 facebook 重定向如何保留其 favicon 并使用 FB favicon 打开新选项卡 我想知道如何实现这一点 它不是 iframe 所以我怎么能做这样的事情 我应该从哪里开始 当重定

随机推荐