validar metatags de facebook en w3c?

mayid · #1 (**permalink**) 24/02/2011, 07:55

Los dichosos metatags de facebook para el boton Me Gusta no validan en la W3C. Y es una pena, porque realmente aportan funcionalidad al boton. Que hacer?

El error es este:

Cita:

Line 23, Column 18: there is no attribute "property"
<meta property="og:title" content="Cárabo. Joyería y Bisuter&ia…

tanatos_neon · #2 (**permalink**) 02/06/2011, 02:44

Mira, yo lo hice asi y funciona.

<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<meta property="og:title" content="titulo"/>
<meta property="og:type" content="product"/>
<meta property="og:site_name" content="web"/>
<meta property="fb:admins" content="885888585"/>
<meta property="og:description" content="descripcion"/>
<meta property="og:image" content="link"/>');
//]]>
</script>

Ese codigo tambien vale para validar el resto de componentes FBML de facebook.

mayid · #3 (**permalink**) 02/06/2011, 07:23

Que bueno. Ingenioso!

sgardes · #4 (**permalink**) 30/10/2012, 09:53

Sos un grande Tanatos_neon anda a la perfeccion!

chichote · #5 (**permalink**) 30/10/2012, 11:42

jajaja, está buena, pero de todos modos lo que haces es engañar al validar de la w3c, pero los tag del protocolo open graph de facebook no son validados por la w3c, por la simple razon de que no son estándares.

Saludos.

jrlopez · #6 (**permalink**) 31/10/2012, 00:24

Los open graph no son de facebook y la forma para que lo validen es usando <html xmlns:og="http://ogp.me/ns#">

este protocolo es de la w3c y se inventó para crear una internet con mayor información de forma que cada web fuera un objeto con una serie de información adicional enriquecida. Creen erroneamente que es de facebook por todo el ruido que ha hecho con esto desde el F8 de 2010, aunque la idea original es de Tim Berners-Lee el padre de la web. Lo utiliza google, microsoft, yelp y muchos mas(y no estoy seguro pero creo que wordpress también).

En definitiva facebook vio un protocolo que le podría servir y lo acoplo a su sistema, y le dio un buen impulso a este.

Aunque facebook también implemento algunas metas propias como fb:app_id, para que se validen necesitas adicionar en el html xmlns:fb="http://www.facebook.com/2008/fbml

http://developers.facebook.com/docs/opengraphprotocol/

Este es el link para saber como usarlo.

Es de anotar que facebook ha ido un paso adelante y a permitido desarrollar una web mas virales y un ejemplo concreto de esto son los artículos de yahoo que muestra en tu muro cuantos amigos tuyos lo han visto.

chichote · #7 (**permalink**) 31/10/2012, 05:47

Open Graph fue creado por Facebook, inpirado en el trabajo de otras personas pero fue creado por Facebook (lee el pie de pagina de ogp.me). En esto hay una doble lectura porque a fecebook le conviene desligarse de dicho proyecto y a modo de organizacion sin fines de lucro o de fundacion, de ese modo pueden matar dos pajaros de un tiro, por lado descuentan impuestos y por otro impulsan un concepto que va en beneficio directo de facebook. http://whois.domaintools.com/ogp.me ;) oooh sorpresa, el propietario del dominio es nada mas ni nada menos que facebook.

Otra cosa importante, el rol de la w3c es estandarizar tecnologías y entre sus servicios está entregar un validador a los usuarios. Este validador contrapone Los tags y sus respectivos atributos utilizados en una página web con los tags estandares almacenados en su base de datos. Pero los og no están incluidos dentro de estos estandares, es por eso que no son validados por la w3c, y lo que se hace con <html xmlns:og="http://ogp.me/ns#"> es decirle a la w3c en muy simples palabras: "validame esta web, y como se que og no está en tu base de datos aquí tienes los parametros que no debes tomar en cuenta en tu validación", y de ese modo el reporte de la w3c será limpio y no mostrará los errores producto de los atributos og que no existen en la base de datos de la w3c.

En resumen el resultado es el mismo que logra tanatos_neon con su javascript.

Saludos.

el_java · #8 (**permalink**) 07/01/2013, 14:30

ami lo de tanatos me funcionó, pero traté de hacer lo otro e igual no lo pesca..

<html xmlns="http://www.w3.org/1999/xhtml" lang="es"
xmlns:og="http://ogp.me/ns#">

:/
estará bien?