Université Paris IV, Master CIMER Support de la première séance du workshop "création d'un sites web", 5 mars 2015

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