open - Facebook abre metaetiquetas de gráficos y html válido

og:type

Question

Posible duplicado:
Error de validación de HTML para el atributo de propiedad

De acuerdo con Facebook para usar su botón Me gusta y las metaetiquetas de gráfico abierto, necesitas colocar algo como esto en tu página 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"/>

¿A qué diablos están jugando? Este es html no válido, el atributo ''propiedad'' no es y nunca ha sido un atributo de la metaetiqueta así que ¿por qué ha usado Facebook esto en lugar de <meta name = "og: title" content = "The Rock" />?

Soy reacio a probar en mi sitio en vivo con un ''nombre'' válido en lugar de ''propiedad'' porque si lo intento y no funciona en mi sitio, cualquiera que haga clic mientras lo estoy probando tendrá errores similares. Entonces ... ¿Alguien sabe si utilizo el uso ''nombre'' en lugar de ''propiedad'', ¿seguirá funcionando?

Answer 1

No olvide que también quieren que declare algunos esquemas a la etiqueta html, específicamente el gráfico abierto a través de xmlns:og="http://opengraphprotocol.org/schema/ . OG se basa en RDFa que agrega los atributos adicionales a las etiquetas meta

Una vez que haya terminado con eso, asegúrese de agregar su fb: like - <fb:like href="http://developers.facebook.com/" width="450" height="80"/> - the example es bastante sencillo. No olvides agregar xmlns:fb="http://www.facebook.com/2008/fbml" contrario estarás triste

Encontré esta respuesta en SO con respecto a la validación de la metaetiqueta. Hacer lo que describe la respuesta debería permitirle pasarlo a través de cualquier validador w3c.