【问题标题】:Facebook OG tags and sharing pages with imagesFacebook OG 标签和图片分享页面
【发布时间】:2014-07-16 15:38:08
【问题描述】:

我已经为此苦苦挣扎了好几个小时,但没有得到任何结果。

我有以下元标记:

<meta property="og:type" content="website" />
<meta property="og:title" content="I'm going to see Speaker name" />
<meta property="og:description" content="This is the description of the speaker" />
<meta property="og:url" content="http://example.com/Speakers.aspx?speaker=35" />
<meta property="og:image" content="http://example.com/test.jpg" />
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="315">

通过 Facebook 调试工具运行此 URL 后,我收到以下错误消息: 'website' 类型的 URL 'http://example.com/Speakers.aspx?speaker=35' 处的对象无效,因为未提供 'url' 类型的必需属性 'og:image:url'。

根据 Open Graph 协议 (http://ogp.me/#structured),og:image 和 og:image:url 是相同的,但我还是尝试添加它:

<meta property="og:image:url" content="http://example.com/RGDDT/images/test.jpg" />
<meta property="og:image:type" content="image/jpeg" />

但是页面上的前 7 张图片仍在被抓取,而不是我想要使用的那张。

任何见解将不胜感激!

【问题讨论】:

    标签: metadata facebook-sharer facebook-opengraph


    【解决方案1】:

    所以我终于解决了这个问题。

    问题 #1:我使用的是“永久”网址 (/getmedia/3c87abee-1cd0-4ca3-a07d-b7d8fde8ec4b/irma1.jpg.aspx?width=437&height=434&ext=.jpg)而不是“直接” URL (/RGDDT/media/RGDDT/Speakers/facebook-share/irma-boom.jpg?width=600&height=315&ext=.jpg)。这是我能够在 Kentico(我们用来构建此站点的 CMS)中配置的设置

    问题 #2:我在 Facebook 调试工具中获得了我想要的结果,但是当我尝试从实时站点共享时,它们被缓存了。感谢this article,我能够通过添加'&v=1'(或者'?v=1',如果你的URL末尾没有查询字符串)来解决这个问题,所以Facebook认为这是一个新页面请求并且没有缓存我今天早上硬编码的描述。

    【讨论】:

    • 多年后...您如何将 OG 标签塞入 Kentico 的页面中?您是否以我可以复制的通用方式进行操作,以便如果有人试图将它们放入 Facebook(或 LinkedIn),大多数页面最终都会有很好的链接?
    • 我使用了 HEAD webpart
    【解决方案2】:

    这可能是best article on which metatags you need。 Facebook 要求您拥有一个 ID,以便现在甚至可以使用“赞”按钮。我在你的 sn-p 中看不到那些元标记。尝试添加:

    <meta property="fb:app_id" content="1111111111111111" />
    <meta property="fb:admins" content="2222222222" />
    

    第一个是你的app_id号,看来你甚至需要把你的博客变成一个应用程序才能让Facebook开心。第二个是您的个人身份证号,如果有的话,您也可以使用您的粉丝专页。包含这些内容似乎让 Facebook 很高兴,我认为您可以使用 Google Analytics(分析)解决您的问题。

    【讨论】:

    • 谢谢 Muskie - 我要分享的页面不是 Facebook 应用程序,所以我看不出这有什么关系。客户甚至没有与该网站相关联的 Facebook 粉丝页面(不是博客)。另外我没有使用“喜欢”按钮。我正在通过 AddThis 使用“分享”按钮
    • 现在所有的博客都是Facebook的应用程序,如果你使用Facebook WordPress插件,你必须成为一个应用程序。如果你使用 Disqus 插件,你必须成为一个应用程序。 AddThis 必须是应用程序,他们正在获取分析而不是您。
    • 该网站不是基于 Wordpress 构建的。它不是博客。它是一个网站。我也没有使用 Disqus 插件。
    • 我认为您不了解 Facebook 对应用程序的定义。无论是从移动设备还是从网络,以任何有意义的方式访问 OpenGraph API 的所有东西,Facebook 似乎都想调用一个应用程序并让它/他们注册。如果你想要最漂亮的喜欢/分享按钮,你需要注册你的应用程序。不管您是博客还是电子商务网站,您都想要最奇特的 Facebook geewhiz 功能,您需要神奇的 ID 号。
    • 如您所见,我最终解决了我的问题。我的共享现在按预期工作,无需在我的元数据中注册应用或提供应用 ID。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-15
    • 1970-01-01
    • 2013-09-21
    • 2021-11-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多