Cómo optimizar tu Facebook Página para Visual Branding

Es usted pregunt√°ndose c√≥mo optimizar visualmente el nuevo Facebook dise√Īo de p√°gina?

A partir del 10 de marzo de 2011, se hizo oficial: el nuevo Facebook El dise√Īo de p√°gina se aplic√≥ a todas las p√°ginas de fans. Ahora que el polvo se ha asentado, se han solucionado los errores y se han realizado algunos ajustes, los administradores ahora pueden centrar su atenci√≥n en aprovechar al m√°ximo Facebook les ha dado, que es un mont√≥n de pantalla de bienes ra√≠ces!

Esencialmente, El nuevo dise√Īo de p√°gina otorga m√°s de dos tercios del espacio de pantalla disponible a las marcas (vea los cuadros rojos en la imagen a continuaci√≥n), con Facebook reservando solo su estrecha banda azul en la columna superior y derecha para su propio contenido.

hyper arts en facebook
Cada uno de estos cuadros rojos representa √°reas donde puede administrar su marca visual en su Facebook pared.

Este nuevo dise√Īo ampl√≠a enormemente las posibilidades de marca para las empresas. Ahora usted puede crear un Facebook presencia m√°s marcada y unificada de lo que era posible en el dise√Īo anterior. Antes, las √ļnicas oportunidades para la marca visual eran la imagen de perfil y las pesta√Īas personalizadas.

¬°Se trata de marcar m√°s que de dise√Īar!

diferente a otros articulos que se han centrado en pesta√Īas de aterrizaje geniales, este art√≠culo Eche un vistazo m√°s amplio a los elementos disponibles y c√≥mo usarlos para obtener el mejor efecto visual y de mensajer√≠a.

Este art√≠culo ser√° principalmente sobre el foto de perfil (ver la imagen de arriba # 1), el tira de fotos (# 2) y el pesta√Īa de navegaci√≥n (# 3), cuyo uso creativo puede resultar en una p√°gina de fans visualmente atractiva y f√°cil de navegar. Pero el Me gusta destacados (# 4) y el miniatura de foto de perfil (# 5) tambi√©n presenta oportunidades de marca y merece atenci√≥n.

La imagen de perfil: el elemento visual m√°s importante

La imagen de perfil es la identidad visual clave de su marca, ocupando la ubicaci√≥n en la que en los sitios web ver√° el logotipo de la marca. T√ļ quieres darle peso visual ya que ocupa el "rinc√≥n de poder" de la p√°gina.

Las dimensiones m√°ximas permitidas de la imagen de perfil son 180 px x 540 px. Sin embargo, debido a que la pesta√Īa de navegaci√≥n est√° directamente debajo de la foto de perfil, los administradores de la p√°gina deber√≠an equilibre la altura de la imagen y mantenga la navegaci√≥n de su p√°gina sobre el pliegue.

Los administradores de la p√°gina deben ser conscientes de equilibrar los mensajes en su imagen de perfil con la forma en que afecta la posici√≥n de la pesta√Īa de navegaci√≥n. Al igual que con los sitios web, desea mantener su informaci√≥n clave en la mitad superior de la p√°gina.

La imagen de perfil y la tira de fotos deberían funcionar juntas

Como la tira de fotos est√° inmediatamente a la derecha de la foto de perfil, los dise√Īadores deber√≠an considerar c√≥mo cada uno afecta y refuerza al otro. los P√°gina de bibliotecas de Manchester Es un buen ejemplo, pero hay muchos otros.

Biblioteca de Manchester

¬°Y no olvide la miniatura del perfil!

La miniatura es la imagen que acompa√Īa todas sus publicaciones y comentarios a los muros de las p√°ginas, por lo tanto, es su "mini-logotipo" y debe elaborarse con cuidado.

La miniatura, por defecto, solo muestra una sección de su foto de perfil; no puede crear y cargar una imagen específicamente para la miniatura. Sin embargo, usted editar la imagen en miniatura a través de "editar página> imagen de perfil> editar miniatura":

editar miniatura

Simplemente arrástralo a la casilla hasta que estés satisfecho con el resultado. Si tu foto de perfil es:

ejemplo de miniatura

Tu quieres esto:

ejemplo de miniatura

No esta:

ejemplo de miniatura

La tira de fotos: ¬°rueda con la aleatoriedad!

Cuando Facebook agregó la tira de fotos a las páginas de fans, muchos saborearon usarla para crear una marca sin costuras incorporando la foto de perfil y la tira de fotos. Sin embargo, se decepcionaron al descubrir que, a diferencia de los perfiles personales, las cinco fotos de la tira de fotos se barajan cada vez que se carga la página.

Pero muchas p√°ginas se han adaptado y aprovechado r√°pidamente esa aleatoriedad y han seleccionado cinco im√°genes que funcionan en cualquier orden.

HyperArts y Agencia jugosa acentuar la aleatoriedad:

hiper artes

agenda jugosa

Mientras que otras marcas utilizan im√°genes que no dependen de sus pedidos:

doritos "loading =" lazy "class =" native-lazyload-js-fallback "src =" https://www.socialmediaexaminer.com/images/0311tw-photostrip-doritos.png "></p><div class='code-block code-block-8' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<div data-ad=

cuerpo trixan

dise√Īo vital

Como puede ver, la aplicaci√≥n de la aleatoriedad de las cinco im√°genes en la sesi√≥n de fotos es un desaf√≠o de dise√Īo / mensajer√≠a que las marcas y sus dise√Īadores deben aceptar. Es una oportunidad para ser creativo dentro de las reglas.

La pesta√Īa de navegaci√≥n: algo perdido, mucho ganado

Mover la pesta√Īa de navegaci√≥n a la columna izquierda fue probablemente el cambio m√°s desagradable en el dise√Īo de la p√°gina de fans. Los administradores consideraron que su navegaci√≥n de p√°gina hab√≠a sido degradada a un lugar de menor visibilidad.

Pero hay otra cara de esa moneda. En lugar de seis pesta√Īas azules con los nombres a menudo truncados debido a limitaciones de caracteres, ahora tiene 36 caracteres para trabajar con √≠conos personalizados.

Cuando creas tu Propias aplicaciones de iFrame, usted puede crear el √≠cono de la pesta√Īa de la aplicaci√≥n para la navegaci√≥n de pesta√Īas, conectando visualmente la navegaci√≥n con los otros elementos visuales en la p√°gina, o usando "idiogramas" (por ejemplo, una imagen de una bifurcaci√≥n al lado de la pesta√Īa "men√ļ") para reforzar el contenido de la pesta√Īa.

¡Mantenga su navegación podada!

Las p√°ginas deber√≠an evitar la navegaci√≥n que est√° abarrotada de demasiadas pesta√Īas (particularmente pesta√Īas donde hay poco o ning√ļn contenido), √≠conos de calidad y dise√Īo muy variados (esos √≠conos FBML est√°ticos grises ahora se ven anticuados y un poco feos) y ordenados al azar en lugar de por importancia.

navegación en facebook

En los ejemplos anteriores, y, f√≠jate, estas son de grandes marcas, hay pesta√Īas de eventos sin eventos, aplicaciones sin √≠conos, muchos √≠conos FBML est√°ticos obsoletos, etc. ¬°Estas marcas nunca ser√≠an tan descuidadas con la navegaci√≥n de su sitio web!

En t√©rminos de p√°ginas que prestan atenci√≥n a su navegaci√≥n, hab√≠a p√°ginas que iban con el m√≠nimo y reducido …

navegación en facebook

… y otros que usaron iconos personalizados (que puede hacer al crear pesta√Īas de p√°gina de iFrame) para crear una apariencia unificada:

navegación en facebook

Me gusta destacado: oportunidades para marcas cruzadas y asociaciones

El área "Me gusta destacados" en la columna izquierda debajo del recuento Me gusta, presenta una gran oportunidad para que las marcas resaltar otras páginas propias, páginas asociadas o simplemente relacionadas por interés:

Me gusta destacados

Los administradores tienen mucho control sobre los Me gusta destacados.

A través de "editar página> destacado" puede seleccionar cuáles de sus páginas Me gusta (estas son las páginas que le han gustado, no su perfil personal) aparecerán en la rotación de cinco páginas.

Me gusta destacados

La comida para llevar: considere todos los elementos de su marca visual

Debido a que el dise√Īo anterior solo permit√≠a la marca visual de la imagen de perfil y las pesta√Īas personalizadas, eso es realmente a lo que todos los encargados de la marca visual ten√≠an que prestarle atenci√≥n.

Pero es un nuevo d√≠a y un nuevo dise√Īo, n√≠tido y limpio, as√≠ que Mire los elementos anteriores, piense creativamente y √ļselos todos juntos para mostrar una presencia fuerte y convincente!

¬ŅQu√© opinas de estos cambios? Si tiene alguna pregunta o comentario, d√©jelos en el cuadro a continuaci√≥n.