Questions tagged «facebook-opengraph»

有关Facebook的Open Graph API的编程问题,旨在将代表真实事物的个人资料的网页集成到社交图中


24
FB OpenGraph og:image无法提取图像(可能是https?)
首先-我不相信这是一个重复的问题。我已经在SO上广泛搜索了相同或相似的问题,并且由于在询问之前进行故障排除的性质,我相信这个问题是唯一的。 Facebook无法掌握我的og:image文件,因此我尝试了所有常见的解决方案。我开始认为这可能与它有关https://... 我已经检查了http://developers.facebook.com/tools/debug,并且警告或错误为零。 它在“ og:image”中找到了我们链接到的图像,但它们显示为空白。但是,当我们单击图像时,它们确实存在,并且直接指向它们。 它确实显示一个图像-托管在非https服务器上的图像。 我们尝试了方形图像,jpeg,png,更大和更小的尺寸。我们已将图像正确放置在public_html中。零出现。 这不是一个缓存错误,因为当我们og:image向meta 添加另一个时,FB的linter会找到并读取该错误。它确实显示预览。预览为空白。我们唯一的例外是针对不在此网站上的图像。 我们认为可能是有些反渗滤作用cpanel或.htaccess阻止了图像的出现,所以我们进行了检查。这没有。我们甚至< img src="[remote file]" >在完全不同的服务器上进行了快速浏览,图像显示良好。 我们认为可能是og:type另一个meta标签的或另一个奇怪之处。我们一次全部删除了它们并进行了检查。没变。只是警告。 出现在其他网站上的相同代码没有任何问题。 我们认为可能不是在提取图像,因为我们在多个产品上使用了相同的产品页面(根据get值进行更改,即“ details.php?id = xxx”),但它仍在提取一个图像图片(来自其他网址)。 留下任何og:image或image_src关闭,FB没有找到任何图像。 我在尽头。如果我说自己和其他人花了多少时间,您会感到震惊。问题是这是一家在线商店。我们绝对不能拥有图像。我们必须。我们还有十多个其他站点...这是唯一有og:image问题的站点。它也是唯一的一个https,因此我们认为也许是问题所在。但是我们无法在网上找到任何先例。 这些是元标记: <meta property="og:title" content="[The product name]" /> <meta property="og:description" content="[the product description]" /> <meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" /> <meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" /> <meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" /> <meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" …


21
Facebook的开放图不清除缓存
我在使用Open Graph的元标记时遇到了麻烦。好像Facebook正在缓存我的meta标签的旧值。属性的旧值og:title和og:url仍在使用,即使我已经改变了他们。 我在网站的某个页面上运行Lint ,结果如下: 请注意,有两个值og:title和og:url,最后一个占了上风。但是,最后两个条目是我用于此站点的OLD条目。我现在正在使用这些元标记(您可以验证是否查看HTML的源代码): <meta property="og:title" content="Smart og rummelig pusletaske fra Petit Amour med god plads til alt – værdi 1.099 kr – køb nu kun 599 kr "/> <meta property="og:description" content="Pinq.dk - Det gode liv for det halve"/> <meta property="og:type" content="product"/> <meta property="og:url" content="http://pinq.dk/tilbud/landsdaekkende/lissy/"/> <meta property="og:image" content="http://pinq.dk/wp-content/themes/pinq/images/logo-top.png"/> <meta …

5
开放图名称空间声明:具有XMLNS或标头前缀的HTML?
我已经看到了有关如何最好地实现Open Graph名称空间的相互矛盾的信息。具体来说,Open Graph网站使用几种不同的方法,而Facebook Open Graph示例使用其他方法。 Open Graph网站示例(使用HTML前缀属性): <html prefix="og: http://ogp.me/ns#"> Open Graph网站源代码(使用HTML XMLNS属性): <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"> Facebook Open Graph文档(使用HEAD前缀属性): <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> Facebook Open Graph文档#2(使用HTML XMLNS属性): <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> 推荐的方法是什么?

5
在Chrome Webkit检查器中不断生成“不安全的JavaScript尝试访问带有URL的框架...”错误
例如,在使用Facebook API时,Chrome(或其他任何Webkit浏览器)会抛出大量此类“不安全的JavaScript尝试访问带有URL的框架...”。 它不会干扰实际操作,但确实会使javascript控制台基本无法使用。 我想知道是否有一种方法可以专门在控制台中抑制这些错误?或者,如果您还有其他解决方案,我将不胜感激。 谢谢。


21
在WhatsApp中显示链接的缩略图|| og:图像元标记不起作用
尝试遵循以下问题:提供图片以用于whatsapp链接共享 我用基本的Facebook元标记创建了一个简单的HTML网页: <!--FACEBOOK--> <meta property="og:title" content="San Roque 2014 Pollos" /> <meta property="og:description" content="Programa de fiestas /> <meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" /> Facebook linter可以正确验证,并且在Facebook中显示完美,但是当我尝试通过WhatsApp共享时,图像无法显示。 我正在Android的WhatsApp上尝试 →这是示例网页的URL

8
OpenGraph或Schema.org?
只是想知道你们是否喜欢以下标记之后的OpenGraph协议: <meta property="og:title" content="The Rock" /> <meta property="og:type" content="movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> 或Schema.org协议与 <div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Kenmore White 17" Microwave</span> <img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' /> <div itemprop="aggregateRating" itemscope itemprop="http://schema.org/AggregateRating"> 我认为只需要1个,应该集成哪一个?[实际上您只能集成一个或一个吗?] 坦率地说,恕我直言-我认为OpenGraph对整个代码库“不那么侵入”-因为更容易实现部分视图(使用ASP.NET MVC),而Schema.org协议则需要(至少在我看来)破坏性的HTML加载项在您的代码中? 编辑:似乎我最终集成了这两者-不确定是否允许这样做,但是Schema.org上的文档尚不清楚。值得注意的是,此链接没有提供太多信息 问:schema.org与Facebook Open Graph有何关系? Facebook Open Graph很好地实现了其目的,但没有提供搜索引擎改善用户体验所需的详细信息。单个网页可能包含许多组件,并且可能涉及的内容不止一件事。如果搜索引擎了解页面的各个组成部分,那么我们可以改善数据的表示方式。即使您使用Facebook Open Graph协议标记内容,schema.org也提供一种机制来提供有关页面上特定实体的更多详细信息。 例如,关于乐队的页面可能包含以下任何或全部: 专辑清单 每张专辑的价格 每张专辑的歌曲列表,以及可收听每首歌曲样本的链接 乐队成员的近期演出清单 …

3
打开图可以解析相对URL?
我正在将Facebook Open Graph元标记添加到我的网站。例如: <meta property="og:image" content="../images/aa.jpg"/> Open Graph是否使用相对URL? 否则,我怎么能转换成一个相对URL到一个绝对的URL在asp.net MVC3 -是否有任何可用的功能,这样做呢?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.