Par Claudia Mercier, SADC d’Abitibi-Ouest
Présenté dans le cadre du colloque régional sur les Affaires électroniques à La Sarre, 14 avril 2015
1. Éléments à considérer pour avoir un site Web efficace en 2015
2. Sept étapes pour la création d’un site Web
3. Exemples de solutions pour la conception et l’hébergement
1. PENSER ET CONCEVOIR SON SITEWEB EN 2015
Claudia Mercier, SADC d’Abitibi-Ouest
Présenté dans le cadre du colloque régional sur les Affaires électroniques
La Sarre, 14 avril 2015
2. Plan de la présentation
1. Éléments à considérer pour avoir un site Web efficace
en 2015
2. Sept étapes pour la création d’un site Web
3. Exemples de solutions pour la conception et
l’hébergement
4. Tendances des consommateurs
Huit personnes sur 10 naviguent sur le Web avant de faire un achat
(en magasin ou en ligne)
55 % des visiteurs passent moins de 15 secondes sur votre site Web
Il faut attirer et maintenir l’attention
Avoir des éléments d’appel à l’action efficace qui maximise la
conversion vers les objectifs
On ne contrôle rien des utilisateurs :
Petit écran 10 po de 800 px au gros moniteur 2000 px
Niveau d’habileté très variable
Connexion Internet par modem téléphonique, réseau cellulaire ou
haute vitesse
5. Importance du design
Site Web doit à la fois :
Être facile à utiliser
Maintenir l’attention
Sur Internet, c’est le « survival of the easiest », le coût de sortie est
faible, pas de tolérance envers les mauvais design et les sites lents
15 secondes pour maintenir l’attention : importance d’être bien
structuré, d’avoir des titres accrochant et du visuel intéressant
Conclusion : équilibre entre le design et l’utilisabilité
6. Utilisabilité (ergonomie)
Principes :
7 +/- 2
Capacité de la mémoire à court terme
Implication pour le Web : le menu doit contenir entre 5 et 7 éléments maximum
3 clics
En 3 clics, l’utilisateur devrait être capable de trouver l’information qu’il recherche
S’assurer d’avoir une navigation instinctive et une arborescence efficace
2 secondes
Temps maximum de chargement de la page
Faire attention aux éléments graphiques
ou vidéos qui risquent de ralentir la page
Règles :
Constance et standards
Visibilité/contrôle
Où suis-je?
Esthétique et minimalisme
Pas d’information superflue
Aide, support
7. Mobilité
50 % de tout le trafic Internet est
maintenant mobile
80 % des adultes ont un téléphone
intelligent et passent en moyenne
1.85 h/jour sur un appareil mobile
Recommandé d’avoir un
« responsive web design » plutôt
qu’un site mobile
Éviter l’usage du « Flash » qui n’est
pas supporté par les appareils
mobiles
8. Référencement (SEO)
Améliore le ranking
Contenu de qualité
Notoriété (plusieurs
sites/blogues/commentaires
pointent vers le site)
Présence sur les médias
sociaux
Site mobile
Description des éléments du
contenu et images grâce aux
XML et balises méta
Diminue le ranking
Erreurs de syntaxes et non-
respect des standards du Web
Site Web statique
Surutilisation de mots-clés
cachés dans le code
Générer en masse des liens
depuis des sites ou des
commentaires de blogues
(black hat SEO)
Guide de démarrage relatif à l'optimisation pour les moteurs de recherche
http://www.google.com/intl/fr/webmasters/docs/search-engine-optimization-starter-guide-fr.pdf
9. Nom de domaine - URL
Multitudes de domaines Internet de premier niveau
Les classiques : .com .ca .org .info
Les nouveaux : .quebec .coffee .bike .clothing
Coût environ 20-30 $/année pour chaque nom de domaine
Accents et caractères spéciaux acceptés depuis 2012 –
vigilance nécessaire
Ex. : bonjourquebec.com vs. bonjourquébec.com
Comment choisir?
Comprend généralement le nom de l’entreprise, mais ne doit
toutefois pas être trop long
Très important pour le référencement, donc penser à ce que
les internautes risquent de chercher
10. Écrire pour le web
Le public sur le Web n’est pas en mode « lecture »,
mais en mode « survol » (environ 50-60 % page)
Il faut donc que le texte soit facile à scanner :
Faire plusieurs en-têtes et sous-titres
Garder les paragraphes courts (1 idée par
paragraphe)
Rende visible les mots-clés, mettre des hyperliens
Utiliser les listes, tableaux, etc.
Ex. : alistapart.com
12. 1. Objectifs
Définir clairement les objectifs de l’organisation
Quel est le but du site Web? Comment allez-vous vous en servir?
Étapes à faire avant d’aller en appel d’offres pour aider à se définir un
budget et de réaliser les étapes suivantes avec son fournisseur de services
(s’il y a lieu)
Quel est votre modèle d’affaires, quels sont vos stratégies?
Qu’est-ce qui vous distingue de vos compétiteurs?
Votre site web doit correspondre à votre entreprise
Exemples d’objectifs :
Livrer de l’information
Promouvoir et faire connaître l’organisation
Interagir avec les clients (ex. : demandes de soumission)
Faciliter l’accès aux services de l’organisation
Vendre des produits et services (générer des revenus)
13. 2. Clientèle
Concevoir un site Web en fonction des caractéristiques et besoins des futurs
utilisateurs = Étape la plus cruciale de l’élaboration d’un site Web
Définir son public
Âge, genre, profession
Degré d’expertise avec le Web et les technologies
Environnement technologique (ordinateur, téléphone, type de connexion à
Internet)
Besoins des utilisateurs
Qu’est-ce que vos futurs clients vont chercher sur votre site?
Qu’est que les clients vont vouloir faire/voir sur le site une fois terminé?
Création de personas
Personnage fictif représentant un utilisateur type
Utile pour créer des scénarios d’utilisation
14. Création de personas
http://ludismedia.com/segmenter-clientele-
cible-grace-personas/
http://tonyarchambeau.com/blog/621-fiche-
persona/
http://blog.flyconseils.com/creer-persona-
marketing-web-etapes
http://www.insidedaweb.com/creation-site-
internet/experience-utilisateur-internet/7-
conseils-creer-personas-efficaces/
http://fr.wikipedia.org/wiki/Persona_%28mar
keting%29
Source :
http://www.linkedmediagroup.com/create-brand-persona/
15. 3. Organisation du contenu
1. Recherches
Qu’est-ce que la compétition fait (vous ne voulez pas un site identique)
Notez ce que vous préférez et ce que vous n’aimez pas
Faire l’analyse du contenu et pensez à ce que vous voulez mettre sur le vôtre
Faire l’inventaire du contenu que vous voulez mettre sur votre site
Porte-folio? Blogue/articles? Produits?
Pensez à long terme, au contenu que vous allez vouloir ajouter avec le temps
Définir l’arborescence
Organisez la liste du contenu en 4-5 catégories différentes
Demandez à vos collègues de faire la même chose, pour s’assurer que la navigation
soit efficace et instinctive
16. 4. Élaboration du design
Concevoir une maquette en fonction de :
Vos objectifs
Le contenu à déposer
Votre image corporative
Besoins des utilisateurs
Utilisez des « wireframe » pour montrer la navigation et
l’architecture d’un site Web
Ajoutez les éléments visuels, propres à l’image corporative
Pensez à mettre des éléments d’appels à l’action pour faciliter la
conversion vers vos objectifs
17. Outils gratuits pour la
création de maquettes
Pencil project
Lumzy
Mockflow
Cacoo
18. 5. Rédaction du texte et du contenu
Rédigez le contenu de toutes les pages fixes du site
Préparez d’avance des articles pour la partie « actualité » ou « blogue » de
votre site
Respectez les recommandations « Écrire pour le Web »
Pensez à ajouter des images et des éléments visuels
Respectez les droits d’auteur
Source pratique et gratuite pour les images libres de droits : pixabay.com
N.B. Il est possible de faire cette étape après la conception du site Web et/ou mise en ligne du site Web
(travail local et/ou non-indexation du site)
19. 6. Développement et mise en ligne
Aspect davantage “technique”
Plusieurs solutions existent (voir section suivante)
À cette étape, il faut penser à :
Si ce n’est pas déjà fait, vérifiez la disponibilité du nom de
domaine et le réserver*
https://fr.funio.com/domaines
Choisir l’hébergement (où les données seront stockées)
*Même si votre entreprise n’a pas l’intention d’être sur le Web à court terme, il est conseillé
de réserver le plus tôt possible son nom de domaine (ex. : nomdemoncommerce.ca).
20. 7. Exploitation et maintenance
Mesurez vos résultats
Testez les sites Web avec vos clients
Utilisez des outils d’analyses (ex : Google Analytics)
You can’t control what you can’t measure – Tom DeMarco 1982
Apportez les correctifs nécessaires
Maintenez à jour votre site
Si vous avez un blogue, assurez-vous d’ajouter du contenu
régulièrement
Mettez à jour les pages du site, ajoutez du contenu de qualité
Vous n’avez pas le temps! Il est possible de confier à l’externe la
gestion de vos médias sociaux et sites Web.
Faire les mises à jour de sécurité = très important pour éviter le
piratage
22. 3 solutions d’hébergement
1. Utilisez un outil de création de sites Web en ligne
(WordPress.com, Google sites, Wix, etc.)
2. S’héberger soi-même
1. S’abonner à un hébergement en ligne (Funio, GoDaddy, etc.)
2. Utilisez une plateforme (WordPress, Joomla, Drupal, etc.) pour
gérer le contenu du Site
3. Programmez soi-même ou le confier à un programmeur
3. Utilisez les services clé en main d’un développeur/fournisseur
de service Web
23. Comparaison des solutions
Outils de création de site
web en ligne
S’héberger soi-même Fournisseur de services /
développeur Web
+ • Facile à utiliser
• Peu de connaissances
requises
• Mises à jour automatique
• Plusieurs thèmes disponible
et adaptable pour les
mobiles
• Gratuit (dans certains cas)
• Plus flexible
• Relativement économique
• Choix de plusieurs
plateformes (WordPress,
Jooma, Drupal, etc.)
• Communauté en ligne qui
développe des thèmes et
outils pour ces plateformes
• Qualité et fiabilité
• Services après vente
• Les fournisseurs se chargent
normalement de faire les
mises à jour de sécurité du
site
- • Peu de personnalisation
possible
• Qualité du code peut être
variable selon l’option choisi
• Nécessite des compétences
en programmation Web
(CSS, php, HTML etc.)
• Il faut faire soi-même ses
mises à jour de logiciels et
les backup de la base de
données
• Nécessite un plus grand
budget
• Bonne communication
nécessaire
• Le service est variable d’un
fournisseur à l’autre, il est
important de demander et
comparer les soumissions
24. Quelques solutions pour vous
permettre de faire votre
propre site!
Gratuit* :
WordPress.com
Googles Sites – sites.google.com
Wix.com
e-monsite.com
Weebly
*Il faut payer pour un nom de domaine
personnalisé et les fonctions avancées
et/ou pour enlever la publicité.
Payant :
GoDaddy
Web.com (anglais seulement)
25. Conclusion
Site Web = prolongement de votre entreprise en ligne
Les clients et vos contacts d’affaires vont vous juger selon votre site
Doit respecter votre image corporative, refléter la réalité de votre
entreprise
S’inscrit dans la planification stratégique de votre entreprise
Important de se questionner sur la manière dont votre site Web va
vous aider à atteindre vos objectifs d’affaires
Toujours garder en tête sa clientèle cible
Assurez-vous que le site Web répond à ses besoins
N’hésitez pas à valider et à faire des « tests d’utilisabilité », en
particulier pour un site marchant (avec ventes ou non)
26. Ressources
BDC
Articles : Créer ou optimiser votre site Web
http://www.bdc.ca/FR/articles-outils/technologie/creer-optimiser-site-
web/Pages/default.aspx
Outil diagnostic de Site Web
BDC
http://www.bdc.ca/FR/consultation/consultation-internet/Pages/diagnostic-site-
web.aspx
Outils pour les webmasters de Google
https://www.google.com/webmasters/
Notes de l'éditeur
Call to action!!
Ne pas agacer avec des trucs flash qui bouge et qui dérangent
Pour l’aide : numéro de téléphone à appeler, chat en ligne, Table du contenu pour voir l’arborescence du site
Pas vrai pour le 3, ce qui est important, c’est la possibilité de se rendre facilement et rapidement au contenu. La bonne arborescence est essentiel.