如何设置 og:image 以便从页面获取图像？答案

【问题标题】：How do I set og:image so it takes image from page?如何设置 og:image 以便从页面获取图像？
【发布时间】：2012-05-27 04:07:24
【问题描述】：

我正在使用 mediawiki 1.19，并添加了 facebook 'like'。当我点击像张贴的图像是网站标志。如何从页面中获取图像。我已经通过http://developers.facebook.com/tools/debug 运行该站点，并且似乎 og:image 设置为站点徽标。如何更改此元属性？我的网站是 thepetwiki.com 谢谢

【问题讨论】：

标签： facebook mediawiki

【解决方案1】：

您将在页面的 HTML 标记中添加一些自定义 og:tags 并指定要使用的图像...

看看Facebook documentation中的例子——

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>

如您所见，此处指定了 og:image 参数，它允许 Facebook 正确显示与该 URL 关联的元数据...

您可能不需要此处指定的所有 og:tags、title、url、image 和 description 只需一个 LIKE 按钮即可。

您已经知道debugger 工具-它将帮助您调试LIKE 按钮和og:tags。对您的 HTML 标记进行一些更改，每次您都必须通过调试器发送您的 URL 以刷新 Facebook 的 URL 缓存版本。

快速的 Google 搜索给了我这个 mediawiki 扩展，看起来它可以帮助你 -

http://www.mediawiki.org/wiki/Extension:OpenGraphMeta

OpenGraphMeta 为 wiki 上的文章提供 OpenGraph 协议元数据，供 Facebook 等第三方提取...

【讨论】：

如何使用 mediawiki 执行此操作？此外，我不想为每个页面创建新的元标记（我的网站上有 100 个页面）。如何设置它以便 facebook 从内容区域获取图像？
你使用og:tags。很抱歉，我对mediawiki 的了解为零。归根结底，每个单独的 URL 都必须具有适用于 Facebook 的相应元标记 - 否则（如您所见）它将采用它想要的任何图像......
所以检查一下 - 一个快速的谷歌搜索给了我这个结果 - 它似乎是一个 medawiki 扩展名 - mediawiki.org/wiki/Extension:OpenGraphMeta
我已经尝试过扩展和mediawiki.org/wiki/Extension:Add_Metas 来更改元数据，但它不起作用。我无法弄清楚 og:image 是如何开始设置的，目前我将 Meta Tag thepetwiki.com/xxx/thepetwikilogoshare.jpg" /> 设置为我的 og:image 显示在调试器。我该如何改变这个！？！？
似乎可以添加一个新的元标记，但我不能覆盖原来的propert=og:image，所以'facebook like'上发布的图像仍然是标志

【解决方案2】：

见帖子http://www.mediawiki.org/wiki/Extension_talk:Facebook#OpenGraph_image_problems。开放图形编码是 Facebook 扩展的一部分。

【讨论】：

链接错误，链接内没有 OpenGraph 图像问题