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

LTe*_*ech 18 mediawiki facebook

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

Lix*_*Lix 26

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

看看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>
Run Code Online (Sandbox Code Playgroud)

如您所见,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为Facebook上的第三方提供维基文章的OpenGraph协议元数据,以提取...


LTe*_*ech 0

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

  • 链接错误,链接内没有 OpenGraph 图像问题 (2认同)