Mil Trucos Blogger

Configura etiquetas META para Facebook

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Ahora que hemos creado nuestro blog con nuestra temática favorita y ya vamos empezando a tener un trafico decente e incluso generando algunos ingresos es también importante configurar correctamente nuestro blog para poder ser compartir en las redes sociales de forma correcta.

A muchos nos debe haber pasado que queremos compartir nuestro blog y no lo vemos como queremos, con una imagen del algún post que se colo o con un texto de algún gadget que no queremos que aparezca, en resumido algo así:

¿Como configurarlo para que se vea bien?
Para suerte nuestra Facebook nos facilita unas etiquetas meta que nos permite manipular esta información a nuestro gusto (Open Graph), podremos elegir que imagen mostrar, que titulo poner y hasta una descripción de nuestro blog teniendo un resultado como este:
Ahora pasaremos a explicar como lograr esto:
 

Nos dirigimos a nuestro editor de plantillas en el blog a editar y Lo primero que debemos hacer es verificar que la etiqueta HTML de nuestra plantilla, tenga agregado lo siguiente; en las plantillas comunes:

<html 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://opengraphprotocol.org/schema/'>

y en las nuevas plantillas:

<html b:version='2' class='v2' 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:og='http://opengraphprotocol.org/schema/'>

Ahora en nuestra misma plantilla justo después de </title> pegamos lo siguiente:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <meta content='TITULO DE TU BLOG' property='og:title'/>
 <meta content='blog' property='og:type'/>
 <meta content='URL DE TU BLOG' property='og:url'/>
 <meta content='URL DE NUESTRO LOGO O IMAGEN' property='og:image'/>
 <meta content='DESCRIPCION DE NUESTRO BLOG' property='og:description'/>
 <meta content='NOMBR DE NUESTRO BLOG' property='og:site_name'/>
 </b:if>

Y guardamos los cambios, con esta ya tendremos bien configurados nuestras metas para Facebook.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

10 Comentarios

  1. Oposito Oposito
    Abril 30, 2014    

    Llevaba tiempo buscando algo parecido porque en facebook me comparte como quiere. Gracias!!

  2. Anonymous Anonymous
    Abril 30, 2014    

    Gracias.

  3. Abril 30, 2014    

    PORFAVOR HAS UN TUTORIAL PARA CONFIGURAR APPS DE FACEBOOK ESPECIFICAMENTE HECHAS PARA BLOGS O WEB Y QUE QUE VAN DE MANO CON ESTAS ETIQUETAS, GRACIAS :-d

    • Mayo 1, 2014    

      Bueno la única app de facebook que he logrado usar con blogger es una que auto-comparte las entradas en nuestros muros, pero esto hará que te bloqueen la cuenta así que no te lo recomiendo [-(

      • Septiembre 27, 2014    

        Claro que no, no tienen permiso en bloquear las cuentas así nomas, por algo existen los plugins de Facebook.

    • Julio 12, 2014    

      Encontré la apps RSS Graffiti, espero no sea de la que estás hablando, porque me dio miedo! Gracias por tus aportes

  4. Mayo 9, 2014    

    Hola gracias por la informacion, mi pregunta es sobre tamaño de la imagen ¿Cualquier tamaño?

  5. Mayo 9, 2014    

    Gracias por la informacion, desde Panama, Mi pregunta es sobre el tamaño de la imagen ¿Puede ser cualquier tamaño la imagen o hay un tamaño sugerido?

    • Septiembre 27, 2014    

      Casi todas las webs tienen tamaño 250 pixeles por 250, o 512 por 512, depende.

  6. Septiembre 27, 2014    

    Facebook configura automáticamente las imágenes de las entradas, inserten bien el código si no quieren que aparezca la misma imagen en todos lados.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo