27

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

4

2 回答 2

30

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

看看Facebook 文档中的示例-

<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 缓存版本。


一个快速的谷歌搜索给了我这个mediawiki看起来可以帮助你的扩展 -

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

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

于 2012-05-20T08:42:19.767 回答
1

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

于 2012-05-22T19:40:51.280 回答