Facebook est devenu la plate-forme préférée des marketeux pour toucher le grand public. De fait, il est primordiale pour une marque d’être présente sur facebook, et cela via une Fan Page.
Nous allons voir en quelques points le meilleur moyen d’optimiser visuellement votre page, pour l’inscrire dans l’identité visuelle de votre marque.
Quelque chose d’évident dans un premier temps, mais souvent oublié, puis un second point un peu plus technique. Let’s go.
La visibilité de votre avatar/logo
Sûrement l’élément le plus important de la landing page, c’est l’avatar ou le logo de votre marque. Facebook vous permet d’uploader une image d’une taille de 200×600 pixels, profitez-en !
La Landing Page
Comme son nom l’indique, la Landing Page sur Facebook, est la page sur laquelle vos visiteurs vont atterrir lorsqu’ils vont suivre votre lien ou un résultat de recherche. Si vous pensez que le visiteur va obligatoirement tomber sur le Wall, vous vous trompez lourdement : vous avez cliqué sur l’image de la Page Victoria’s secret ?
Oui, vous tombez directement sur la page « Spotlight », et ce n’est pas le Wall.
Nous laissons de côté pour l’instant le fait que cet onglet soit étrange, puisqu’il ressemble à une page HTML personnalisée, pour nous concentrer sur la Landing Page.
C’est en réalité extrêmement simple, il suffit de se rendre dans Edit Page puis sur Edit en dessous de Wall Settings et, dans le menu déroulant de Default Landing Page, sélectionner l’onglet que vous voulez.
Créer un onglet personnalisé avec la Static FBML App
Cet onglet personnalisé que nous avons vu plus haut est en fait généré grâce à une application appelée Static FBML App.
Pour l’installer, cliquez ici (ou faites une recherche dans facebook) et cliquez sur Add to my page. L’application apparait alors dans la partie administrateur de votre page. En cliquant sur Application Settings, vous pouvez ajouter un nouvel onglet, puis, en cliquant sur Edit, vous pouvez changer le contenu et le titre de votre onglet.
Et c’est là que ça devient intéressant puisque le FBML, en plus d’être le langage de programmation de Facebook, supporte très bien du HTML simple (pas besoin de balises <html> et <body>). Mais c’est effectivement le FBML qu’il est primordiale de gérer ici. Heureusement, c’est un langage plutôt simple à maitriser pour qui à quelques connaissance en HTML, XML ou PHP.
De plus, Facebook met à disposition des développeurs un Wiki très complet sur les différents tags que proposent le FBML. Sachez donc que vous pourrez rajouter diverses applications, des boxs de commentaires, du contenu flash ainsi que toutes les modules que l’on retrouve sur Facebook.
Vous l’aurez compris, l’enjeu principal est d’associer le FBML à un habillage HTML et de jouer avec les Landing Pages, en fonction de votre stratégie.
Dans l’exemple ci-dessous, la Landing Page d’Harley Davidson nous propose immédiatement d’inviter des amis à devenir fan de la marque, cliquez donc :
Autre exemple, moins judicieux à mon avis, celui de Coca-Cola qui demande à l’utilisateur l’accès à son profil sans vraiment qu’il sache dans quel but :
Vous avez maintenant un petit aperçu de la façon dont les marques construisent leurs Fan Pages, il ne vous reste plus qu’à construire la votre 
Dans le même genre :
19 Comments
Sylvain9 février 2010 18:44
Je pense que tu trouveras ton bonheur sur cette page : http://wiki.developers.facebook.com/index.php/Fb:request-form
.-= Dernier post sur le blog de Sylvain : OceanKing97 vous répond, bande d’internautes irrespectueux =-.
Jim11 mars 2010 12:36
Bonjour,
Est-ce que quelqu’un peut me dire comment faire sur une page de facebook que j’ai crée, pour que les photos de la Page ou groupe, soit vu seulement si on devient fans.
Merci d’avance
Erjan21 mars 2010 18:50
Bonjour et merci beaucoup pour ce petit tuto !
Néanmoins, tout comme la personne au dessus, je voudrais savoir quoi mettre dans le FBML pour faire en sorte que:
Les gens qui arrive sur la page doivent devenir fan pour accéder a l’onglet photo !
Ou bien peut être justement, dans ce FBML mettre une photo secrète =D qui serait lié au fait qu’il soit fan de la page ou pas !
Merci pour ceux qui aurons prix la peine de lire mon post, je suis moi même aller sur:
http://wiki.developers.facebook.com/index.php/Fb:request-form (Sans trouver mon bonheure =)
Encore une foi, merci a vous.
Nicolas [Z-Factory]26 mai 2010 13:45
Hello! Merci pour ton article.
Sais-tu s’il existe un code pour afficher ses twitpics dans un onglet via FBML ?
Merci d’avance !
.-= Dernier post sur le blog de Nicolas [Z-Factory] : [Vintage pépite] Une pub cathodique pour le… jus de raisin ! =-.
Sylvain26 mai 2010 13:49
@Nicolas Regarde peut-être du côté d’une application. Sinon il faut récupérer le flux RSS de ta page twitpic, je te conseil Grafiti RSS pour ca.
.-= Dernier post sur le blog de Sylvain : Des images de la v.4 ont fuité =-.
Nicolas [Z-Factory]26 mai 2010 14:12
@Sylvain : merci de ton aide 
.-= Dernier post sur le blog de Nicolas [Z-Factory] : [Vintage pépite] Une pub cathodique pour le… jus de raisin ! =-.
Sabrina29 mai 2010 11:41
Bonjour,
j’aimerais faire pour quand un fan clique sur mon onglet E-boutique il arrive sur mon site mais je ne sais pas comment il faut faire pareil pour mon blog.
je suis novice, je ne sais pas faire de script.
Pourrais tu me dire comment faire ?
Merci d’avance
Fab387 juin 2010 15:10
Salut,
Pour de l’aide j’ai trouvé un bon site mais bon ya pas tout : http://www.awsclic.com/l/316454
bruno13 juillet 2010 15:19
aidez moi s’il vous plait je suis arriver à mettre l’encart inviter mes amis sur ma page mais sur les notifications de mes amis ils ne peuvent pas accepter la notification car il n’y a pas l’icône le seul icone présent c ignorer que dois je faire pour faire apparaitre l’icône accepter l’invitation??
bruno13 juillet 2010 15:57
Je suis bloqué du fait que sur facebook j’ai crée une page qui s’appelle Facebook Actualités pour donner toutes les actu sur le site et j’ai remarqué que l’ont pouvaient mettre un encart ou onglet avec l’option inviter tout ces amis j’ai suivi les codes sur le site que Sylvain nous raconte:
Je pense que tu trouveras ton bonheur sur cette page : http://wiki.developers.facebook.com/index.php/Fb:request-form
Mais ensuite lorsque j’affiche la page invite les sur ma page facebook tout fonctionne comme prévu mais le probleme es ailleurs lors de l’arrivé de la notification chez mes amis il n’ont pas l’icone pour accepter juste l’icone ignoré comment puis je faire quel sont les codes pour mettre cette icone ?Merci d’avance
Sylvain13 juillet 2010 16:08
Salut Bruno,
Tu es sur un blog ici, pas un forum, donc évite de mettre trois commentaires à la suite.
Là par exemple je suis en train de travailler, donc je ne peux pas te répondre tout de suite.
Ensuite, tu peux te rendre compte que cette article date de décembre 2009, Facebook et le FBML ont grandement évolué depuis, certains de mes conseils ne sont donc plus à jour.
Pour finir, pourrais-tu s’il te plaît éviter de maltraiter ainsi la grammaire et la syntaxe du français en plaçant, je ne sais pas moi, des virgules, des points, etc.
Tes commentaires sont bourrés de faute, je te conseille amicalement de travailler un peu ton orthographe et ta conjugaison si tu veux te faire comprendre (j’ai du relire 10 fois ton commentaire pour comprendre de quoi il retournait …)
Bonne journée à toi, j’essaierai de regarder ton problème quand j’aurai le temps, d’ici là, je te souhaite de bonne recherche.
Dar Jadida25 décembre 2010 9:29
Merci pour cette explication elle ma faciliter la tache pour creér mon premier formulaire de recherche sur facebook
Danone sur Facebook; du laid pas frais «15 février 2011 13:32
[...] les images un peu funky. N’ont-ils pas un jeune justement qui s’y connait en HTML pour habiller (faire abstraction du lolcat olé olé svp) cette page affreusement [...]
fabore.com30 juin 2011 14:43
Merci pour l information
karim24 novembre 2011 0:29
mirci
Delphine Desmarets20 janvier 2012 10:57
Bonjour,
J’avais déjà une landing page sur Facebook, mais avec une seule image et pas de liens, ce que je trouvais un peu limité.
Après avoir passé pas mal de temps à essayer de rendre cette page plus pro, j’y suis arrivée et j’ai mis en ligne un tutoriel ultra simple et rapide accessible à tous, donc si vous aussi vous avez envie d’avoir plusieurs visuels et des liens sur votre page d’accueil, allez voir cet article :
http://delphine-desmarets.com/2012/01/19/personnaliser-page-fan-facebook/
oyons8 février 2012 11:12
love,peace and you!!!
Leave A Comment
Posting your comment...
cindy8 février 2010 14:27
Comment faire pour ajouter l’onglet invite tes amis comme pour hartley.
Quel est le code html.?
Merci de m’aider