Facebook Cover Image 2016

Si eres Community Manager o manejas tu página de Facebook, seguramente ya te diste cuenta que muchas cosas han cambiado desde 2015, empezando por la Facebook Cover Image.

Si no te interesa leer el resto del post y solo estás aquí por la descarga, aquí tienes el link:

Facebook Image Cover PSD Template 2016
780 Downloads

Entre otras cosas, aquí algunas de las diferencias:

  • La imagen de portada de Facebook para las páginas ahora mide 828 x 315 pixeles en lugar de los 851 x 315 que medía antes.
  • Hay un degradado encima de la imagen que oculta la parte baja como fondo de contraste para el título de la página.
  • Se agregan las cateogorías de página debajo del título
  • Hay que considerar el espacio que ocupan los botones de CTA, Like y Mensaje.
  • En móvil, la imagen es la misma pero más angosta
    • El espacio que ocupa el display pic es menor
    • El espacio que ocupa el Título de la página y las categorías también cambia

Tomando todas estas cosas en consideración, me di a la tarea de buscar una plantilla en photoshop que me permitiera cambiar las cover images de todas las páginas de Facebook que manejo.

Para mi desgracia, había muy pocas y la mayoría están todavía con las medidas del año pasado.

No he encontrado una sola plantilla de photoshop que me sirva para cambiar mi Facebook cover image así que decidí hacer la mía.

Después de unas cuantas horas de trabajo, aquí está.

Facebook Cover Image 2016

Facebook Image Cover PSD Template 2016
780 Downloads

Está hecha en PS 5.1 para garantizar mayor compatibilidad y además porque es la versión que tengo.

Cómo utilizar la plantilla

  1. Abre la plantilla en photoshop.
  2. Dale doble click al ícono de la capa “Cover Image” Cover Image Facebook 2016
  3. Te abrirá una nueva ventana de un documento con todo el grid de referencia para los espacios que quedan cubiertos. facebook cover image template 2016
  4. Activa los grupos de “desktop” y “mobile” para ajustar tu imagen.facebook cover image desktop template facebook cover image mobile template
  5. Cuando hayas terminado, guarda el archivo y regresa al archivo original para que veas como queda en el mockup.
  6. Si estás satisfecho, regresa a la segunda ventana que abrió photoshop (Cover Image Grid Lines.ps). Si la cerraste, no te preocupes: vuelve a hacer doble click en el ícono de la capa Cover Image.
  7. Dentro de la ventana de Cover Image Grid Lines desactiva la visibilidad de los grupos Desktop y Mobile.
  8. Guarda el archivo en el formato de tu preferencia, jpg o png.
  9. Voilá! Sube tu nueva imagen a Facebook.

😃 Que la disfruten.

Ustedes disculparán que esté la Facebook Cover de Surfing Munsters pero mi bandita necesita de todo el apoyo que podamos obtener.

No se olviden que pueden bajar gratis el álbum de Surfing Munsters en Bandcamp.

¿Cómo agregar la etiqueta author de Facebook en mi blog?

Seguramente has oído hablar de la reciente inclusión de una etiqueta author por parte de Facebook en el ya de por si extenso universo de metaetiquetas opengraph. De manera similar a cuando google implementó authorship en los resultados de búsqueda, ahora cada que compartas una publicación será posible ver el author de cada post y tener un enlace directo al perfil de Facebook de esta persona.

Hacer uso de esta etiqueta es relativamente sencillo y aquí te voy presentar dos formas de hacerlo. La fácil y la hardcore. Si no tienes conocimientos de programación y te provoca ansiedad la posibilidad de romper tu blog por experimentar con hardcode para insertar la etiqueta author en tu blog, entonces debes probar la

Forma sencilla de agregar la etiqueta author de Facebook a tu blog.

Posiblemente has escuchado hablar del plugin Yoast WordPress SEO. Hay una versión gratuita que incluye muchas de las funciones básicas, entre ellas la de incluir las metas de open graph en tus páginas. Solo tienes que activar la casilla que dice “Agregar los datos meta de Open Graph”

Añadir datos meta de Open Graph Coast SEO

Además, deberás incluir la URL a tu perfil de Facebook en tu perfil del blog para que esta se muestre automáticamente en las cabeceras de tu blog. Esta sección la encuentras en el menú de tu dashboard. Está en la sección Usuarios -> Tu perfil (en inglés dice Users -> Your Profile).

Cambiar la URL de tu perfil de facebook en wordpress

Si quieres agregar tu perfil de Facebook y Twitter estás en todo tu derecho. Debes recordar que así como hay etiquetas opengraph para Facebook, Twitter y las twittercards también tienen su propio set de metaetiquetas.

Sumamente sencillo, ¿verdad?

Ahora bien, si tienes ganas de hardcodear un rato y de paso entender más las etiquetas Open Graph, hay una forma más compleja de incluir la etiqueta author de Facebook en wordpress. Pero para aprenderla tendrás que estar atento a mi próximo post donde explicaré todo esto a detalle.