Agregar meta para facebook a nuestro blog sin error linter

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...

5 comentarios  

Crear una pagina en Facebook

Primero:

Ingresamos a  http://www.facebook.com/pages/create.php  una vez  dentro escogemos el tipo de página que deseas crear puede ser Lugar o negocio local, Empresa, organización o institución, Marca o producto, Artista, grupo de música o personaje público, etc.  Y  llenamos los datos que nos pide.

Tal como se muestra en la siguiente imagen (clic para agrandar)

Segundo:

Ya creada nuestra página nos vamos a editar y agregamos más información sobre nuestra página.

Tal como se muestra en la siguiente imagen (clic para agrandar)

http://www.facebook.com/pages/blogyface/151814111557384

Para URL corta debes tener primero mas de 25 seguidores y quede asi.

http://www.facebook.com/nombre_de_tu_empresa_o_blog

¿Por qué es bueno crear una página facebook a nuestro negocio o web?

1 - Facilidad de vinculación: Desde tu página de fans enlazas directamente tu website.

2 – Los Fans se aprueban solos: La gente puede a ser seguidora de tu página en Facebook sin tener que ser aprobada primero.

3 – Ilimitada cantidad de fans: Puedes tener una cantidad ilimitada de aficionados.

4 - Comunidad: Debido a que los fans pueden hacer comentarios sobre tus posts, se crea un sentido de comunidad en donde pueden compartir sus pensamientos y opiniones.

5 – Lista de correo instantánea: Puedes instantáneamente enviar una actualización a todos los fans.

6 – Divulgación diaria: La gente se conecta y revisa Facebook todos los días.

7 - Relevancia y Control: Te permite mantener las comunicaciones de negocios en tu página de fans y las actualizaciones personales en tu página personal.

8 - Mayor exposición: Las páginas de fans son públicas.

9 – Marketing Viral: Aun si tus fans no toman la iniciativa de recomendar tu página entre su red de amigos y conocidos, en los perfiles personales de todos tus fans se va a ver tu página.

10 – Toma precauciones para que no te cierren la cuenta: Los Términos y Condiciones de uso de Facebook explican que cualquier uso comercial de una cuenta personal es motivo para su desactivación.

Leer más...

0 comentarios  

Poner Boton me gusta de facebook en blogger

Les voy a enseñar de manera rápida y eficaz como se inserta el botón de facebook en todos sus entradas. Empecemos 

Primero 
Nos vamos al blogger > luego clic en diseño > edición HTML > y activamos la casilla EXPANDIR ARTILUGIOS
  Como se muestra en la siguiente imagen(clic para agrandar)

Segundo 


presionamos Ctrl + F para que se habilite el buscador (el cual va a aparecer en la parte de arriba del navegador) ahí pegamos <div class='post-footer-line post-footer-line-1'> ó <p class='post-footer-line post-footer-line-1'> (varía por el tipo de plantilla)
 tal como se muestra en la siguiente imagen (clic para agrandar)


Tercero
Debajo del resultado de la búsqueda que les salga pegan el siguiente código:

<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script><fb:like expr:href="data:post.url" send="false" layout="box_count" width="450" show_faces="false" font=""></fb:like> 

Y guardamos. Si desean modificar el código de tipo de me gusta :


layout -  hay tres opciones.

• standard - muestra el texto social a la derecha del botón y "el perfil amigos fotos a continuación. La anchura mínima: 225 píxeles. ancho por defecto: 450 píxeles. Altura: 35 píxeles (sin fotos) o de 80 píxeles (con fotos).
• button_count -  muestra el número total de le gusta a la derecha del botón. Ancho mínimo: 90 píxeles.ancho por defecto: 90 píxeles. Altura: 20 píxeles.
• box_count -  muestra el número total de los gustos sobre el botón. Ancho mínimo: 55 píxeles. ancho por defecto: 55 píxeles. Altura: 65 píxeles.

show_faces - muestra la foto de tus amigos a los que les gusto, solo se utiliza en      standard . True (si mostrar) False(no mostrar).


send - además boton enviar True (si mostrar) False(no mostrar). 

VEA UN EJEMPLO AQUI

Leer más...

0 comentarios