Tag: opengraph

og:types和有效值:不断被parsing为og:type = website

有人会build议为什么FBdebugging/ lint工具说og:types是“网站”,尽pipeog:types被设置为og:bar? https://developers.facebook.com/tools/debug/og/object?q=www.shamrockirishbar.com%2Fpubquiz 因此,它不validation与“酒吧”types相关的og:location和类似内容。

Facebook开放图元标签的最大内容长度

有谁知道每个Facebook的开放图元标签的最大有效长度? http://ogp.me/上的元标记的描述没有列出最大长度,只有一般的描述,例如对于描述元标记的“对象的一到两个句子描述”。 从我所了解的情况来看,一般来说meta标签没有最大的内容长度,只是为了使search引擎优化的原因保持一定的长度。 我很想知道是否存在硬性限制,以及在发布到Facebook的链接上可见的限制是什么。

Facebook的开放graphics错误 – 推断的属性

我试图在我的产品页面上实现Facebook的OpenGRaph协议。 在每一页上,我都有这个头部分上面: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> 然后在头部我有: <meta property="og:title" content="This Page Title"/> <meta property="og:type" content="product"/> <meta property="og:url" content="http://www.mywebaddress.com"/> <meta property="og:image" content="http://www.myimage.jpg"/> <meta property="og:site_name" content="My Site Name"/> <meta property="fb:admins" content="10101010101"/> <meta property="og:email" content="hello@mywebaddress.com"/> <meta property="og:description" content="Description of my product."/> 然后我有一个这样的代码“喜欢”button: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id […]

Facebook的开放图元标签&有效的HTML

可能重复: 属性属性的Htmlvalidation错误 根据Facebook使用他们喜欢的button和打开graphics元标签,你需要把这样的东西放到你的HTML页面。 <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"/> 他们在玩什么? 这是无效的HTML,属性“属性”不是,也从来没有一个元标记的属性,所以为什么地球上有facebook使用这个而不是<meta name =“og:title”content =“The Rock”/>? 我不愿意尝试在我的网站上使用有效的“名称”而不是“财产”,因为如果我尝试了这种方式,并且这种方式在我的网站上不起作用,那么任何点击就像我正在testing它的人都会失败。 所以…有没有人知道如果我使用“名称”而不是“财产”这将仍然工作?

在WhatsApp ||中显示链接的缩略图 og:图片元标记不起作用

试图遵循这个问题: 提供一个WhatsApp链接共享的图片 我用基本的Facebook元标记创build了一个简单的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的lintervalidation正确,并在Facebook上显示完美,但是当我试图通过WhatsApp分享图像不显示。 我正在尝试在Android上的WhatsApp → 这是示例网页的URL

FB.init已被调用

我正在build设Facebook的iframe应用程序。 我的应用程序被加载一次(我收到signed_request一次),然后我使用内部域链接浏览iframe中的页面。 我注意到我在Chrome和Firefox中看到了这些奇怪的消息 FB.init has already been called – this could indicate a problem 我很确定,这个方法只被调用一次,似乎Facebook希望我每个应用程序加载调用一次(不是每页一次)。 window.fbAsyncInit = function() { FB.init({ appId: param('facebook_app_id'), frictionlessRequests: true, oauth: true, channelUrl: site_url('/channel.html') }) } 我在这里做什么错误(如果有的话)?

Open Graph命名空间声明:带有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"> 什么是推荐的方法或甚至不重要?

Chrome webkit inspector中不断产生“不安全的JavaScript尝试访问带有URL的帧…”错误

Chrome(或任何其他webkit浏览器)在使用Facebook API时会抛出大量这样的“不安全的JavaScript尝试访问带有URL的帧…”。 它不会干扰实际操作,但它确实使JavaScript控制台基本无法使用。 我想知道是否有一种方法来抑制这些错误,特别是在控制台? 或者,如果有其他解决scheme,你们可以想到,我真的很感激它。 谢谢。

打开HTML5的graphicsvalidation

有没有办法让Facebook的蹩脚的开放图元标签来validation,如果我的文档types是<!DOCTYPE html> (HTML5)? 除了facebook的Open Graph元标记之外,我的文档完全validation。 我真的不想使用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">因为这会造成一系列新的问题。 这里是一个有问题的validation错误的例子。 错误行11,列47:在此元素meta不允许的属性属性。 <meta property="og:type" content="website" /> 任何帮助,将不胜感激…我一直在寻找和closures了几天无济于事。

FB OpenGraph og:图像不拉图像(可能是https?)

首先 – 我不相信这是一个重复的问题。 我已经在SO上search了相同或相似的问题,而且由于问题的性质,我相信这个问题是独一无二的。 Facebook不能抓住我的og:image文件,我已经尝试了所有常用的解决scheme。 我开始认为这可能与https://… 我检查了http://developers.facebook.com/tools/debug并没有任何警告或错误。 它是在“ og:image ”中find我们链接的og:image ,但是它们显示为空白。 然而,当我们点击图像时,它们确实存在,并且对它们是直接的。 它会显示一个图像 – 一个托pipe在非https服务器上的图像。 我们尝试了方形图像,JPEG,PNG,更大的尺寸和更小的尺寸。 我们把这些图片放在public_html里。 零显示。 这不是一个caching错误,因为当我们添加另一个og:image元,FB的linter确实find并阅读。 它显示预览。 预览是空白的。 我们唯一的例外是不在这个网站上的图像。 我们认为可能是cpanel或者.htaccess上有一些防止图像出现的反向过滤,所以我们检查了一下。 这没有。 我们甚至在一台完全不同的服务器上做了一个快速的< img src="[remote file]" > ,图像显示正常。 我们认为也许这是og:type或另一个元标记的另一个怪胎。 我们把它们全部删除,一次一个,然后检查。 不用找了。 只是警告。 不同网站上的相同代码显示没有任何问题。 我们认为可能是因为我们使用多个产品的相同产品页面(基于获取值,即“details.php?id = xxx”)来改变它,但它仍然在拉一个图像图像(来自不同的url)。 离开任何og:image或image_src,FB没有find任何图像。 我在绳索的尽头。 如果我说过自己和别人花了多less时间,你会感到震惊。 问题是这是一个在线商店。 我们绝对肯定不能有图像。 我们必须。 我们有十个左右的其他网站…这是唯一一个与og:image问题。 这也是https上唯一的一个,所以我们认为这可能是问题所在。 但是我们在网上找不到任何先例。 这些是meta标签: <meta property="og:title" content="[The product name]" /> <meta […]