{"id":25596,"date":"2020-07-05T21:53:18","date_gmt":"2020-07-05T21:53:18","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/optimiser-votre-facebook-page-de-marque-visuelle\/"},"modified":"2020-07-05T21:53:18","modified_gmt":"2020-07-05T21:53:18","slug":"optimiser-votre-facebook-page-de-marque-visuelle","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/optimiser-votre-facebook-page-de-marque-visuelle\/","title":{"rendered":"Optimiser votre Facebook Page de marque visuelle"},"content":{"rendered":"

Et toi se demandant comment optimiser visuellement le nouveau Facebook Conception de la page<\/strong>?<\/p>\n

Le 10 mars 2011, c’est devenu officiel: le nouveau Facebook La mise en page a \u00e9t\u00e9 appliqu\u00e9e \u00e0 toutes les pages de fans. Maintenant que la poussi\u00e8re est retomb\u00e9e, que les bugs ont \u00e9t\u00e9 corrig\u00e9s et que certains ajustements ont \u00e9t\u00e9 apport\u00e9s, les administrateurs peuvent d\u00e9sormais concentrer leur attention pour en tirer le meilleur parti. Facebook leur a donn\u00e9, ce qui est beaucoup d’affichage immobilier!<\/p>\n

Essentiellement, La nouvelle mise en page offre aux marques plus des deux tiers de l’espace d’\u00e9cran disponible.<\/strong> (voir les carr\u00e9s rouges dans l’image ci-dessous), avec Facebook r\u00e9servant uniquement sa bande bleue \u00e9troite dans la colonne sup\u00e9rieure et droite pour son propre contenu.<\/p>\n

\"hyperChacune de ces cases rouges repr\u00e9sente les zones o\u00f9 vous pouvez g\u00e9rer votre image de marque visuelle sur votre Facebook mur.<\/figure>\n

Ce nouveau design \u00e9largit consid\u00e9rablement les possibilit\u00e9s de branding pour les entreprises. Maintenant vous pouvez cr\u00e9er un Facebook pr\u00e9sence plus marqu\u00e9e et unifi\u00e9e<\/strong> que ce qui \u00e9tait possible dans la conception pr\u00e9c\u00e9dente. Auparavant, les seules opportunit\u00e9s de branding visuel \u00e9taient l’image de profil et les guides personnalis\u00e9s.<\/p>\n

Il s’agit de marquer plus que de concevoir!<\/p>\n

Contrairement \u00e0 d’autres articles ax\u00e9s sur les guides de d\u00e9barquement l\u00e9gaux, cet article Jetez un \u0153il aux \u00e9l\u00e9ments disponibles et comment les utiliser pour obtenir le meilleur effet visuel et de messagerie<\/strong>.<\/p>\n

Cet article portera principalement sur la image de profil<\/strong> (voir l’image ci-dessus # 1), le bande photo<\/strong> (# 2) et il guide de navigation<\/strong> (# 3), dont l’utilisation cr\u00e9ative peut entra\u00eener une page de fan visuellement attrayante et facile \u00e0 naviguer. Plus ou J’aime la pro\u00e9minence<\/strong> (# 4) et il Vignette de la photo du profil<\/strong> (# 5) pr\u00e9sente \u00e9galement des opportunit\u00e9s de marque et m\u00e9rite l’attention.<\/p>\n

<\/span>La photo de profil: l’\u00e9l\u00e9ment visuel le plus important<\/span><\/h2>\n

L’image de profil est la principale identit\u00e9 visuelle de votre marque, occupant l’endroit o\u00f9 vous verrez le logo de la marque sur les sites Web. Tu veux donner un poids visuel, car il occupe le “coin \u00e9nergie” de la page<\/strong>.<\/p>\n

Les dimensions maximales autoris\u00e9es de l’image de profil sont de 180 px x 540 px. Cependant, \u00e9tant donn\u00e9 que l’onglet de navigation se trouve directement sous la photo de profil, les administrateurs de page doivent \u00c9quilibrez la hauteur de l’image et continuez \u00e0 parcourir la page pli\u00e9e.<\/strong><\/p>\n

Les administrateurs de page doivent \u00eatre conscients de l’\u00e9quilibrage des messages dans la photo de profil avec la fa\u00e7on dont cela affecte la position du guide de navigation. Comme pour les sites Web, vous souhaitez conserver les informations cl\u00e9s dans la moiti\u00e9 sup\u00e9rieure de la page.<\/p>\n

<\/span>La photo de profil et la bande photo doivent fonctionner ensemble<\/span><\/h2>\n

\u00c9tant donn\u00e9 que la bande photo se trouve imm\u00e9diatement \u00e0 droite de la photo de profil, les concepteurs doivent examiner comment chacun affecte et renforce l’autre<\/strong>. La page de la biblioth\u00e8que de Manchester est un bon exemple, mais il y en a beaucoup d’autres.<\/p>\n

\"Biblioth\u00e8que<\/p>\n

<\/span>Et n’oubliez pas la vignette du profil!<\/span><\/h2>\n

La vignette est l’image qui accompagne tous vos messages et commentaires sur les murs de la page; c’est donc votre \u00abmini logo\u00bb et doit \u00eatre soigneusement cr\u00e9\u00e9.<\/p>\n

La vignette, par d\u00e9faut, n’affiche qu’une partie de votre photo de profil; Vous ne pouvez pas cr\u00e9er et t\u00e9l\u00e9charger une image sp\u00e9cifiquement pour la miniature. Cependant, vous modifier l’image miniature<\/strong> via “modifier la page> photo de profil> modifier la miniature”:<\/p>\n

\"Modifier<\/p>\n

Faites-le simplement glisser sur la bo\u00eete jusqu’\u00e0 ce que vous soyez satisfait du r\u00e9sultat. Si votre photo de profil est:<\/p>\n

\"exemple<\/p>\n

Tu veux \u00e7a:<\/p>\n

\"exemple<\/p>\n

Il n’est pas l\u00e0:<\/p>\n

\"exemple<\/p>\n

<\/span>La bande photo: roulez au hasard!<\/span><\/h2>\n

Quand Facebook a ajout\u00e9 la bande photo aux pages des fans, beaucoup aimaient l’utiliser cr\u00e9er une marque parfaite en incorporant votre photo de profil et bande photo<\/strong>. Cependant, ils ont \u00e9t\u00e9 d\u00e9\u00e7us de d\u00e9couvrir que, contrairement aux profils personnels, les cinq photos de la bande sont m\u00e9lang\u00e9es \u00e0 chaque chargement de la page.<\/p>\n

Mais de nombreuses pages se sont rapidement adapt\u00e9es et ont profit\u00e9 de ce caract\u00e8re al\u00e9atoire pour s\u00e9lectionner cinq images qui fonctionnent dans n’importe quel ordre.<\/p>\n

HyperArts et Juicy Agency mettent l’accent sur le hasard:<\/p>\n

\"hyper<\/p>\n

\"horaire<\/p>\n

Alors que d’autres marques utilisent des images qui ne d\u00e9pendent pas de vos commandes:<\/strong><\/p>\n

\"Doritos<\/p>\n

\"<\/p>\n

\"design<\/p>\n

Comme vous pouvez le voir, appliquer le caract\u00e8re al\u00e9atoire des cinq images dans la s\u00e9ance photo est un d\u00e9fi de conception \/ messagerie que les marques et leurs concepteurs doivent accepter. C’est l’occasion de \u00eatre cr\u00e9atif dans les r\u00e8gles<\/strong>.<\/p>\n

<\/span>Le guide de navigation: quelque chose de perdu, beaucoup de profit<\/span><\/h2>\n

D\u00e9placer l’onglet de navigation vers la colonne de gauche a probablement \u00e9t\u00e9 le changement le plus d\u00e9sagr\u00e9able dans la conception de la page des fans. Les administrateurs ont d\u00e9couvert que la navigation dans les pages avait \u00e9t\u00e9 d\u00e9grad\u00e9e vers un emplacement moins visible.<\/p>\n

Mais il y a un autre c\u00f4t\u00e9 \u00e0 cette pi\u00e8ce. Au lieu de six onglets bleus avec des noms souvent tronqu\u00e9s en raison de limitations de caract\u00e8res, Vous avez maintenant 36 caract\u00e8res pour travailler avec des ic\u00f4nes personnalis\u00e9es. <\/strong><\/p>\n

Lorsque vous cr\u00e9ez vos propres applications iFrame, vous pouvez cr\u00e9er l’ic\u00f4ne de l’onglet application<\/strong> pour une navigation par onglets, reliant visuellement la navigation aux autres \u00e9l\u00e9ments visuels de la page ou en utilisant des \u00abidiogrammes\u00bb (par exemple, une image de fourche \u00e0 c\u00f4t\u00e9 de l’onglet \u00abmenu\u00bb) renforcer le contenu des onglets<\/strong>.<\/p>\n

<\/span>Gardez votre navigation \u00e9lagu\u00e9e!<\/span><\/h2>\n

Les pages doivent \u00e9viter de naviguer avec trop d’onglets<\/strong> (en particulier les onglets avec peu ou pas de contenu), des ic\u00f4nes de qualit\u00e9 et de conception tr\u00e8s vari\u00e9es (ces ic\u00f4nes FBML statiques grises ont maintenant l’air dat\u00e9es et un peu laides) et sont tri\u00e9es au hasard et non par importance.<\/p>\n

\"navigation<\/p>\n

Dans les exemples ci-dessus, et notez qu’ils proviennent de grandes marques, il existe des guides d’\u00e9v\u00e9nements sans \u00e9v\u00e9nements, des applications sans ic\u00f4nes, de nombreuses ic\u00f4nes FBML statiques obsol\u00e8tes, etc. Ces marques ne seraient jamais aussi b\u00e2cl\u00e9es lors de la navigation sur votre site!<\/p>\n

En termes de pages qui font attention \u00e0 leur navigation, il y avait des pages avec le minimum et le r\u00e9duit …<\/p>\n

\"navigation<\/p>\n

\u2026 Et d’autres qui ont utilis\u00e9 des ic\u00f4nes personnalis\u00e9es (ce que vous pouvez faire lors de la cr\u00e9ation de guides de page iFrame) pour cr\u00e9er un look unifi\u00e9:<\/p>\n

\"navigation<\/p>\n

<\/span>Likes en vedette: opportunit\u00e9s de marques crois\u00e9es et de partenariats<\/span><\/h2>\n

La zone \u00abAime en vedette\u00bb dans la colonne de gauche sous le nombre de Likes pr\u00e9sente une excellente opportunit\u00e9 pour les marques mettre en \u00e9vidence d’autres pages<\/strong> pages associ\u00e9es ou simplement li\u00e9es par int\u00e9r\u00eat:<\/p>\n

\"J'aime<\/p>\n

<\/span>Les administrateurs ont beaucoup de contr\u00f4le sur les likes en vedette.<\/span><\/h2>\n

Gr\u00e2ce \u00e0 “modifier la page> mettre en \u00e9vidence”, vous pouvez s\u00e9lectionner laquelle de vos pages J’aime (ce sont celles que vous aimez le plus, pas votre profil personnel) qui appara\u00eetra dans la rotation de cinq pages.<\/p>\n

\"J'aime<\/p>\n

<\/span>Pour voyager: consid\u00e9rez tous les \u00e9l\u00e9ments de votre marque visuelle<\/span><\/h2>\n

\u00c9tant donn\u00e9 que la conception pr\u00e9c\u00e9dente ne permettait que la personnalisation visuelle de la photo de profil et des guides personnalis\u00e9s, c’est \u00e0 cela que tous les responsables de la marque visuelle devraient pr\u00eater attention.<\/p>\n

Mais c’est un nouveau jour et un nouveau design, net et propre, donc Jetez un \u0153il aux \u00e9l\u00e9ments ci-dessus, r\u00e9fl\u00e9chissez de mani\u00e8re cr\u00e9ative et utilisez-les tous ensemble pour montrer une pr\u00e9sence forte et convaincante.<\/strong>!<\/p>\n

Que pensez-vous de ces changements?<\/strong> Si vous avez des questions ou des commentaires, veuillez les laisser dans la case ci-dessous.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n