Facebook Banner Dimensiones y fotos de portada Mejores prácticas


¿Tienes problemas con esas molestas dimensiones de banner de Facebook? ¿Su 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 una presencia social, necesita una buena página de Facebook. No importa si es un lugar de almuerzo en el vecindario o un conglomerado internacional. Su página de Facebook debe verse atractiva y reconocible cuando un cliente lo visita y lo primero que ve es la foto de portada o el banner en la parte superior. Hacer que la pancarta se vea perfecta requiere un poco de trabajo y la actitud correcta.

Si alguna vez ha creado su propio banner de Facebook o foto de portada, habrá notado que no se ve igual en computadoras de escritorio y dispositivos móviles. Los lados se cortan en el móvil y se llevan 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 cosas que nunca olvidará al diseñar su banner de Facebook.

Dimensiones del banner de Facebook para un ajuste perfecto

Dimensiones del banner de Facebook

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

El tamaño oficial de un banner de Facebook o una foto de portada 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, por lo que para asegurarse de que se ve perfecto cuando lo carga, puede 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.

Errores comunes a evitar

Es fácil cometer errores tontos al crear un banner de Facebook. Desafortunadamente, estos errores aparentemente pequeños realmente pueden marcar la diferencia cuando se trata de cómo las personas reaccionan a su 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 antigua regla de "no más del 20% de texto" ya no es una norma obligatoria en las fotos de portada de Facebook. Sin embargo, aún 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. Use solo las palabras que son completamente necesarias para enviar un mensaje.

Demasiado desorden

Del mismo modo en que puede llenar el espacio por error con demasiado texto, también puede suceder con una combinación de texto y elementos visuales. Evite hacer que su foto de portada de Facebook sea demasiado abarrotada. No es necesario poner toneladas de cosas en su 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.

captura de pantalla del sitio web colorhunt

Combinación de colores poco atractiva

Las combinaciones de colores feos son repelentes visuales instantáneos. Intenta no usar colores aleatorios en los gráficos para tu 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, muestree algunos colores de la imagen para colorear el texto. Para los banners de Facebook con estilo gráfico visual, no se adhiera a más de tres o cuatro colores a la vez.

Demasiado poco y demasiado tarde

Otro error terrible es cambiar su banner de vacaciones en el momento equivocado. Una buena regla general es cambiar su foto de portada de Facebook con temática festiva una semana dos antes de las vacaciones reales. Si vende productos en línea, debe ser especialmente consciente de las próximas vacaciones para poder promocionar sus ventas con suficiente tiempo.

Mejores prácticas para su marca

Ahora que hemos visto los errores más comunes que debe evitar a toda costa, es hora de ver lo que siempre debe estar haciendo. 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 mantenerse constante desde la web hasta las redes sociales y más. 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. Use sus colores y fuentes de marca. Mantenga el mensaje y la sensación de su marca a toda costa. Siguiendo el ejemplo de la página de Facebook de Nike, visualizan su marca con el eslogan de su marca registrada; Simplemente hazlo.

Foto de portada de Facebook de Nike

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

Antes de considerar agregar un punto focal para el botón de Página, asegurémonos de saber qué es. Debajo de la pancarta está el botón de la página de CTA de confianza. Puede cambiarlo de acuerdo con lo que desea que haga, desde "comprar ahora" hasta "aprender más" y muchas 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, desplace 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".

Captura de pantalla de las preferencias del botón de página de Facebook

Ahora que conoce el poder de este pequeño botón, es hora de llamar su atención. Agregue algo en la esquina inferior derecha que captará 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. ¡Puedes lograr un punto focal para el botón de diferentes maneras, con fotografía, gráficos e incluso flechas!

Foto de portada de Facebook de BeSuperfly

Utilice imágenes de alta calidad a las que tiene derechos

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

Foto de portada de Facebook de Pepsi

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

¿Por qué no probar un video en lugar de una imagen? El proceso para subir un video a su banner es el mismo que agregar una imagen, solo siga las mismas pautas de tamaño. Asegúrese de que todos los movimientos importantes en el video estén dentro del "Área segura" y que estén listos para comenzar.

Gif de Colgate Banner de Facebook

Agregue una descripción con enlaces y ancle 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 banner de Facebook, siempre agregue una descripción con enlaces relevantes. Esto no será obvio a primera vista, pero cuando alguien haga clic en la imagen, podrá ver toda la información que agregó. Por ejemplo, el banner actual de Starbucks trata sobre la Fundación Born This Way y una vez que hace clic en el banner, verá todos los enlaces y etiquetas relacionados.

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 imágenes importantes; el logotipo, la foto de portada y la imagen anclada. Si todo está optimizado, junto con el botón de página, tienen muchas opciones para interactuar.

Fundación Starbucks Born this Way

captura de pantalla de la página de Facebook de Starbucks

Conclusión

Tener una página de Facebook optimizada en estos días no es tan difícil. Use la plantilla de dimensiones de banner de Facebook que se encuentra arriba para ayudarlo 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! Recuerde personalizar el botón de su página y no olvide cargar su gráfico con una descripción relevante.