Améliorez le taux de conversion
sur votre site internet
AVOIR UN OBJECTIF CLAIR
2
Ceci est un site internet
Ceci est un objectif
Quel est votre objectif ?
• Finalisation de la commande
• Formulaire d’inscription en ligne
• Inscription newsletter
• Téléchargement dossier de presse
• Téléchargement bon de réduction
• Abonnement réseaux sociaux
• Adresse, plan d’accès
• Contact
STRUCTURER SES CONTENUS
6
Un site intuitif
« Peu importe le nombre de
fois que je dois cliquer, tant
que chaque clic ne demande
pas de réflexion et que le
choix n'est pas ambigu »
Steve Krug
Structure orientée “client”
Sous-pages
Sections principales
Page d’accueil Home
Gamme
Produit Produit
Gamme
Produit Produit
8
Langues
Utilitaires (contact, news, FAQ, jobs, presse, panier,...)
ANALYSER SON SITE
Votre page d’accueil ?
Le verdict des internautes
«Qu’est-ce qui peut vous faire quitter un site web
dès la page d’accueil? »
• Ne pas repérer rapidement ce que le site
propose (71%)
• Son allure générale n'inspire pas confiance
(46%)
• Une page d’accueil trop chargée (33%)
Source : Enquête Ergonomie -Benchmark Group, 2009
Test des 10 secondes
Qui ?
Qui est-ce
Que ?
Que fait-il
Pourquoi ?
est-ce mieux ici
qu’ailleurs
Quoi ?
Que puis-je
faire ici
Eléments page d'accueil
• Logo (qui) + slogan (quoi)*
• Menu principal (max. 6 entrées)*
• Résumé du site + liens
• Résumé des actualités + liens
• Inscription newsletter*
• Coordonnées*
• Liens vers vos réseaux sociaux*
1hauteurd’écran
* Sur toutes les pages
Où arrive l’internaute ?
Page d’accueil
Page
interne
Test de la page interne
Que puis-je faire ici ?
Dans quel site ?
Sur quelle
page ?A quel niveau ?
La page interne idéale
Source : http://www.formstack.com/the-anatomy-of-a-perfect-landing-page
Eléments d’une page interne
• Titre (Titre1 ou H1)
• Fil d’Ariane (Vous êtes ici…)
• Navigation principale
• Navigation à ce niveau
• Contenu (texte et photos)
• Liens contextuels
• Bouton d’action
Accrocher
Situer
Retenir
Confiance
Clic
Boutons d’action
ECRIRE POUR LE WEB
Une page = un tableau
• Titre
• Sous-titre
• Photo et légende
• Libellé des liens
• TexteUn thème
par page
Ecrire pour être lu
• Simple
• Droit au but !
• Structuré
• Sous-titres
• Listes à puces
• Encadrés
• Concret
• Décrire au lieu de vanter
• Style oral (enregistrez-vous !)
Une idée
par paragraphe
Les formulaires
• Jamais de formulaire de « contact » !
• Formulaire OK si inscription complexe
• Eléments strictement nécessaires
• Listes déroulantes
• Aide contextuelle
• Expliquer pourquoi on pose une question
• Format clair (jj/mm/aaaa, http://www.monsite.com)
• Tester et expliciter les erreurs
• Page « merci »
• Penser aux smartphones
HABILLAGE GRAPHIQUE
La présentation
«Sur un site web, quels sont les éléments de
présentation qui vous dérangent le plus ?»
• Trop d'animations qui gênent la lecture (81%)
• Les textes écrits trop petit (36%)
• Trop de couleurs différentes (31%)
• Illustrations de mauvaise qualité (26%)
Source : Enquête Ergonomie -Benchmark Group, 2009
LE RÉFÉRENCEMENT
Objectif : être trouvé !
• Origine des visiteurs
• Mots-clés pertinents
• A l’exception de votre nom
Minimum
50%
Fonctionnement de Google
« Le moteur de recherche idéal doit comprendre
l'objet exact de chaque recherche pour fournir les
informations exactes demandées »
- Larry Page, co-fondateur de Google
Soyez :
1. Pertinent (vos pages correspondent aux
requêtes)
2. Populaire (de nombreux liens vers votre site)
Les mots-clés
• Mot clé
• = thème de la page
• = thème de la requête
• = titre de la page
• = balise <title>
• Le choix du bon mot fera la différence
• AdWords pour voir ce qui est recherché
• Google pour vérifier la pertinence
• Google pour estimer la concurrence
Les mots -clé ne seront JAMAIS
« cachés » dans le code (meta
tags) ni dans la page
Balises SEO
• Titre du site : votre marque (très court)
• Meta données (pour chaque page) :
1. Title
2. Description
3. H1, H2
Les gourous…
• Steve Krug (« je ne veux pas chercher »)
• Serge Roukine (conversion)
• Olivier Andrieu (référencement)
• Isabelle Canivet (rédaction)
• Amélie Boucher (ergonomie)
Pour en savoir plus…
Des conseils gratuits
sur le blog d’Amaranthe
www. amaranthe.be/blog
Twitter @amaranthe
Facebook
www.facebook.com/amaranthe
Créer son site avec Jimdo
www.amaranthe.info

Atelier conversion AEI

  • 1.
    Améliorez le tauxde conversion sur votre site internet
  • 2.
  • 3.
    Ceci est unsite internet
  • 4.
    Ceci est unobjectif
  • 5.
    Quel est votreobjectif ? • Finalisation de la commande • Formulaire d’inscription en ligne • Inscription newsletter • Téléchargement dossier de presse • Téléchargement bon de réduction • Abonnement réseaux sociaux • Adresse, plan d’accès • Contact
  • 6.
  • 7.
    Un site intuitif «Peu importe le nombre de fois que je dois cliquer, tant que chaque clic ne demande pas de réflexion et que le choix n'est pas ambigu » Steve Krug
  • 8.
    Structure orientée “client” Sous-pages Sectionsprincipales Page d’accueil Home Gamme Produit Produit Gamme Produit Produit 8 Langues Utilitaires (contact, news, FAQ, jobs, presse, panier,...)
  • 9.
  • 10.
  • 11.
    Le verdict desinternautes «Qu’est-ce qui peut vous faire quitter un site web dès la page d’accueil? » • Ne pas repérer rapidement ce que le site propose (71%) • Son allure générale n'inspire pas confiance (46%) • Une page d’accueil trop chargée (33%) Source : Enquête Ergonomie -Benchmark Group, 2009
  • 12.
    Test des 10secondes Qui ? Qui est-ce Que ? Que fait-il Pourquoi ? est-ce mieux ici qu’ailleurs Quoi ? Que puis-je faire ici
  • 13.
    Eléments page d'accueil •Logo (qui) + slogan (quoi)* • Menu principal (max. 6 entrées)* • Résumé du site + liens • Résumé des actualités + liens • Inscription newsletter* • Coordonnées* • Liens vers vos réseaux sociaux* 1hauteurd’écran * Sur toutes les pages
  • 14.
    Où arrive l’internaute? Page d’accueil Page interne
  • 15.
    Test de lapage interne Que puis-je faire ici ? Dans quel site ? Sur quelle page ?A quel niveau ?
  • 16.
    La page interneidéale Source : http://www.formstack.com/the-anatomy-of-a-perfect-landing-page
  • 17.
    Eléments d’une pageinterne • Titre (Titre1 ou H1) • Fil d’Ariane (Vous êtes ici…) • Navigation principale • Navigation à ce niveau • Contenu (texte et photos) • Liens contextuels • Bouton d’action Accrocher Situer Retenir Confiance Clic
  • 18.
  • 19.
  • 20.
    Une page =un tableau • Titre • Sous-titre • Photo et légende • Libellé des liens • TexteUn thème par page
  • 21.
    Ecrire pour êtrelu • Simple • Droit au but ! • Structuré • Sous-titres • Listes à puces • Encadrés • Concret • Décrire au lieu de vanter • Style oral (enregistrez-vous !) Une idée par paragraphe
  • 22.
    Les formulaires • Jamaisde formulaire de « contact » ! • Formulaire OK si inscription complexe • Eléments strictement nécessaires • Listes déroulantes • Aide contextuelle • Expliquer pourquoi on pose une question • Format clair (jj/mm/aaaa, http://www.monsite.com) • Tester et expliciter les erreurs • Page « merci » • Penser aux smartphones
  • 23.
  • 24.
    La présentation «Sur unsite web, quels sont les éléments de présentation qui vous dérangent le plus ?» • Trop d'animations qui gênent la lecture (81%) • Les textes écrits trop petit (36%) • Trop de couleurs différentes (31%) • Illustrations de mauvaise qualité (26%) Source : Enquête Ergonomie -Benchmark Group, 2009
  • 25.
  • 26.
    Objectif : êtretrouvé ! • Origine des visiteurs • Mots-clés pertinents • A l’exception de votre nom Minimum 50%
  • 27.
    Fonctionnement de Google «Le moteur de recherche idéal doit comprendre l'objet exact de chaque recherche pour fournir les informations exactes demandées » - Larry Page, co-fondateur de Google Soyez : 1. Pertinent (vos pages correspondent aux requêtes) 2. Populaire (de nombreux liens vers votre site)
  • 28.
    Les mots-clés • Motclé • = thème de la page • = thème de la requête • = titre de la page • = balise <title> • Le choix du bon mot fera la différence • AdWords pour voir ce qui est recherché • Google pour vérifier la pertinence • Google pour estimer la concurrence Les mots -clé ne seront JAMAIS « cachés » dans le code (meta tags) ni dans la page
  • 29.
    Balises SEO • Titredu site : votre marque (très court) • Meta données (pour chaque page) : 1. Title 2. Description 3. H1, H2
  • 30.
    Les gourous… • SteveKrug (« je ne veux pas chercher ») • Serge Roukine (conversion) • Olivier Andrieu (référencement) • Isabelle Canivet (rédaction) • Amélie Boucher (ergonomie)
  • 31.
    Pour en savoirplus… Des conseils gratuits sur le blog d’Amaranthe www. amaranthe.be/blog Twitter @amaranthe Facebook www.facebook.com/amaranthe Créer son site avec Jimdo www.amaranthe.info