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

3. Éléments à considérer pour avoir une site
Web efficace en 2015

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

11. 
Étapes d’un projet

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

21. 
Différentes solutions

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/