Worshop création d'un site web pour une exposition virtuelle

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

2Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

Acquérir les bonnes pratiques de la rédaction web

12/02/2015

OBJECTIF DU COURS

CONSIGNES

Prendre en note le cours dans l’interface wordpress et le publier sous forme de billet.

3Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

Respect des bonnes pratiques exposées lors du cours

Documentation des choix effectués dans un journal de bord

12/02/2015

BONNES PRATIQUES ET ÉVALUATION DU RENDU

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 412/02/201

5

INTRODUCTIONDes bonnes pratiques ? Pourquoi ?

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 512/02/201

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 612/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 712/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 812/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 912/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1012/02/201

5

SEO

Search engine optimization

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1112/02/201

5

LE SITE : NOM ET URLRéglages généraux

12Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

Titre slogan ou sous-titre

Marquant Signifiant

12/02/2015

TITRE ET « SLOGAN » DU SITE

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1312/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1412/02/201

5

15Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

Uniform Resource Locator = adresse webhttp://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

URL

Sur wordpress.comhttp://mon-blog.wordpress.com Mon-blog est un sous-domaine de wordpress.com

16Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

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

URL

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1712/02/201

5

RÉDIGER UN CONTENU

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1812/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 1912/02/201

5

Eye Tracking

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2012/02/201

5

Comment adapter son écriture ?

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2112/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2212/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2312/02/201

5

Titre

Chapô / accroche

Image

Sous-titre

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2412/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2512/02/201

5

Liens hypertextes

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2612/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2712/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2812/02/201

5

ILLUSTRER

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 2912/02/201

5

CHOISIR SES IMAGES

• Juste équilibre texte / images• S’assurer des droits• Des images pertinentes pour le contenu

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3012/02/201

5

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.

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3112/02/201

5

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3212/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3312/02/201

5

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

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3412/02/201

5

DÉCRIRE LES IMAGES

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3512/02/201

5

Alt-tag 3 à 5 mots clés décrivant l’image accents et ponctuation Limiter nombre de caractères du texte

alternatif à ±155

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3612/02/201

5

MONTER VOTRE PROJET

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3712/02/201

5

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 ?

Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 3812/02/201

5

CONCEVOIR LE SITE

• Définir l’architecture informationnelle• Préparer les contenus • Définir les fonctionnalités du site

39Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

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

POUR LE PROCHAIN COURS