如何设置 og:image 以便从页面获取图像？
Posted
技术标签:
【中文标题】如何设置 og:image 以便从页面获取图像？【英文标题】：How do I set og:image so it takes image from page? 【发布时间】：2012-05-27 04:07:24 【问题描述】：我正在使用 mediawiki 1.19，并添加了 facebook 'like'。当我点击像张贴的图像是网站标志。如何从页面中获取图像。我已经通过http://developers.facebook.com/tools/debug 运行该站点，并且似乎 og:image 设置为站点徽标。如何更改此元属性？ 我的网站是 thepetwiki.com 谢谢
【问题讨论】：
【参考方案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 图像问题以上是关于如何设置 og:image 以便从页面获取图像？的主要内容，如果未能解决你的问题，请参考以下文章
尽管存储桶是公共的，但 Amazon S3 base64 图像不适用于 og:image 标签