5. 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
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
Sections principales
Page d’accueil Home
Gamme
Produit Produit
Gamme
Produit Produit
8
Langues
Utilitaires (contact, news, FAQ, jobs, presse, panier,...)
11. 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
12. 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
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
15. Test de la page interne
Que puis-je faire ici ?
Dans quel site ?
Sur quelle
page ?A quel niveau ?
16. La page interne idéale
Source : http://www.formstack.com/the-anatomy-of-a-perfect-landing-page
17. 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
20. Une page = un tableau
• Titre
• Sous-titre
• Photo et légende
• Libellé des liens
• TexteUn thème
par page
21. 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
22. 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
24. 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
26. Objectif : être trouvé !
• 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
• 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
29. Balises SEO
• Titre du site : votre marque (très court)
• Meta données (pour chaque page) :
1. Title
2. Description
3. H1, H2
30. 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)
31. 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