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

时间:2012-05-20 08:39:29

标签: facebook mediawiki

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

2 个答案:

答案 0 :(得分:24)

您将在页面的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正确显示与该网址相关联的元数据...

您可能不需要此处指定的所有og:tagstitleurlimagedescription应该只适用于LIKE按钮。

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


快速Google搜索为我提供了mediawiki这个看起来可以帮助您的扩展程序

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

  

OpenGraphMeta提供OpenGraph协议元数据,用于维基上第三方的文章,如Facebook提取......

答案 1 :(得分:1)

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