{"id":168,"date":"2022-09-01T01:00:00","date_gmt":"2022-08-31T23:00:00","guid":{"rendered":"http:\/\/graphiste.com\/blog\/?p=168"},"modified":"2022-11-03T09:10:40","modified_gmt":"2022-11-03T08:10:40","slug":"landing-page-dynamique-et-efficace","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/","title":{"rendered":"Design de landing page&nbsp;: le guide pour convertir"},"content":{"rendered":"<p>La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 &#8211; ou page d\u2019atterrissage, en fran\u00e7ais &#8211; est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de <i>Google Adwords<\/i>, d\u2019un email marketing ou d\u2019un <a href=\"https:\/\/graphiste.com\/blog\/obtenir-trafic-avec-images\">travail de Netlinking<\/a>.<\/p>\n<p class=\"Standard\">Une landing page, c\u2019est plus qu\u2019une page d\u2019accueil\u00a0: c\u2019est la page o\u00f9 vous faites atterrir vos prospects pour les transformer en clients. Id\u00e9alement, elle convertit les internautes d\u2019un simple coup d\u2019\u0153il. Il faut cependant un petit peu plus qu\u2019un tour de passe-passe pour y parvenir\u00a0!<\/p>\n<p class=\"Standard\">Voici quelques conseils pour endosser votre cape de magicien du web et cr\u00e9er une landing page design&nbsp;:<\/p>\n<p>&nbsp;<\/p>\n<h2>Qu&#8217;est ce qu&#8217;une landing page<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4241\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/07\/homy-app-landing-page-large-e1572271879756.png\" alt=\"\" width=\"650\" height=\"488\" \/><\/p>\n<p>La publicit\u00e9 sur Internet ne suffit pas\u00a0: comme elle est majoritairement \u00ab\u00a0pay\u00e9e au clic\u00a0\u00bb, elle doit permettre au maximum de rentrer de ses frais en transformant le plus de visiteurs en clients. Or, la landing page permet, ici, de <b>correspondre exactement \u00e0 la promesse du message publicitaire<\/b>. Et ainsi, augmenter les chances de conversion\u2026<\/p>\n<p>Depuis quelques ann\u00e9es, l\u2019internaute est habitu\u00e9 \u00e0 trouver \u2013 rapidement \u2013 ce qu\u2019il recherche\u00a0: si hier, on le dirigeait syst\u00e9matiquement vers la page d\u2019accueil du site\u00a0; aujourd\u2019hui, il s\u2019agit de se montrer plus pertinent, en le conduisant directement sur le produit recherch\u00e9.<\/p>\n<p>Et le but de la landing page est de <b>conduire ses lecteurs \u00e0 r\u00e9aliser une action<\/b>, comme effectuer un achat ou remplir un formulaire. Autrement dit, elle doit <i>\u00ab\u00a0en priorit\u00e9 remplir les trois fonctions suivantes\u00a0: accueillir, persuader, orienter\u00a0\u00bb <\/i>(Source\u00a0: Livre <em>\u00ab\u00a0Am\u00e9liorer ses taux de conversion web de Serge Roukine \u00bb<\/em>)<\/p>\n<p>A noter que la landing page peut \u00e9galement \u00eatre appel\u00e9e la \u00ab\u00a0squeeze page\u00a0\u00bb, la \u00ab\u00a0splash page\u00a0\u00bb ou encore la \u00ab\u00a0capture page\u00a0\u00bb<\/p>\n<figure id=\"attachment_170\" aria-describedby=\"caption-attachment-170\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/graphiste.com\/blog\/wp-content\/uploads\/2014\/06\/kingsley-judd-wine.jpg\"><img decoding=\"async\" class=\"size-full wp-image-170\" title=\"Kingsley judd wine\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/kingsley-judd-wine.jpg\" alt=\"Kingsley judd wine\" width=\"600\" height=\"589\" \/><\/a><figcaption id=\"caption-attachment-170\" class=\"wp-caption-text\">Exemple avec le Kingsley Judd<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>Pourquoi soigner le design de sa landing page<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14611\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/landing-page-dynamique-e1573124135287.png\" alt=\"\" width=\"650\" height=\"485\" \/><\/p>\n<p>Si la landing page est correctement r\u00e9alis\u00e9e \u2013 aussi bien sur le fond que sur la forme &#8211; elle permet\u00a0de&nbsp;: <\/p>\n<ul>\n<li><b>Augmenter le taux de retour<\/b> d\u2019une campagne, gr\u00e2ce \u00e0 un meilleur guidage de l\u2019internaute et une incitation plus forte \u00e0 r\u00e9aliser l\u2019action souhait\u00e9e (inscription \u00e0 la newsletter, demande de devis, etc.)<\/li>\n<li><b>R\u00e9aliser un bon investissement<\/b> car elle est disponible 7 jours sur 7 et 24h sur 24, tout en \u00e9tant positionn\u00e9e sur des mots cl\u00e9s judicieusement choisis et adapt\u00e9s \u00e0 la cible.<\/li>\n<li><b>S\u2019adapter \u00e0 l\u2019\u00a0\u00ab\u00a0omniconsommateur\u00a0\u00bb<\/b> qui visionne le produit sur PC \/ Mac mais aussi sur tablettes et Smartphones.<\/li>\n<\/ul>\n<p>D\u00e9couvrez, <a href=\"https:\/\/www.presse-citron.net\/landing-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a>, une excellente analyse de ce probl\u00e8me\u00a0: \u00ab\u00a0<i>Ma soci\u00e9t\u00e9 arrive en premi\u00e8re page des r\u00e9sultats de Google sur la requ\u00eate \u00ab\u00a0traduction de sites Web\u00a0\u00bb, et pourtant j\u2019ai jamais obtenu un seul contrat gr\u00e2ce \u00e0 \u00e7a. Pourquoi&nbsp;?<\/i>\u00a0\u00bb<\/p>\n<p>Et qui illustre parfaitement le fait que <b>la landing page s\u2019int\u00e8gre dans le processus de r\u00e9f\u00e9rencement<\/b>\u00a0: si la premi\u00e8re phase est d\u2019investir dans une publicit\u00e9 contextuelle afin de pouvoir se placer au top des r\u00e9sultats, la seconde phase est de r\u00e9ussir \u00e0 rendre la page d\u2019atterrissage du lien promotionnel efficace\u2026<\/p>\n<p>&nbsp;<\/p>\n<h2>Quelle structure adopter pour une landing page qui convertit&nbsp;?<\/h2>\n<p>Ci-dessous, d\u00e9couvrez l\u2019infographie de Neil Patel, d\u00e9taillant les \u00e9l\u00e9ments qui permettent d\u2019optimiser la conversion (<a href=\"https:\/\/www.quicksprout.com\/the-anatomy-of-a-landing-page\/?display=wide\" target=\"_blank\" rel=\"noopener noreferrer\">source<\/a>)<a href=\"http:\/\/graphiste.com\/blog\/wp-content\/uploads\/2014\/06\/landing-page-eye-catching.jpg\"><img decoding=\"async\" class=\"size-full wp-image-171 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/landing-page-eye-catching.jpg\" alt=\"landing-page-eye-catching\" width=\"555\" height=\"427\" \/><\/a><\/p>\n<ul>\n<li>Le titre\u00a0\u00e0 la fois concis et clair<\/li>\n<li>Image ou vid\u00e9o\u00a0&#8211; des visuels peuvent convertir mieux qu\u2019un texte<\/li>\n<li>Int\u00e9r\u00eats\u00a0: lister les b\u00e9n\u00e9fices de votre produit<\/li>\n<li>Un <a href=\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\" target=\"_blank\" rel=\"noopener noreferrer\">bouton \u00ab\u00a0Call to Action\u00a0\u00bb<\/a><\/li>\n<li>Les \u00e9l\u00e9ments les plus importants sont dans la premi\u00e8re page \u00e9cran<\/li>\n<li>Un minimum de liens de navigation<\/li>\n<li>Description\u00a0\u00e0 la fois concise et pr\u00e9cise (sans oublier valorisante \/ commerciale)<\/li>\n<li><a href=\"https:\/\/graphiste.com\/blog\/reussir-temoignage-video\" target=\"_blank\" rel=\"noopener noreferrer\">T\u00e9moignages<\/a> de quelques clients satisfaits<\/li>\n<li>Indice de confiance\u00a0\u00e0 travers le logo d\u2019entreprises clientes et\/ou logo de s\u00e9curit\u00e9 dans les m\u00e9canismes de vente.<\/li>\n<\/ul>\n<p>Il est \u00e9galement possible d\u2019organiser la page de cette mani\u00e8re\u00a0:<\/p>\n<figure id=\"attachment_173\" aria-describedby=\"caption-attachment-173\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/graphiste.com\/blog\/wp-content\/uploads\/2014\/06\/organisation.jpg\"><img decoding=\"async\" class=\"size-full wp-image-173 \" title=\"organisation landing page\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/organisation.jpg\" alt=\"organisation landing page\" width=\"600\" height=\"575\" \/><\/a><figcaption id=\"caption-attachment-173\" class=\"wp-caption-text\">Organisation d&#8217;une landing page efficace<\/figcaption><\/figure>\n<p><b>Pensez \u00e0 respecter le diagramme de Gutenberg<\/b> &#8211; ou le principe de \u00ab\u00a0lecture en apesanteur\u00a0\u00bb &#8211; qui d\u00e9crit la mani\u00e8re dont l\u2019internaute va parcourir la page<\/p>\n<figure id=\"attachment_169\" aria-describedby=\"caption-attachment-169\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/graphiste.com\/blog\/wp-content\/uploads\/2014\/06\/diagramme-de-gutemberg.jpg\"><img decoding=\"async\" class=\"size-full wp-image-169\" title=\"diagramme de Gutenberg\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/diagramme-de-gutemberg.jpg\" alt=\"diagramme de Gutenberg\" width=\"600\" height=\"600\" \/><\/a><figcaption id=\"caption-attachment-169\" class=\"wp-caption-text\">Le diagramme de Gutenberg<\/figcaption><\/figure>\n<p><b>Vous pouvez aussi guider l\u2019attention<\/b> en mettant des guides graphiques sur la landing page<\/p>\n<p><a href=\"http:\/\/graphiste.com\/blog\/wp-content\/uploads\/2014\/06\/magicsocket.jpg\"><img decoding=\"async\" class=\"size-full wp-image-172 aligncenter\" title=\"Magicsocket\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/magicsocket.jpg\" alt=\"Magicsocket\" width=\"600\" height=\"424\" \/><\/a><\/p>\n<h2><\/h2>\n<h2>Les professionnels qui interviennent lors d&#8217;un design de landing page<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14612\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/landing-page-dynamique-creative-e1573124120721.png\" alt=\"\" width=\"700\" height=\"528\" \/><\/p>\n<p>La r\u00e9alisation d\u2019une <a href=\"https:\/\/graphiste.com\/blog\/tendances-landing-page\">landing page efficace<\/a> n\u00e9cessite l\u2019intervention de 3 m\u00e9tiers\u00a0: <\/p>\n<ul>\n<li><b>Le marketeur<\/b>\u00a0: il sera en charge de la structure marketing de la page. Il d\u00e9terminera, entre autres choses, les objectifs de la campagne, la cible et les messages \u00e0 faire passer.<\/li>\n<li><b>Le webdesigner<\/b>\u00a0: il sera charg\u00e9 de <a href=\"https:\/\/graphiste.com\/categories\/webdesign\/pictures\">concevoir graphiquement la landing page<\/a> pour que tous les \u00e9l\u00e9ments restent dans la zone de chaleur \u2013 dite forte.<\/li>\n<li><b>L\u2019int\u00e9grateur\u00a0<\/b>: il transformera, quant \u00e0 lui, le design en une page Web afin qu\u2019elle puisse \u00eatre correctement lue par tous les navigateurs.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/graphiste.com\/#open-fast?source=blog-text\"><span style=\"font-weight: 400\">Trouvez des webdesigners freelances<\/span><\/a><span style=\"font-weight: 400\"> pour cr\u00e9er le design de votre landing page en postant votre annonce gratuitement sur Graphiste.com. Vous recevrez les devis de nombreux professionnels du webdesign et pourrez comparer leurs r\u00e9alisations pour choisir celui qui r\u00e9pond le mieux \u00e0 vos besoins.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>Quels sont les \u00e9l\u00e9ments indispensables au design d&#8217;une landing page&nbsp;?<\/h2>\n<p>Au del\u00e0 des aspects purement marketing, le design a un r\u00f4le pr\u00e9pond\u00e9rant \u00e0 jouer dans le succ\u00e8s d\u2019une landing page. Voici les \u00e9l\u00e9ments \u00e0 soigner pour une landing page qui convertit&nbsp;:<\/p>\n<h2>Un appel \u00e0 l\u2019action bien visible<\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-4237 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/07\/marketing-page-exercise-large.png\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p class=\"Standard\">Ne gardez pas votre appel \u00e0 l\u2019action cach\u00e9 dans votre manche\u00a0: c\u2019est lui la star de votre spectacle. Il doit \u00eatre bien visible sur votre landing page. Placez-le au centre, entourez-le d\u2019un cadre de couleur (le rouge est souvent efficace), ajoutez une fl\u00e8che qui pointe vers lui\u2026<\/p>\n<p class=\"Standard\">Les internautes ne doivent pas le manquer et comprendre imm\u00e9diatement que c\u2019est pour lui qu\u2019ils se sont d\u00e9plac\u00e9s. Braquez les projecteurs (et les animations \u00e9ventuelles de votre page) sur votre CTA (Call To Action) pour que la magie fonctionne\u00a0!<\/p>\n<h2>Des \u00e9l\u00e9ments de r\u00e9assurance<\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-4238 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/07\/renewable-energy-large.png\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p class=\"Standard\">Il ne suffit \u00e9videmment pas d\u2019un bouton qui crie en gros \u00ab\u00a0achetez-moi\u00a0\u00bb pour convaincre les internautes. Vous devez pr\u00e9senter un argumentaire qui les y incite, bien s\u00fbr. Mais aussi les conforter dans leur intention d\u2019achat.<\/p>\n<p>Mettez en valeur la satisfaction client, classiquement repr\u00e9sent\u00e9e avec les \u00e9toiles.<\/p>\n<p class=\"Standard\">\n<blockquote><p>Un t\u00e9moignage client qui d\u00e9file, une r\u00e9compense d\u00fbment m\u00e9rit\u00e9e, le commentaire d\u2019une star dans votre domaine\u2026<\/p><\/blockquote>\n<p class=\"Standard\">Autant d\u2019\u00e9l\u00e9ments que vous aurez tout int\u00e9r\u00eat \u00e0 placer dans la partie inf\u00e9rieure de votre landing page. Ce ne sont pas les donn\u00e9es principales, mais elles permettent de r\u00e9p\u00e9ter aux prospects que \u00ab\u00a0ah oui, il a l\u2019air bien quand m\u00eame ce produit ou ce service\u00a0\u00bb.<\/p>\n<p class=\"Standard\">Une simple barre de logos de s\u00e9curit\u00e9 ou de moyens de paiement peut aussi \u00eatre utile dans ce sens.<\/p>\n<h2>Des images design qui vous ressemblent<\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-4239 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/07\/boosted-boards-the-board-large.png\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p class=\"Standard\"><a href=\"https:\/\/graphiste.com\/blog\/tendances-landing-page\">La landing page<\/a> est une page de vente. C\u2019est l\u2019endroit o\u00f9 vous vous mettez en avant. Donc montrez-y de belles photos de votre produit en situation. Une image d\u00e9tour\u00e9e, sans fond, qui s\u2019int\u00e8gre directement dans le design, sera plus efficace qu\u2019un cadre qui a l\u2019air pos\u00e9 l\u00e0 par hasard.<\/p>\n<p class=\"Standard\">\n<blockquote><p>Attention&nbsp;: Soignez la qualit\u00e9 du clich\u00e9\u00a0: c\u2019est lui qui endossera la difficile mission de s\u00e9duire vos futurs utilisateurs.<\/p><\/blockquote>\n<p class=\"Standard\">\u00c9vitez donc les visuels libres de droits, issus de banques d\u2019images, ou les prises de vue pixellis\u00e9es\u00a0! Par contre, vous pouvez tout \u00e0 fait diffuser une petite vid\u00e9o. Une image qui parle, c\u2019est toujours plus clair qu\u2019un long discours\u00a0!<\/p>\n<p><span style=\"font-weight: 400\">N\u2019h\u00e9sitez pas \u00e0 travailler vos visuels pour rendre le produit vivant, le mettre en sc\u00e8ne.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Vous n\u2019\u00eates pas satisfait du rendu de vos photos produits&nbsp;? Vous n\u2019avez pas de visuels originaux&nbsp;? Trouvez un graphiste freelance rapidement, gratuitement et facilement sur <\/span><a href=\"https:\/\/graphiste.com\/#open-fast?source=blog-text\"><span style=\"font-weight: 400\">Graphiste.com<\/span><\/a><span style=\"font-weight: 400\">&nbsp;! Retouche photo, illustration, 3D, vid\u00e9o\u2026 les graphistes de la plateforme poss\u00e8dent toutes les comp\u00e9tences et l\u2019inventivit\u00e9 n\u00e9cessaires pour mettre en avant vos produits et services et encourager les conversions sur votre landing page.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>Les \u00e9l\u00e9ments essentiels uniquement<\/h2>\n<p class=\"Standard\">La page d\u2019atterrissage doit se charger rapidement et se comprendre tout aussi vite. Elle ne doit donc pas contenir trop d\u2019\u00e9l\u00e9ments. Votre bio, le panel de vos produits, vos projets pour l\u2019avenir\u2026<\/p>\n<p class=\"Standard\">Gardez-les pour d\u2019autres endroits de votre site. Votre landing page n\u2019a qu\u2019une mission, et elle n\u2019a que quelques secondes pour la remplir. Au-del\u00e0, elle s\u2019autod\u00e9truira\u00a0!<\/p>\n<p class=\"Standard\">Deux phrases de texte, un visuel, un <a href=\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\" target=\"_blank\" rel=\"noopener noreferrer\">CTA<\/a>, un \u00e9l\u00e9ment rassurant\u2026 <strong>C\u2019est suffisant.<\/strong><\/p>\n<p><span style=\"font-weight: 400\">Optez pour la simplicit\u00e9&nbsp;: montrez l\u2019important, masquez le superflu et supprimez l\u2019inutile<\/span><\/p>\n<h2>Un design de landing page sobre mais efficace<\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-4240 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/07\/glyph-beta-closed-large.jpeg\" alt=\"\" width=\"800\" height=\"600\" \/><br \/>\nPour gagner encore en efficacit\u00e9, conservez un design sobre, sans trop de couleurs ni d\u2019effets visuels. Vous n\u2019\u00eates pas l\u00e0 pour amuser la galerie, mais pour les convaincre de vous faire confiance.<\/p>\n<p>Cependant, rien ne vous interdit de vous appuyer sur votre <a href=\"https:\/\/graphiste.com\/blog\/identite-de-marque\" target=\"_blank\" rel=\"noopener noreferrer\">charte graphique<\/a>. Au contraire\u00a0: retrouver votre logo, vos teintes principales ou ce qui vous diff\u00e9rencie<em> (par exemple les illustrations)<\/em> cr\u00e9era une connivence et permettra d\u2019affirmer votre identit\u00e9.<\/p>\n<p>Votre <a href=\"https:\/\/graphiste.com\/blog\/creer-landing-page\">landing page<\/a> doit correspondre \u00e0 un objectif pr\u00e9cis\u00a0: <\/p>\n<ul>\n<li>vendre,<\/li>\n<li>r\u00e9colter une adresse mail,<\/li>\n<li>susciter une inscription\u2026<\/li>\n<\/ul>\n<p>Mais vous pouvez tout \u00e0 fait disposer de plusieurs pages d\u2019atterrissages en fonction de vos diff\u00e9rents buts. Vous \u00eates m\u00eame fortement encourag\u00e9 \u00e0 tester deux versions de vos pr\u00e9sentations\u00a0: parfois, <span style=\"color: windowtext;text-decoration: none\">seule la couleur d\u2019un bouton modifie son impact<\/span>. Appuyez-vous sur ce qui fonctionne le mieux pour vous\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<h2>Gratuit\u00e9 et choix<\/h2>\n<p><b>M\u00ealer gratuit\u00e9 et large choix d\u2019abonnement<\/b> pour favoriser l\u2019adh\u00e9sion. La possibilit\u00e9 de tester le produit rassurera le prospect et la large palette de prix permettra de faire ressortir une formule moyenne, qui para\u00eetra imm\u00e9diatement g\u00e9n\u00e9reuse\u2026<\/p>\n<h2>Une landing page en responsive design<\/h2>\n<p>Comme toujours sur<span style=\"font-weight: 400\">\u00a0le web, veillez \u00e0 adopter un responsive design pour votre page d\u2019atterrissage \u2013 elle doit pouvoir s\u2019adapter \u00e0 tous les formats et \u00e0 tous les p\u00e9riph\u00e9riques.<\/span><\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/2d9f8fbe-bb6a-4377-914d-844986d61a9e.jpeg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-33640\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/2d9f8fbe-bb6a-4377-914d-844986d61a9e.jpeg\" alt=\"design landing page\" width=\"1000\" height=\"667\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Comment \u00e9valuer l&#8217;efficacit\u00e9 de votre landing page&nbsp;?<\/h2>\n<p>Apr\u00e8s avoir r\u00e9alis\u00e9 et lanc\u00e9 la landing page, il s\u2019agit d\u2019<b>\u00e9valuer son efficacit\u00e9 <\/b>par le biais des crit\u00e8res de mesure suivant\u00a0:<\/p>\n<ul>\n<li>Trafic g\u00e9n\u00e9r\u00e9<\/li>\n<li>Taux de rebond<\/li>\n<li>Dur\u00e9e des visites<\/li>\n<li>G\u00e9olocalisation<\/li>\n<li>Taux de conversion<\/li>\n<li>Taux de fid\u00e9lisation<\/li>\n<\/ul>\n<p>Au del\u00e0 des optimisations de fond et de forme, une bonne landing page repose \u00e9galement sur une plateforme technique performante \u2013 autrement dit, le temps de chargement doit \u00eatre lui aussi, optimal.<\/p>\n<p>Seuls 2 % des visiteurs d\u2019un site e-commerce deviennent r\u00e9ellement des clients\u00a0: le recours \u00e0 une landing page peut augmenter ce chiffre de 300 % \u2026 Un chiffre obtenu si l\u2019on suit scrupuleusement la recette de l\u2019efficacit\u00e9, dict\u00e9e par <a href=\"https:\/\/www.webmarketing-com.com\/2014\/01\/22\/25421-7-ingredients-pour-une-landing-page-reussie\" target=\"_blank\" rel=\"noopener noreferrer\">l\u2019infographie de Raffles Media<\/a> \u2026<\/p>\n<p><strong>Envie de moderniser le design de votre landing page&nbsp;?<\/strong> Faites appel \u00e0 un de nos <a href=\"https:\/\/graphiste.com\/categories\/webdesign\/users\">webdesigners freelances<\/a> en d\u00e9posant gratuitement une annonce sur Graphiste.com, vous recevez une dizaine de devis pour votre projet de cr\u00e9ation de site internet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 &#8211; ou page d\u2019atterrissage, en fran\u00e7ais &#8211; est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google Adwords, d\u2019un email marketing ou d\u2019un travail de Netlinking. Une landing page, c\u2019est plus qu\u2019une page d\u2019accueil\u00a0: c\u2019est la page o\u00f9 vous faites atterrir vos prospects pour les transformer [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":14610,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design de landing page : le guide pour convertir - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 - ou page d\u2019atterrissage, en fran\u00e7ais - est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design de landing page : le guide pour convertir - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 - ou page d\u2019atterrissage, en fran\u00e7ais - est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:10:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Design de landing page&nbsp;: le guide pour convertir\",\"datePublished\":\"2022-08-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\"},\"wordCount\":1897,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\",\"url\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\",\"name\":\"Design de landing page : le guide pour convertir - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg\",\"datePublished\":\"2022-08-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:40+00:00\",\"description\":\"La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 - ou page d\u2019atterrissage, en fran\u00e7ais - est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design de landing page : le guide pour convertir\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design de landing page : le guide pour convertir - Graphiste Blog","description":"La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 - ou page d\u2019atterrissage, en fran\u00e7ais - est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/","og_locale":"fr_FR","og_type":"article","og_title":"Design de landing page : le guide pour convertir - Graphiste Blog","og_description":"La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 - ou page d\u2019atterrissage, en fran\u00e7ais - est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google","og_url":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-08-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:10:40+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Design de landing page&nbsp;: le guide pour convertir","datePublished":"2022-08-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:40+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/"},"wordCount":1897,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/","url":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/","name":"Design de landing page : le guide pour convertir - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg","datePublished":"2022-08-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:40+00:00","description":"La \u00ab\u00a0landing page\u00a0\u00bb\u00a0 - ou page d\u2019atterrissage, en fran\u00e7ais - est la page qui appara\u00eet, suite au clic r\u00e9alis\u00e9 sur un lien commercial, \u00e9manant de Google","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2014\/06\/une-graphiste-creer-landing-page-dynamique-et-efficace-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/landing-page-dynamique-et-efficace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design de landing page : le guide pour convertir"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/168\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/14610"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}