Dimensiones del banner de Facebook y mejores prácticas para las fotos de portada

¿Tiene problemas con esas molestas dimensiones de los banners de Facebook? ¿Tu banner o foto de portada no se ve bien? Te tenemos cubierto.

Tu foto de portada de Facebook dice mucho sobre tu marca. Para que una empresa prospere en línea y tenga presencia social, necesita una página de Facebook atractiva. No importa si es un lugar para almorzar en el vecindario o un conglomerado internacional. Su página de Facebook debe verse atractiva y reconocible cuando un cliente la visita y lo primero que ven es la foto de portada o el banner en la parte superior. Conseguir que el banner se vea perfecto requiere un poco de trabajo y la actitud adecuada.

Si alguna vez ha creado su propio banner de Facebook o foto de portada, habrá notado que no se ve igual en el escritorio y en el móvil. Los lados se cortan en el móvil, lo que lleva consigo imágenes o palabras importantes. En este artículo, veremos las mejores prácticas para obtener la foto de portada de Facebook perfecta cada vez. Además, analizaremos los errores que debe evitar y las cosas que nunca olvidará al diseñar su banner de Facebook.

Dimensiones del banner de Facebook para un ajuste perfecto

Lo más importante que debe recordar al crear un banner de Facebook o una foto de portada es la forma en que cambia el tamaño de un dispositivo móvil a otro. En la imagen a continuación, puede ver diferentes secciones alrededor del espacio principal llamado "ÁREA SEGURA". Es en esta área donde se debe colocar toda la información importante, de esa manera se muestra tanto en el escritorio como en el móvil.

El tamaño oficial de un banner o foto de portada de Facebook es de 820 px por 360 px. Si ha creado uno antes, es posible que haya notado que, a veces, Facebook hace que su imagen perfecta se vea borrosa. Por eso nos gusta usar un gráfico más grande con la misma relación de aspecto. La relación de aspecto de un gráfico de 820 px por 360 px es 2.28, así que para asegurarte de que se vea perfecto cuando lo cargas, puedes crearlo a 1230 px por 540 px.

Descargue la plantilla a continuación para Adobe Illustrator (AI) o Photoshop (PSD). Coloque su imagen o diseño en la capa que dice "Inserte su diseño aquí" y luego haga invisibles todas las capas superiores antes de exportar la imagen como un archivo web.

Descarga los archivos

Descárgalo gratis

Únase al boletín de Elegant Themes para obtener esta descarga gratuita, así como notificaciones cuando publiquemos contenido y recursos nuevos para Divi, WordPress, Business y Marketing. Si ya está suscrito, simplemente escriba su dirección de correo electrónico a continuación de todos modos para mostrar el botón de descarga. No estará suscrito a nuestra lista dos veces ni recibirá correos electrónicos adicionales.

DESCARGAR

¡Te has suscripto satisfactoriamente!

Errores comunes que se deben evitar

Es fácil cometer errores tontos al crear un banner de Facebook. Desafortunadamente, estos aparentemente pequeños errores realmente pueden marcar la diferencia cuando se trata de cómo reaccionan las personas a tu foto de portada de Facebook. Veamos algunos de los errores más comunes que debe evitar al hacer un banner de Facebook o una foto de portada para su negocio.

Demasiado texto

La vieja regla de "no más del 20% de texto" ya no es una regla obligatoria en las fotos de portada de Facebook. Sin embargo, debe intentar mantener el texto al mínimo. Tenga en cuenta la cantidad de palabras que usa, pero sobre todo cuánto espacio ocupan en el área segura. Utilice solo las palabras que sean completamente necesarias para enviar un mensaje.

Demasiado desorden

La forma en que puede llenar por error un espacio con demasiado texto, también puede suceder con una combinación de texto e imágenes. Evita hacer que tu foto de portada de Facebook esté demasiado desordenada. No es necesario que pongas toneladas de cosas en tu banner de Facebook, solo tiene que verse bien. Si está promocionando una venta u oferta específica, solo agregue la información más importante y deje que el botón CTA haga el resto del trabajo.

Combinación de colores poco atractiva

Las feas combinaciones de colores son repelentes visuales instantáneos. Trate de no usar colores aleatorios en los gráficos de su foto de portada de Facebook. Su mejor opción es usar los colores de su marca o encontrar algunas paletas de colores atractivas en Colorhunt. Simplemente copie y pegue los códigos hexadecimales de la paleta de colores que eligió en sus editores gráficos. Si está utilizando una fotografía, pruebe algunos colores de la imagen para colorear el texto. Para los banners de Facebook de estilo gráfico visual, limítese a no más de tres o cuatro colores a la vez.

Demasiado poco y demasiado tarde

Otro terrible error es cambiar el banner de las fiestas en el momento equivocado. Una buena regla general es cambiar la foto de portada de Facebook con el tema de las fiestas una semana dos antes de las vacaciones reales. Si vende productos en línea, debe estar especialmente atento a las próximas vacaciones para poder promover sus ventas con el tiempo suficiente.

Mejores prácticas para su marca

Ahora que hemos visto los errores más comunes que debe evitar a toda costa, es hora de analizar lo que siempre debe hacer. Siempre que siga ciertos parámetros, su foto de portada de Facebook funcionará para usted y su marca.

Manténgase en la marca con colores, fuentes y mensajes

Como marca, es su responsabilidad mantener la coherencia desde la web hasta las redes sociales y más allá. La guía de estilo de su marca debe ser el primer punto de referencia al crear un nuevo banner de Facebook o una foto de portada. Utilice los colores y las fuentes de su marca. Mantenga el mensaje y la sensación de su marca a toda costa. Siga el ejemplo de la página de Facebook de Nike, visualizan su marca con su eslogan de marca registrada; Solo hazlo.

Utilice un punto focal para llamar la atención sobre el botón de la página de CTA

Antes de que consideremos agregar un punto focal para el botón Página, asegurémonos de que sepa qué es. Debajo del banner está el botón de la página de CTA de confianza. Puede cambiarlo de acuerdo con lo que desee que haga, desde "comprar ahora" hasta "obtener más información" y un montón de otras opciones. Si aún no ha personalizado este botón, dirá "Agregar botón de página". Haga clic en él para agregar la opción que mejor se adapte a su empresa.

Para personalizar un botón de página de CTA existente, coloque el cursor sobre él y aparecerá un pequeño lápiz de edición. Haga clic en el lápiz y elija "botón editar".

Ahora que conoce el poder de este pequeño botón, es hora de llamar la atención sobre él. Agregue algo en la esquina inferior derecha que llame la atención del espectador. La gente de Superfly agregó un rectángulo negro con la URL de su sitio web justo encima de los botones. ¡No esperan que copie esa URL y la pegue en su navegador! Solo tiene que hacer clic en el botón Comprar ahora. Puede lograr un punto focal para el botón de diferentes maneras, con fotografías, gráficos e incluso flechas.

Utilice imágenes de alta calidad a las que tenga derecho

Utilice siempre fotografías sobre las que tenga derecho a utilizar. No solo sigue las pautas de Facebook, sino que también es de sentido común. Por favor, no use imágenes que encontró en línea y simplemente pegó en su banner, ¡esto puede causarle problemas! Utilice fotografías de archivo por las que haya pagado o imágenes de archivo gratuitas de sitios como Unsplash. Mejor aún, ¡use sus propias fotografías de sus propios productos! El banner de Pepsi en Facebook a continuación es un gran ejemplo.

Intente usar un video en lugar de una foto o un gráfico

¿Por qué no probar con un video en lugar de una imagen? El proceso para subir un video a su banner es el mismo que para agregar una imagen, solo siga las mismas pautas de tamaño. Asegúrese de que todo el movimiento importante en el video esté dentro del 'Área segura' y esté listo para comenzar.

Agregue una descripción con enlaces y fije una imagen relevante en la parte superior de su página

Por último, pero no menos importante, cuando cargue una nueva foto de portada o un banner de Facebook, siempre agregue una descripción con enlaces relevantes. Estos no serán obvios a primera vista, pero cuando alguien haga clic en la imagen podrá ver toda la información que agregaste. Por ejemplo, el banner actual de Starbucks es sobre la Fundación Born This Way y una vez que haces clic en el banner, ves todos los enlaces y etiquetas relacionados con él.

Del mismo modo, Starbucks también tiene una imagen anclada en la parte superior de su página que brinda mucha más información sobre la base en un GIF animado. Lo que hace esta técnica es crear un efecto a gran escala para su página de Facebook. Cuando alguien aterriza en él, puede ver sus tres elementos visuales importantes; el logotipo, la foto de portada y la imagen fijada. Si todo está optimizado, junto con el botón de página, tienen muchas opciones para interactuar.

Conclusión

Tener una página de Facebook optimizada en estos días no es tan difícil. Usa la plantilla de dimensiones del banner de Facebook que se muestra arriba para ayudarte a crear la foto de portada perfecta. Evite errores comunes y siga las mejores prácticas para crear un banner de Facebook, ¡y tendrá una excelente foto de portada en poco tiempo! Recuerda personalizar el botón de tu página y no olvides subir tu gráfico con una descripción relevante.