Ecrire pour le web Optimiser le contenu éditorial hypertexte

Transcription

1 Ecrire pour le web Optimiser le contenu éditorial hypertexte CNRS 11 et 12 septembre 2007 Les Issambres

2 Ce qui a changé avec Internet

3 Qu est-ce qui a changé avec Internet > Rapport à l espace

4 Qu est-ce qui a changé avec Internet > Rapport au temps #1- Immédiateté 1 mn

5 Qu est-ce qui a changé avec Internet > Rapport au temps #2- Flux continu VS périodique

6 Qu est-ce qui a changé avec Internet > Mode d indexation Dewey (classification décimale) TAGS (mots clé)

7 Qu est-ce qui a changé avec Internet > Mode d archivage

8 Qu est-ce qui a changé avec Internet > Demande de valeur ajoutée Services Contenu Transparence Valeur d usage

9 Qu est-ce qui a changé avec Internet > Demande de valeur ajoutée Plus grande attente du public - public moins indulgent, moins patient, plus averti Besoin de réactivité / immédiateté Besoin de services Existence d un nouveau territoire de communication vers lequel il faut aller, en y renforçant sa crédibilité, avec ses valeurs Comportement : Réactivité Simplicité - Usabilité

10 Les modes de lecture d un contenu multimédia From Jean-Marc Hardy

11 Les modes de lecture d un contenu multimédia > Recherche / Consommation

12 Les modes de lecture d un contenu multimédia > Scanning / Reading > 79 % des internautes lisent en diagonales 16% lisent mot à mot 25% quittent le site à chaque clic

13 Les modes de lecture d un contenu multimédia > Textes VS Images

14 Les modes de lecture d un contenu multimédia > Lecture en «F» (comme fast) From Jakob Nielsen

15 Les modes de lecture d un contenu multimédia > Lecture en «F» On remarque que l'attention des utilisateurs commence dans le haut de la page Les yeux suivent une verticale. Il faut donc guider le regard Dés qu'un élément intéressant est repéré dans le cheminement vertical, l'utilisateur se détourne de sa recherche pour se faire à nouveau un opinion. Cela démonte notre tendance naturellement paresseuse N'attendez jamais qu'un utilisateur se fatigue pour lire votre page. Un utilisateur "scanne" visuellement une page au lieu de la lire. From Laurent Goffin

16 Les modes de lecture d un contenu multimédia > Les zones prioritaires

17 Les modes de lecture d un contenu multimédia > Quelques données > On lit 25 % moins vite à l écran > Les internautes scrollent Les internautes consultent plusieurs sites en même temps Exercice n 1 Analyse critique de quelques sites

18 Les bonnes pratiques éditoriales sur le web

19 Les bonnes pratiques éditoriales pour le web Si la formation durait 10 minutes Le jargon : le feuillet, le filet, la brève Ecrire concis & faire court Le web n est pas le papier Du synthétique vers l exhaustif L essentiel toujours en premier Un angle par «papier» Une info par phrase Ne pas vouloir trop en dire Mettre en relief Penser au référencement Resituer l article par rapport à son contexte Respecter la hiérarchie de l information dans la page

20 Les bonnes pratiques éditoriales pour le web > Soigner les micro-contenus Portes ouvertes chez Eurotronics Titre Accroche Chapô Texte Accroche Le 3 février 2005, la jeune société iséroise vous invite à découvrir son laboratoire CLIC Portes ouvertes chez Eurotronics Leader des systèmes de vision, l entreprise d Echirolles organise une journée d information et de démonstration. L occasion de découvrir le contrôle qualité au guidage de robot en passant par la lecture et la vérification optique. Le pari était pourtant loin d être gagné pour cette Jeune société spécialisée dans la robotique. Pourtant, les salariés ont su saisir leur chance. TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE

21 La titraille Faire des titres informatifs INFORMATIF Georges Simenon est mort INCITATIF Maigret casse sa pipe Exercices n 2 et 3

22 Les bonnes pratiques éditoriales pour le web Evitons la langue de bois! (par pitié )

23 Les bonnes pratiques éditoriales pour le web Utiliser des mots forts > Eviter l écriture automatique, qui engendre des expressions toutes faites > Eviter les lieux communs > Chercher le mot précis, juste Eviter les pièges > Traquer les erreurs et pièges courants (du genre: après qu il soit venu, vous n êtes pas sans savoir )

24 Les bonnes pratiques éditoriales pour le web Aérer, donner du relief > Intertitres (inter) > Illustrations > Tableaux > Gras (éviter l italique) > Mise en exergue (retrait, guillemet, fond de couleur,) > Eviter la justification > Découper en paragraphes

25 Les bonnes pratiques éditoriales pour le web Ecrire multimédia Les photos - recadrées sur détail - avec titre et légende Son : podcasting (Emission audio téléchargeable sur Internet) Vidéo : stream plutôt que download (notion de flux continu VS téléchargement un peu long) > Animation (penser aux plug-in) Et surtout > Proposez des ressources complémentaires (ex lemonde.fr)

26 > Utiliser l infobulle Les bonnes pratiques éditoriales pour le web Ecrire hypertexte > Environ 7 liens par page > Couleur différente Exercice n 4 > Intitulé clair > Pas de redondance > Au sein du texte VS sur la droite > Indiquer si pas HTML (PDF, etc ) > Vers où je vais?

27 Architecture de l information hypertexte (hypertexte = texte enrichi; documents liés entre eux par des hyperliens)

28 Architecture de l information hypertexte > Au niveau d un site 7 clés d organisation du contenu : > Alphabétique > Géographique > Thématique > Typologique > Chronologique (actualité) RUBRIQUAGE > Orienté action > Orienté audience = hiérarchie de l information From Jean-Marc Hardy

29 Architecture de l information hypertexte > Au niveau d un site Le rubriquage structure le site

30 Architecture de l information hypertexte > Au niveau d un site Laisser voir ce qu il y a en profondeur Importance des micro contenus

31 Architecture de l information hypertexte > La logique dossier > Type «sommaire détaillé» LES RANDONNEES A PIED EN ANE DE BÂT Le principe Pendant une semaine, partez à la découverte de la nature avec un animal sympathique. L âne, mode d emploi Les conseils pour bâter correctement et organiser sa randonnée sans stresser. Les adresses de loueurs Toutes les coordonnées, région par région Historique L âne à travers les âges, ou histoire d un incompris. Les chiffres clés >65 loueurs d ânes en France >2 fédérations de professionnels Pour en savoir plus > Fédération ânes et randonnées > Dossier randonnée sur > Salon de la randonnée > Les assurances à avoir Dossier réalisé par Joël Ronez Mise en ligne le 10 Jan 2004 Dernière mise à jour : 07 juin 2004 Contact : joel@ronez.net

32 Architecture de l information hypertexte > La logique dossier Les différents genres éditoriaux: L article simple L article avec l encadré qui le complète La brève L interview et ses deux formes : écrite et QR Le reportage (style manifestation) Le dossier : il apporte plusieurs éclairages sur un sujet au travers de plusieurs articles Le QR L enquête LES RANDONNEES A PIED EN ANE DE BÂT La randonnée en âne bâté est en plein essor. Surfant sur la vague des sports de plein air, les professionnels se sont organisés en fédération et proposent de nombreux circuits partout en France. Nous avons regroupé pour vous les ressources pour préparer ses vacances. Dossier réalisé par Joël Ronez Mise en ligne le 10 Jan 2004 Dernière mise à jour : 07 juin 2004 Contact : joel@ronez.net Pour en savoir plus > Fédération ânes et randonnées > Dossier randonnée sur > Salon de la randonnée > Les assurances à avoir Les chiffres clés Témoignages L âne, mode d emploi Les adresses Les choses à savoir TELECHARGEMENT -Guide rando PDF - Carte France des pros Blogs de vacances -La famille Moulinot en âne (vidéo MPEG 1,Mo)

33 Architecture de l information hypertexte > Au niveau d une page (inter) From Xavier de Mazenod, Adverbe

34 Architecture de l information hypertexte > Au niveau d une page Chaque page est une page d accueil > Via les moteurs, le visiteur entre par n'importe quelle page > Contextualiser : lui donner les moyens de se repérer (charte graphique, titraille, chapôs, illustration, cohérence, ) Dater les publications & actualisations Exercice n 5 From Xavier de Mazenod, Adverbe

35 Architecture de l information hypertexte > La pyramide inversée (ex dépêche AFP) Essentiel (AFP) Mardi 16 novembre 2005 TITRE + Neuf + Important + Proche CHAPÔ Détail TEXTE + général + détails + explicatif

36 Architecture de l information hypertexte > La pyramide inversée (ex dépêche AFP) Essentiel (AFP) Mardi 16 novembre 2005 MONTPELLIER Une école maternelle dans l Hérault endommagée par un incendie Un incendie «non accidentel» a endommagé dans la nuit de mardi à mercredi les locaux d une école maternelle à Lunel (Hérault); a-t-on appris auprès du groupement de gendarmerie de Languedoc-Roussillon. Détail Cet incendie, «qui n est pas accidentel» mais dont les causes restaient indéterminées, a pris vers 22h30 et endommagé des locaux qui ne sont pas des salles de class, ce qui devrait permettre à l école de rouvrir lundi, a-t-on précisé. La gendarmerie de la brigade territoriale de Lunel et la brigade de rapprochement et d investigation judiciaire à Montpellier ont été chargées de l enquête.

37 Architecture de l information hypertexte > Les 5 W Who When Where Why What How How Much Qui Quand Où Pourquoi Quoi Comment Combien Exercice n 6

38 RUBRIQUAGE SUPERIEUR parties principales du site (visible pendant toute la nav) SOUS MENU + Services (Rechercher Galerie photos Annonces Boutique ) + important, récent CONTENU Who? When? Where? Why? What? APPROFON- DISSEMENT - encadré - téléchagts - illustrat - liens - focus - dossiers - zoom etc + ancien, détaillé BAS DE PAGE : contact, plan du site

39 Architecture de l information hypertexte > Au niveau d un texte Who? When? Where? Why? What? + Neuf + Important + Proche > La pyramide inversée + général + détails + explicatif

40 Auto-évaluer son site

41 Auto-évaluer son site Les 5 axes qualité > Qualité de visibilité Qualité de perception > Qualité technique > Qualité du contenu / hiérarchie de l info > Qualité des services

42 Auto-évaluer son site Les 4 volets qualité des contenus > Qualité de présentation > Qualité du style > Qualité de la structure > Qualité de fond

43 Social Software / Web

44 Social Software / Web 2.0 > Encore un changement d ère? Premier âge de l Internet : -> Adaptation au media Deuxième âge : -> Ere du partage Nouvelles sociabilités Nouveaux codes Nouvelle culture Nouveaux outils Ce qui compte n est plus de détenir une information, mais de savoir la partager

45 3) Social Software / Web 2.0 «Arrêtons de parler de pages, à propos du web David Sifry PDG Technorati Le web est un flux de conversations Et le lien hypertexte n est pas un lien entre documents, mais une forme d action sociale»

46 Social Software / Web 2.0 > Le wiki : définition Un site web dynamique permettant à tout individu d en modifier les pages à volonté

47 Social Software / Web 2.0 > Qu est-ce qu un blog? Le premier format éditorial né du web

48 Social Software / Web 2.0 > Un blog qu est-ce que c est? Un site web... composé d articles classés par date et par catégories

49 Social Software / Web 2.0 > Un blog qu est-ce que c est? Un système de publication simplifié

50 Les permaliens Social Software / Web 2.0 > Les nouveautés de format. Les flux RSS Permet de mettre une partie du contenu du site à disposition des autres web masters qui auront créé un script Les commentaires Les retroliens

51 Social Software / Web 2.0 > Les nouveautés de contenu un format court et concis un grande sensibilité à l actualité un ton et un contenu informel

52 > Typologie de blogs internes > Blogs de salariés (IBM : blogueurs, Compass) > Blogs évènements (rebranding blog, Cap Gemini) > Blogs projet > Blogs expression (syndicat, association,..) > Blogs intranet (PME: ex AGOSPAP)

53 > 7 bonnes pratiques pour que ça marche 1 > Respecter le format et son état d esprit 2 > Former tous les utilisateurs (1h suffit) 3 > Constituer un comité éditorial de blog 4 > Adopter une charte de publication 5 > Ne pas censurer ni polémiquer, dialoguer 6 > Montrer l exemple 7 > Donner des consignes rédactionnelles

54 Flux RSS Real Simple Syndication

55 Flux RSS > Un nouveau format d échange d information Blog content content content Moteurs de recherche Logiciel Autres blogs & sites

56 Flux RSS > Qui diffuse en RSS? > Tous les blogs > Certains sites web (presse, ministères, ) > Moteurs spécialisés (technorati, )

57 Flux RSS > Qu est-ce qu on diffuse? Sur le blog ou via un agrégateur (application permettant de rassembler (agréger) et de synthétiser des informations publiées sur différents sites web.) > Entête, résumé > Contenu complet > Images Son -> Podcasting > Vidéo -> Videocasting