Aprovecha la imagen que se muestra al compartir tu web o blog en Facebook para atraer a quien lo vea

13.7.16


¿Sabes cómo se ve tu web o blog cuándo lo compartes en un grupo de Facebook, en tu perfil personal o en el de un amigo y lo quieres dar a conocer?

¿Y qué pasa?

Lo que pasa es que la primera imagen de tu web o blog (en este caso la cabecera) es la imagen que aparecerá en Facebook junto al link de tu blog o página.

En mi caso antes era así (con mi cabecera cortada!)

 


Y sinceramente no aporta demasiada información a alguien que ve tu publicación en Facebook y nunca antes había oído a hablar de ti.

Lo ideal sería poder crear una imagen específica para ser compartida en Facebook cuando publiques el enlace de tu blog/web.

Así sería mejor, ¿verdad?

Abracadabra....los meta tags te solucionarán el problema!


Qué dimensiones debe tener la imagen

Ten en cuenta que la imagen que vas a compartir será una imagen asociada a un enlace y por lo tanto deberá tener unas medidas de como mínimo 600x315 píxeles, para que se vea como el siguiente enlace:


En el caso de que crees una imagen que sea más pequeña que 600 x 315 píxeles, cuando compartas el enlace se verá así (y esto no es lo que tu quieres).



Fatal, ¿verdad? 

Sólo tienes que crear una imagen con las dimensiones adecuadas y no tendrás estos problemas.


Qué debe contener la imagen

Esto es una cuestión bastante personal.

¿Cómo te presentarías a alguien que no te conoce?

A lo mejor ya te hiciste esta pregunta el día que creaste la cabecera de tu blog.

Si la cabecera de tu blog es tu carta de presentación, seguramente puedes aprovechar la misma idea, pero con las dimensiones indicadas para Facebook.

¿La cabecera de tu blog no es una presentación para alguien que no te conoce?

No pasa nada.

Crea una imagen especial para esta ocasión.

Puede contener:

  • una foto tuya profesional.

  • una foto tuya más personal o cercana.

  • tu logotipo.

  • el nombre de tu blog.

  • una frase que resuma qué hay en tu blog o de que tema trata.

  • una imagen con alguno de tus productos o ebooks.

  • una llamada a la acción.

  • una frase de bienvenida.


Ya has visto algunos ejemplos de lo que puede tener la imagen de presentación de tu blog o web.

Ahora te toca a ti trabajar y crear una super imagen que te describa y deje huella.


¿Vas a desaprovechar esta oportunidad que te da Facebook?

Sólo piensa en la cantidad de veces que se ha compartido la página principal de tu blog a través de Facebook y te darás cuenta que necesitas tener una imagen personalizada.

Cuando alguien entra en tu web/blog y le gusta, tiene ganas de compartirla con sus amigos y conocidos y es muy probable que lo haga a través de Facebook.

Si no te convence, mira sólo aquí abajo el número de usuarios y comparticiones que tiene Facebook a diario!


Con un par de números lo verás más claro.

Sólo imagínate que 10 personas comparten tu página inicial.

Y que cada una de estar personas tiene 400 amigos en Facebook (por no decir 1400), en total, van a ver la publicación con tu página 4000 personas!

¿Lo entiendes?

Tienes la oportunidad de hacer que 4000 personas que vean tu página por primera vez, les entren ganas de pinchar en ella y ver qué se esconde detrás de esta publicación en Facebook.

Si continuas con tu imagen de cabecera (que por cierto no se ve entera, sino cortada!!) seguramente no conseguirás llegar a muchas personas.

¿Te he convencido?

Espero que sí, porqué esta media hora (como mucho) que vas a invertir en esta imagen, te ayudará a promocionar tu web/blog a través de Facebook, en los perfiles personales de todas las personas que la compartan!

Es una oportunidad de oro!


Cómo lo puedes hacer para compartir la imagen que quieres en Facebook

Para hacerlo sólo tienes que añadir meta datas en tu plantilla HTML del blog.

Si tienes Blogger:
  1. Entra en Plantilla

  2. Ahora pincha en Editar HTML

  3. Y justo debajo de <head>, pegas este código


        <b:if cond='data:blog.url == data:blog.homepageUrl'>
           <meta content='URL_DE_LA_IMAGEN' property='og:image'/>
        </b:if>
           <meta content='URL_TU_FACEBOOK' property='article:author'/>


    Donde pone URL_DE_LA_IMAGEN debes poner la URL de la imagen que quieras que se comparta en Facebook si compartes la página principal de tu blog. La imagen la debes subir a internet (a tu blog, Picasa, servidor privado,...) para obtener una URL.

    Donde poner URL_TU_FACEBOOK, debes poner la URL de tu página de Facebook (lo que aparece en la barra superior del navegador cuando estás en tu página de Facebook).

  4. No te olvides de guardar los cambios, sino no será efectivo.


Si tienes Wordpress:
  1. Lo mejor es que añadas los meta tags siguientes a través de alguno de los plugins Yoast SEO o All in One, o el que utilices tu normalmente.



        <b:if cond='data:blog.url == data:blog.homepageUrl'>
           <meta content='URL_DE_LA_IMAGEN' property='og:image'/>
        </b:if>
           <meta content='URL_TU_FACEBOOK' property='article:author'/>


    Donde pone URL_DE_LA_IMAGEN debes poner la URL de la imagen que quieras que se comparta en Facebook si compartes la página principal de tu blog. La imagen la debes subir a internet (a tu blog, Picasa, servidor privado,...) para obtener una URL.

    Donde poner URL_TU_FACEBOOK, debes poner la URL de tu página de Facebook (lo que aparece en la barra superior del navegador cuando estás en tu página de Facebook).

  2. Dependiendo de la plantilla que tengas puede ser que sea necesario añadirlo directamente al código HTML de tu plantilla. 



Ten en cuenta que los cambios no son inmediatos y que puede ser que tarde unas horas o un par de días a hacerse efectivo.

Ahora la página principal de tu blog ya está lista para ser compartida!

¿Ta habías fijado nunca que la imagen que se compartía no era la adecuada? ¿Vas a aprovechar esta imagen inicial que puedes personalizar? Nos leemos en los comentarios.

Laura


¿Te ha servido lo que has leído?

Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)


¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.