Le document présente les bonnes pratiques pour la création de sites web, en se concentrant sur des aspects tels que la rédaction web, l'expérience utilisateur, et le référencement SEO. Il souligne l'importance d'un contenu de qualité et de la lisibilité, tout en offrant des conseils sur l'architecture du site et sur la sélection et l'optimisation des images. Enfin, il propose des étapes pour planifier et concevoir un projet web réussi.

1. Troisième séance :
Bonnes pratiques
CRÉER UN SITE WEB
05/03/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

2.  Acquérir les bonnes pratiques de la rédaction web
12/02/2015 2Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
OBJECTIF DU COURS
CONSIGNES
 Prendre en note le cours dans l’interface wordpress et
le publier sous forme de billet.

3.  Respect des bonnes pratiques exposées lors du cours
 Documentation des choix effectués dans un journal de
bord
12/02/2015 3Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
BONNES PRATIQUES ET ÉVALUATION DU RENDU

4. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 4
INTRODUCTION
Des bonnes pratiques ? Pourquoi ?

5. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 5
BONNES PRATIQUES.
POUR QUI, POURQUOI ET COMMENT?
Utilisateurs Ergonomie
Robots
Lisibilité
Accessibilité
Référencement
Qualité du contenu
Qualité de l’architecture
Qualité du html
Choix graphiques

6. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 6
Expérience utilisateur ?
Référencement ?
Satisfaire et fidéliser le lecteur :
• Proposer un contenu de qualité
• Proposer un contenu agréable à consulter
Être référencé par les moteurs de recherche :
• Exposer correctement son contenu pour que les monteurs de
recherche l’identifient pertinemment

7. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 7

8. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 8

9. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 9

10. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 10
SEO
Search engine optimization

11. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 11
LE SITE : NOM ET URL
Réglages généraux

12.  Titre
 slogan ou sous-titre
 Marquant
 Signifiant
12/02/2015 12Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
TITRE ET « SLOGAN » DU SITE

13. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 13

14. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 14

15. Uniform Resource Locator = adresse web
http://www.mon-site.com/page1/sous-page
 http : protocole de communication
 Mon-site : nom de domaine
 .com : « extention »
 /page1/sous-page : chemin
12/02/2015 15Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
URL
Sur wordpress.com
http://mon-blog.wordpress.com
 Mon-blog est un sous-domaine de wordpress.com

16.  Différente ou identique au titre du site ?
 Mémorisation pour l’utilisateur
 Impact sur le référencement
 Signifiants : mots-clés
 Réfléchir à l’esthétique, au rythme.
 Long ? Court ?
 Tout coller ?
 Tirets ?
12/02/2015 16Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
URL

17. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 17
RÉDIGER UN CONTENU

18. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 18
Quelles sont les spécificités du média web ?
Des habitudes de lecture différentes :
• Zapping : l’internaute fait plusieurs choses en même temps
• 30-60 secondes en moyenne passé une page
• Scrolling : 79% des internautes lisent toujours en diagonale
• Le lecteur lit en moyenne 20 à 28 % des mots de la page
Confort de lecture moindre que sur le papier :
• Luminosité, contraste, reflets

19. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 19
Eye Tracking

20. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 20
Comment adapter son écriture ?

21. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 21
Règle de base : la lisibilité
Clarté et concision du propos :
• Phrases courtes
• Efficacité du message
Clarté et attractivité de la mise en page
• Structurer le contenu
• Aérer
• Illustrer

22. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 22
Ecrire un contenu
• Définir :
• L’angle d’attaque
• Le message essentiel (1 sujet = 1 billet)
• Ecrire
• Structurer le contenu (titres, sous-titres)
• De l’essentiel aux détails
• 300 mots minimum / 1500 mots maximum
• 600 mots = 3 min. de lecture
• 1000 mots = 5 min. de lecture

23. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 23
Titre
Chapô / accroche
Image
Sous-titre

24. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 24

25. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 25
Liens hypertextes

26. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 26
 Liens de qualité
 Décrire ses liens
 Bon pour le lecteur
 rebondir
 savoir où l’on clique
 Bon pour le référencement
 liens sortants de qualité = bien noté
 liens qualifiés

27. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 27

28. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 28
ILLUSTRER

29. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 29
CHOISIR SES IMAGES
• Juste équilibre texte / images
• S’assurer des droits
• Des images pertinentes pour le contenu

30. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 30
PRÉPARER SES IMAGES À LA MISE EN LIGNE
• La bonne taille
 Une image de grande taille est trop lourde à charger
 Temps de chargement long = lecteur insatisfait
 Stockage limité
 Compressez et redimensionnez vos images !
 480 x 640 pixels suffisent
 1024 x 768 pixels : pertinent dans le cas d’oeuvres d’art.

31. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 31

32. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 32
Le bon nom :
• Img000476.jpg
• P197847.jpg
• Praguehorloge.jpg
• HolbeinAmbassadeurs.jpg
• DresdeChateau1900.jpg
• Prague-horologe.jpg
• Holbein-Ambassadeurs.jpg
• Dresde-chateau-1900.jpg
NON
OUI
Renommer AVANT de mettre en ligne
 3 à 5 mots clés décrivant
l’image
 pas d’accents
 mots séparés par tirets ou
underscores

33. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 33
 Ce qui apparaît sous l’image =
« cartel »
 Alt tag : ce que les robots voient, ce
qui s’affiche si non chargement de
l’image

34. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 34
DÉCRIRE LES IMAGES

35. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 35
Alt-tag  3 à 5 mots clés décrivant l’image
 accents et ponctuation
 Limiter nombre de caractères du texte alternatif à
±155

36. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 36
MONTER VOTRE PROJET

37. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 37
DÉFINIR LE PROJET
• Etablir les objectifs
 sujet de l’exposition virtuelle
 objectif et public
 planning et délais
• Inventorier les contenus et les idées
 Quelles idées ?
 Quelles média ?

38. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 38
CONCEVOIR LE SITE
• Définir l’architecture informationnelle
• Préparer les contenus
• Définir les fonctionnalités du site

39.  Choisir nom, URL, définir le plan et les grandes
lignes
 Faire un billet expliquant tous vos choix, le plan
du site
 Venir avec le texte d’une page et ses illustrations
05/03/2015 39Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
POUR LE PROCHAIN COURS