La charte web par l’exemple

Les rĂšgles de l’Ă©criture et de l’Ă©dition web vous semblent claires
 mais rien ne ne vaut un bon exemple. Consultez ici les bonnes pratiques.

Des étudiants brandissant une banniÚre de l'EPFL (avec l'ancien logo)

Exemples de contenus courts

Les contenus courts (textes informatifs, articles d’actualitĂ©) sont limitĂ©s Ă  3 paragraphes (200 mots environ). Ils peuvent ĂȘtre complĂ©tĂ©s d’un visuel (photo, galerie, vidĂ©o
) et d’un intertitre tous les 2 paragraphes pour relancer la lecture.

Exemples de contenus de taille moyenne

Pour rester lisible, les articles de taille moyenne – environ 500 mots ou 6 paragraphes – doivent soigner leur Ă©dition : morcellement en paragraphes courts, intertitres, chapeau court.

Exemples de contenus longs

Pour ne pas lasser, les articles longs – environ 700 Ă  800 mots – doivent ĂȘtre bien Ă©ditĂ©s et proposer l’information sous plusieurs mĂ©dias – texte et visuels de diffĂ©rents types et formats.

Face aux Alpes enneigées, le bùteau La Suisse sur le Léman

Exemple d’image bien rĂ©fĂ©rencĂ©e

Comme tous les contenus web, chaque image importĂ©e dans un article doit ĂȘtre rĂ©fĂ©rencĂ©e avec des termes prĂ©cis pour ĂȘtre facilement repĂ©rable par les moteurs de recherche.

Exemple de galerie photo bien utilisée

Principal intĂ©rĂȘt de la galerie photo : proposer une disposition horizontale, interactive et plus lisible des visuels d’un contenu web. Elle met en avant ce qui doit ĂȘtre vu plutĂŽt qu’ĂȘtre lu.

Exemple de vidéo bien éditée

Une vidĂ©o peut complĂ©ter un sujet Ă©crit ou exister par elle-mĂȘme avec une Ă©dition minimale (titre, chapeau court). Son intĂ©rĂȘt : montrer l’Ă©vĂ©nement, le processus en cours de rĂ©alisation.

Exemple de gras et italiques bien utilisés

Sur le web, l’utilisation des gras et des italiques est trĂšs rĂ©duit : les gras sont utilisĂ©s pour les niveaux de lecture (titre, intertitre) et les italiques pour les mots Ă©trangers ou les titres d’Ɠuvre.

Exemple de mots clés bien utilisés

L’ajout de mots-clĂ©s Ă  chaque contenu web remplit 2 fonctions : permettre de trouver facilement l’article sur Internet (ou via le moteur de recherche interne) et relancer la lecture vers des sujets similaires.