headline photo

Entradas populares

Agregar meta para facebook a nuestro blog sin error linter

jueves, 23 de junio de 2011

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 == &quot;item&quot;'>
<meta expr:content='&quot; &quot; + data:blog.pageName' property='og:title'/>  
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/>  
<meta content='article' property='og:type'/>  
</b:if> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<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 -->
y lo guardas.
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:

Leonardo Casales dijo...

Muy bueno el blog

Anónimo dijo...

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/

Axel dijo...

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

Anónimo dijo...

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

Libreman dijo...

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