Actualizado 18 de agosto del 2011
Esto es primordial a la hora de que los robots de facebook (linter) recogen datos de nuestro blog, como muchos tienen problemas para esto a la hora de comprobar sus url en este post les enseñare como se coloca de manera fácil todos los metas!
Aquí pueden comprobar en que estado están los metas de tu blog http://developers.facebook.com/tools/lint/
Nos vamos a blogger > Diseño > Edición HTML :
Bueno comenzásemos buscando <html ....>(por lo general esta por la tercera o cuarta linea del código en blogger) y y lo reemplazamos por este código
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'>
Ahora de nuevo Ctrl+F y buscamos </head>arriba de el pegamos lo siguiente (lo que esta de verde se cambia)
<!-- Facebook open graph -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='" " + data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta expr:content='data:blog.pageName + " posts"' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content=' titulo del blog ' property='og:title'/>
<meta content='blog' property='og:type'/>
<meta content=' descripción de la pagina principal del blog(nada que ver con articulos) ' property='og:description'/>
<meta content='imagen de tu blog' property='og:image'/>
</b:if>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content=' nombre de tu blog ' property='og:site_name'/>
<meta content='Id de tu aplicacion facebook' property='fb:app_id'/>
<meta content='el id de tu cuenta facebook' property='fb:admins'/>
<!-- Facebook open graph -->
Para la meta de descripción es un poco mas amplio pero también es importante y mucho a a la hora que publiques tu url como enlace en facebook acá te dejo la url de mi otro post donde te explico paso a paso
http://blogyface.blogspot.com/2011/06/como-poner-descripcion-de-enlaces.html
* Si a la hora de comprobar con el linter te sale error de id de aplicación es por que te falta configurar tu aplicación facebook en sitio web.
Como en la imagen
Comentar es agradecer
5 comentarios:
Muy bueno el blog
Hola. yo probé el código del botón "me gusta" en facebook y el botón se publica en cada entrada, pero al dar me gusta no se pone el numero en el cuadro ni tampoco se publica que me gusta el enlace en mi muro ¿Por qué puede ser? agradecería tu respuesta. Gracias.
http://dafne-inferno.blogspot.com/
disculpa por la demora! amigo para que te solucione ese problema debes configurar tu aplicacion facebook asi como se vee en la ultima imagen tienes que poner la url de tu blog en site url y lo guardas
ya he intentado mucho hacer esto y me sale: No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "meta" must be followed by either attribute specifications, ">" or "/>".
Error 500
ayudame mi face es diegodaforce018@hotmail.com y mi blog es www.diegodaforce.blogspot.com
Hola, esto esta de lujo. ya hacía tiempo que lo buscaba.
Pero tengo un problema.
Al darle a me gusta, si no tocas nada se publica correctamente en facebook
pero en el blog aparece el recuadro para "agregar un comentario y si añades algo la entrada en face aparece mal, y el popup no desaparece de mi blog
¿que puede ser?
gracias de antemano
Publicar un comentario