À l'attention des lecteurs
Cet article a été publié il y a 1 an 11 mois 7 jours.
Il est possible que les informations proposées ne soient plus valables.

Conseils et étapes pour créer sa Landing-Page sur Facebook

Vous l’aurez sans doute remarqué si vous me suivez sur différents réseaux sociaux via mon profil Twitter (@Kriisiis) ou mon profil Facebook, je passe actuellement un certain temps à m’intéresser aux « Landing Pages » des Fan-Pages Facebook. De quoi s’agit-il, exactement ? Tout simplement de l’onglet sur lequel arrive un internaute lorsqu’il souhaite visiter une Fan-Page. Lorsque celui-ci n’a pas encore « aimé » celle-ci, il est possible de le diriger vers un onglet personnalisé, customisé en HTML, et donc bien plus accrocheur, d’où une accentuation parfois très marquante du taux de conversion.

Je souhaiterais aujourd’hui vous proposer « 10 conseils et étapes pour créer sa Landing-Page sur Facebook », billet que j’ai organisé selon mon expérience et mon ressenti de la semaine. Je n’ai nullement les compétences graphiques requise (l’ergonomie est essentielle !), raison pour laquelle je n’aborderai pas tellement les aspects techniques dans cet article, mais plutôt une méthodologie. Je vous souhaite une bonne lecture.


1. Définissez les motivations de la création de cette page

Dans un premier temps, attardez-vous sur vos motivations, sur les différentes raisons de la création de cette Landing-Page. Que voulez-vous vraiment ? Un premier aperçu positif ? Plus de fans à travers un meilleur taux de conversion ? Un besoin de donner des informations, de situer vos autres présences, d’argumenter pour l’adhésion ? Les réponses à vos questions vous permettront dans un premier temps de définir la manière dont vous allez gérer l’ergonomie de votre page d’atterrissage.


2. Répertoriez les éléments que vous souhaitez voir apparaitre

Suite à cela, et que ce soit en tête à tête avec vous-même ou en équipe, faites un brainstorming. Définissez une liste des éléments que vous souhaiteriez voir apparaître, puis sélectionnez-en un certain nombre. Travaillez sur l’ergonomie et l’agencement de votre encart, et situez la manière dont vous allez pouvoir reprendre votre identité visuelle sur le web : cela vous permettra de générer une certaine reconnaissance chez les visiteurs, et donc d’augmenter votre taux de conversion.


3. Préparez une maquette et peaufinez son ergonomie

L’idée de la maquette est de pouvoir définir préalablement l’organisation des différents blocs que l’on va insérer sur la Landing-Page afin de pouvoir juger de leur complémentarité. Essayez de trouver un juste milieu : il vous faudra présenter assez d’informations pour rester attractif mais savoir également ne pas trop alourdir votre encart pour ne pas repousser les visiteurs en ne leur simplifiant pas la lecture. Comme on dit « Less is more », et cela marche également pour les Landing-Pages.


4. Faites ou faites-faire les illustrations à afficher

Si vous avez les compétences suffisantes pour préparer des illustrations de qualité (permettez-moi d’insister), alors il est l’heure de vous mettre au boulot. Si vous travaillez avec une équipe « PAO », alors fournissez-leur votre maquette. Attention, essayez de ne pas dépasser les 760 pixels de large et les 800-900 pixels de haut pour votre maquette, sinon quoi votre landing-Page pourra s’avérer démesurément grande et ne sera pas visualisée avec une attention, disons, maximale.


5. Préparez le code HTML adéquat pour un bon rendu

Nous allons ultérieurement utiliser une application qui transforme le HTML en FBML, langage utilisé par Facebook au sein de sa plateforme. Afin de garantir un rendu identique voire très proche de celui espéré, essayez de simplifier au maximum votre code. Par exemple, j’ai pour habitude de créer de simples tableaux lorsque je réalise ce genre d’onglets. Je sais par contre que l’on peut intégrer des formulaires, je n’ai cependant pas assez de connaissances pour vous expliquer comment faire.


6. Installez l’application Static FBML sur votre page

L’application que nous allons utiliser est la plus connue de toutes pour ce qui est de la réalisation de Landing-Pages, et se nomme « Static FBML ». Elle est disponible officiellement via Facebook à cette adresse. Cliquez sur « Ajouter à ma Page », sélectionnez la page concernée dans le cas où vous en auriez plusieurs, puis allez sur votre page avant de cliquer sur « Editer ». Vous retrouverez alors l’application dans votre administration, avec la possibilité d’éditer son contenu (ajout de HTML).


7. Collez le code HTML et validez la création de la landing-page

Cliquer sur le bouton « Editer » au niveau de votre page d’administration de Fan-Page pour l’onglet de « Static FMBL ». Vous pourrez alors choisir le « Box Title », c’est-à-dire le titre qui caractérisera l’onglet (essayez d’ailleurs de ne pas choisir un titre trop long, un seul mot suffit !), ainsi que coller votre code HTML dans l’encart « FBML ». Il ne vous reste alors plus qu’à sauvegarder. Notez que vous pouvez intégrer un autre encart FBML à votre page avec le bouton « Add another FBML Box ».


8. Faites de cette page votre nouvelle Landing-Page

Une petite erreur que font souvent les « Facebookeurs » est de croire qu’il suffit simplement de sauvegarder cet onglet pour qu’il fasse automatiquement office de Landing-Page. Or, ce n’est pas le cas. Rendez-vous dans le panel d’administration de votre Fan-Page, cliquez sur « Edit » au niveau du cadre « Wall Settings », puis sélectionnez votre nouvel onglet dans la catégorie « Default Landing Tab for Everyone Else ». La sauvegarde se fait alors automatiquement, vous n’avez pas à valider ce choix !


9. Vérifiez le rendu pour une personne encore non-membre

Maintenant que votre nouvelle Landing-Page est en place, allez vérifier le rendu. Votre nouvel onglet est présent parmi ceux déjà disponibles initialement, parfois en cliquant sur la petite flèche permettant de visualiser les onglets qui ne tiennent pas sur la largeur de la page. Vérifiez que la page est bien en place, que le code HTML n’est pas abimé par le FBML, et mettez-vous à la place d’un nouveau visiteur. Est-ce que cette Landing-Page vous donne envie de rejoindre cette Fan-Page ?


10. Demandez un feedback de la part des internautes

Pour terminer, n’hésitez surtout pas à demander un feedback aux internautes, idéalement à des personnes qui s’y connaissent ou à votre cœur de cible (pour peu qu’il s’agisse déjà de contacts avec qui vous êtes familiarisé). Ils vous expliqueront, avec leurs propres mots et leur propre point de vue, ce qui va, ce qui ne va pas, ce qui devrait être amélioré, etc. Je vous suggère alors de vous pencher sur les différentes remarques, et de corriger votre Landing-Page en fonction des réactions.

Si vous avez la moindre question, ou la moindre amélioration à apporter au contenu de cet article, n’hésitez pas à m’en faire part dans les commentaires de cet article. En attendant, je vous propose de me retrouver sur Facebook, en m’ajoutant à vos contacts (Christophe Ramel) ou en devenant fan de Kriisiis.fr. Vous pouvez également me retrouver sur Twitter (@Kriisiis) !

  • Pingback: Kriisiis sur Blogasty

  • Pingback: Les tweets qui mentionnent 10 conseils et étapes pour créer sa Landing-Page sur Facebook | -- Topsy.com

  • http://twitter.com/legizz leGizz

    Ou alors utiliser : http://tigerlilyapps.com/ ;o)

  • http://twitter.com/LalexAndrea Lalex

    Merci, du coup j’ai fait et mis en place la mienne : http://bit.ly/lalex !

  • http://twitter.com/wassuptigerlily Tigerlily Apps

    Très bon article ! Étape par étape, on ne pouvait pas mieux expliquer ;)

  • http://twitter.com/legizz leGizz

    Ou alors utiliser : http://tigerlilyapps.com/ ;o)

  • http://twitter.com/LalexAndrea Lalex

    Merci, du coup j'ai fait et mis en place la mienne : http://bit.ly/lalex !

  • http://twitter.com/wassuptigerlily Tigerlily Apps

    Très bon article ! Étape par étape, on ne pouvait pas mieux expliquer ;)

  • http://twitter.com/Rykian Rykian

    C’est pas le truc qui va bientôt être abandonné ça ? :)

  • Pingback: 10 conseils et étapes pour créer sa Landing-Page sur Facebook « Tech me, le blog

  • http://twitter.com/Rykian Rykian

    C'est pas le truc qui va bientôt être abandonné ça ? :)

  • Ledid33

    bonjour, Tigerlily en version gratuite ne marche pas… j’ai bien accès au menu Modules Apparence mais y a rien qui bouge sur ma page… comment faire ? merci

  • Ledid33

    bonjour, Tigerlily en version gratuite ne marche pas… j'ai bien accès au menu Modules Apparence mais y a rien qui bouge sur ma page… comment faire ? merci

  • http://www.ecommerceunited.com Ecommerce United

    Bonjour et merci pour ce récapitulatif, bravo

  • http://www.ecommerceunited.com Ecommerce United

    Bonjour et merci pour ce récapitulatif, bravo

  • Pingback: Créer une landing page Facebook efficace | Actualités réseaux sociaux, rédaction & référencement | Florian Karmen

  • http://twitter.com/sebfrossard Frossard Sébastien

    A moins que ton nom soit : Sergiy Balynets.
    Quand on clic sur » mon profil facebook » 2ème ligne de l’article, on tombe sur le profil d’un mec qui habite en Ukraine.
    Sinon bon article ;-)

  • http://twitter.com/sebfrossard Frossard Sébastien

    A moins que ton nom soit : Sergiy Balynets.
    Quand on clic sur » mon profil facebook » 2ème ligne de l'article, on tombe sur le profil d'un mec qui habite en Ukraine.
    Sinon bon article ;-)

  • Pingback: 10 éléments à intégrer dans des onglets FBML de votre Fan-Page Facebook |

  • Pingback: [RESEAUX SOCIAUX] – Changement d’identité visuel | Blog UWL-Communication

  • http://www.zephyr-os.fr site internet vendée

    la taille en largeur a été réduite de 760 à 520 px.

  • http://www.zephyr-os.fr site internet vendée

    la taille en largeur a été réduite de 760 à 520 px.

  • Pingback: 20 étapes pour créer et animer une Fan-Page Facebook (Partie 1 sur 2) |

  • bidart

    ou trouve t-on le code s’il vous plait ? Je cherche partout depuis des jours…

  • bidart

    ou trouve t-on le code s'il vous plait ? Je cherche partout depuis des jours…

  • http://www.essentialhomme.fr Duc Tran

    Bonjour,
    Tout d’abord, merci beaucoup pour ces supers conseils. J’ai suivi votre conseil pour créer la landing-page, cependant je ne trouve pas du tout l’onglet « wall setting ». Par contre, j’ai cliqué sur « Edit Page » puis choisir la page à atterrir dans « Default Landing Tab ». Le problème est que lorsqu’on clique sur mon lien : http://www.facebook.com/pages/Essential-Homme/139604239407757
    c’est toujours la page wall par défaut qui s’affiche et non pas l’image que j’ai choisie.
    Pourriez-vous m’indiquer le moyen pour la rectifier ?
    Merci d’avance,

  • http://www.essentialhomme.fr Duc Tran

    Rebonjour,
    Au fait, ça a marché :)
    Merci, mais cependant, je ne trouve pas cette fois-ci le bouton pour ajouter un nouveau script de FBML :(
    Merci, ^^

  • http://www.facebook.com/margot.bonenfant Margot Bonenfant

    Bonjour ! merci pour cet article qui m’a beaucoup aidé. J’ai cependant une petite question sur le logo/favicon de la landing page. Est il possible de le personnaliser ? Car par défaut c’est une petit carré gris «  » qui s’affiche. Merci d’avance si quelqu’un à la réponse  

  • Wald de ZenMarketing

    Bonjour Duc Tran,

    pour cela il te faut aller dans >>> modifier les infos (en dessous du nom de ta page fan)
    >>>gérer les permissions
    puis dans la liste déroulante appelée Onglet affiché par défaut, choisir l’onglet que tu souhaites faire apparaître en premier.

  • Anonyme

    Salut! je vous propose ce générateur de landing page facebook plutôt facile d’utilisation. Il est gratuit et ne nécessite aucune compétence en html. si ça peut aider :
    http://clipeo-web-creation.com/generez-votre-landing-page-facebook
    Bye

Une communauté de ... passionnés
Kriisiis en chiffres
Articles postés ...
Commentaires postés ...
Backlinks vers le site ...
Followers sur Twitter ...
Lecteurs sur Feedburner ...
Relations sur Facebook ...
Fans sur Facebook ...
Membres sur Viadeo ...
Partenaires officiels de Kriisiis.fr
À propos
Kriisiis.fr est un blog regroupant outils, conseils et actualité Social Media pour une maîtrise cohérente et efficace des réseaux sociaux d'un point de vue aussi bien personnel que professionnel.
Kriisiis sur Facebook
Catégories
Derniers articles
Kriisiis sur iPhone
Réclame
Nuage de tags
Partenaires / Blogroll
  • Facebook
  • Twitter
  • Google+
  • LinkedIn
  • Pinterest
  • Flux RSS