Facebook打开图表meta标签和有效的HTML [重复](Facebook open graph meta tags & valid html [duplicate])
可能重复：
属性属性的Html验证错误根据Facebook使用他们喜欢的按钮和开放图表元标签，你需要将这样的东西放在你的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”/>？
我不愿意使用有效的“名称”而不是“属性”来尝试我的网站，因为如果我尝试并且在我的网站上不起作用，那么任何在我测试时点击的人都会失败。 所以...有谁知道如果我使用'名称'而不是“财产”这将仍然工作？
Possible Duplicate:
Html validation error for property attributeAccording to facebook to use their like button and the open graph meta tags you need to place something like this into your html page.
<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"/>What the hell are they playing at? This is invalid html, the attribute 'property' is not and never has been an attribute of the meta tag so why on earth have facebook used this instead of <meta name="og:title" content="The Rock" />?
I am reluctant to try on my site live with valid 'name' instead of 'property' because if I do try and it doesn't work on my site then anyone who clicks like while i am testing it out will have their like fail. So ... Does anyone know if I use the use 'name' instead of 'property' will this still work?
最满意答案
不要忘记，他们也希望你向html标签声明一些模式 - 特别是通过
xmlns:og="http://opengraphprotocol.org/schema/的开放图表OG是基于RDFa ，它添加了附加属性到元标记。一旦你完成了，一定要添加你的fb：like -
<fb:like href="http://developers.facebook.com/" width="450" height="80"/>-很简单 不要忘记添加xmlns:fb="http://www.facebook.com/2008/fbml"否则你会很伤心在关于元标记验证的SO上找到了这个答案 。 做这个答案描述应该让你通过任何w3c验证器。
Don't forget that they also want you to declare some schemas to the html tag - specifically the open graph one via
xmlns:og="http://opengraphprotocol.org/schema/. OG is based on RDFa which adds the additional attributes to the meta tags.Once you're done with that, be sure to add your fb:like -
<fb:like href="http://developers.facebook.com/" width="450" height="80"/>- the example is pretty straightforward. Don't forget to addxmlns:fb="http://www.facebook.com/2008/fbml"otherwise you will be sadFound this answer on SO regarding validation of the meta tag. Doing what that answer describes should give let you pass it through any w3c validator.
相关问答
更多-
不要忘记，他们也希望你向html标签声明一些模式 - 特别是通过xmlns:og="http://opengraphprotocol.org/schema/的开放图表OG是基于RDFa ，它添加了附加属性到元标记。 一旦你完成了，一定要添加你的fb：like -
-
首先，我想重申，我几乎肯定你的问题是由于你传入调试器的url没有动态生成的事实。 网址标签基本上作为重定向器。 除非它是完全相同的（意思是url元对象上的元标记与您传递的url中的元标记相同）作为您正在测试的URL，否则您将无法获取所需的结果。 元标记 需要动态生成。 调试器被重定向到您的默认索引页，而不是动态生成的页面。 例如，我为每个我正在使用的对象分配一个id，所以我有一个像下面这样的东西
Facebook Crawler无法访问Open Graph头元标记(Open Graph head meta tags not accessible to Facebook Crawler)[2023-01-23]
我能够通过更改控制器中的respond_to块来解决此问题，因为我试图显示的文章。 我有这样的事情： class ArticlesController < ApplicationController def show ... respond_to do |format| format.js format.html end end end 但是，我注意到当我执行curl https://website.domain.com/123456 ，返回的第一 ...Facebook的URL Linter ？ 编辑：啊，然后提到这个问题。 Facebook URL Linter? EDIT: Ah, then refer to this question.关于1： og:type应该是您的情况下的网站，我猜，而不是产品。 看到 https://developers.facebook.com/docs/reference/opengraph 关于2： 您需要为og:image属性传递绝对路径，而不是相对路径。 看到 https://developers.facebook.com/docs/opengraph/creating-custom-stories/#objecttypes-properties 关于3： 我认为这是由错误的og:type引起的 Conc ...Facebook喜欢开放图形元标记，喜欢Facebook页面(Facebook like open graph meta tags required when liking an Facebook page)[2023-02-02]
任何新的喜欢都会从https://www.facebook.com/MY_FACEBOOK_PAGE获取内容。 旧的喜欢（据我所知）仍将指向旧内容https://www.MY_URL.se/ 。 因此，您的喜欢计数不会累积在两个页面上。 Any new likes will grab content from https://www.facebook.com/MY_FACEBOOK_PAGE. The old likes (as far as I know) will still point to the ...Facebook根本不解析JavaScript，你不能使用动态Open Graph标签。 无论如何，在飞行中改变它们并没有多大意义。 您只能在服务器上动态更改OG标签 - 显然。 例如： https://yourdomain.com/dynamicogtags.php?title=xxx&description=xxx ： https://yourdomain.com/dynamicogtags.php?title=xxx&description=xxx这里的问题是protect_from_forgery方法。 我添加了一个例外，Facebot现在可以看到该页面了。 class StoriesController < ApplicationController protect_from_forgery except: :show The problem here was my protect_from_forgerymethod in application.rb. I added an exception and the Facebot c ...您的OG元标记的语法是错误的。 https://developers.facebook.com/docs/opengraphprotocol/ The syntax of your OG meta tags is wrong. https://developers.facebook.com/docs/opengraphprotocol/你能用Javascript更新meta和Open Graph标签吗？(Can you update meta and Open Graph tags with Javascript?)[2022-05-06]
关于OG标签，FB会以与搜索引擎机器人相同的方式查看您的页面，因此使用Javascript更改它们对于FB linter是不可见的，因为它甚至不会在您的页面上运行任何JS。 Regarding OG tags, FB sees your page the same way that search engine robots do, so changing them with Javascript will be invisible to the FB linter as it won't even run ...相关文章
更多- HTML meta标签
- Web scraper open source
- 删除Hbase的META中多余表项
- 关于微信公众号内嵌网页的几个meta标签
- 请教 JS 的 window open 问题
- There is already an open DataReader associated with this Connection which must be closed first
- elasticsearch too many open files
- Open Source Search Engines in Java
- HTML转义标签
- HDFS中的文件open操作
最新问答
更多- 在javascript中创建类以创建对象并在Java中创建类和对象之间的区别(Difference between creating a class in javascript to create an object and creating an class and object in Java)
- Facebook API：将身份验证详细信息从Javascript SDK发送到PHP SDK(Facebook API: Send authentication detail from Javascript SDK to PHP SDK)
- 如何停止队列动画jquery？(How can I stop queue animation jquery?)
- 使用C＃的井字游戏中的人工智能(Artificial Intelligence in Tic-Tac-Toe using C#)
- 多少流量可以共享虚拟主机（对于Python Django站点）支持？(How Much Traffic Can Shared Web Hosting (for a Python Django site) support?)
- 带有CIFilters的CAShapeLayer(CAShapeLayer with CIFilters)
- 如何在Angular 2中读取JSON #text(How to read in Angular 2 the JSON #text)
- 如何在xml中读取自闭标签的属性？(How to read self closing tag's attribute in xml?)
- 无法使用http put将图像上传到亚马逊S3(Cannot upload image to amazon s3 using http put)
- 文件结束无限循环(end of file infinite while-loop)
- 在cpp的模板(template in cpp)
- 在构建库时，clang和clang ++有什么区别？(What's the difference between clang and clang++ when building a library?)
- ng类中的表达式(expression inside ng-class)
- 在PHP中获取随机布尔值true / false(Get random boolean true/false in PHP)
- 管道的高效分块用于严格的字节串(Efficient chunking of conduit for strict bytestring)
- Python ternary_operator（如果其他标志做了其他操作，则执行其他操作）(Python ternary_operator (do-somthing if flag else do-another))
- Sencha Touch面具发布(Sencha Touch mask ondisclosure)
- 验证脚本上的通知[重复](Notices on validation script [duplicate])
- 朋友功能(friend function)
- 基于角坐标平移和变换平面几何(Translate and transform plane geometry based on corner coordinates)
- Rails：'如果在本地运行'条件javascript标记包括(Rails: 'if running locally' conditional javascript tag include)
- 解压文件(Unzipping files)
- 使用ui-router以角度加载变量状态(loading in variable states with ui-router in angular)
- 创建Azure云服务需要多长时间？(how long does it take to create an Azure Cloud Service? How to view log information?)
- 指向整数的指针数组(Array of pointers to integers)
- Laravel服务提供商没有看到我的包的主要类(Laravel service provider does not see the main class of my package)
- 这个关于VSS / RSS / PSS / USS的解释是否准确？(Is this explanation about VSS/RSS/PSS/USS accurate?)
- 在Django-Admin中通过row-id排序显示项目(Ordering the display items by row-id in Django-Admin)
- 如何使用cythonize启用`--embed`？(How to enable `--embed` with cythonize?)
- 用于将文本多行设置的Excel脚本(Excel script for ereasing text multiple rows)