headline photo

Entradas populares

Mostrando entradas con la etiqueta publicacion. Mostrar todas las entradas
Mostrando entradas con la etiqueta publicacion. Mostrar todas las entradas

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

Leer más...