ORGANISER ET RÉDIGER DU CONTENU POUR LE WEB



Documents pareils
Charte éditoriale 1- Comment préparer un contenu écrit pour le Web?

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

Ecrire pour le web. Rédiger : simple, concis, structuré. Faire (plus) court. L essentiel d abord. Alléger le style. Varier les types de contenus

Écrire pour internet. Comment les internautes lisent ils? La lecture à l'écran

Cégep de Saint Laurent Direction des communications et Direction des ressources technologiques. Projet WebCSL : Guide de rédaction web

Compétences lectorales

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

Créer une Newsletter. Les étapes LE MARKETING PRAGMATIQUE DES ENTREPRISES HIGH TECH

Site Internet de la Ville de Marssac. Comment ouvrir un compte et devenir contributeur PAGE 1

UNIVERSITE LA SAGESSE FACULTÉ DE GESTION ET DE FINANCE MBA OPTION MIS. MIAGe METHODES INFORMATIQUES APPLIQUEES A LA GESTION

d un site web universitas friburgensis Objectifs de l atelier

Langue, techniques de rédaction et correction d épreuves (412-2A1-LG)

Formation Créateur de site web e-commerce Certifiant

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

Spip 2. Premiers pas pour créer son site web. Anne-Laure Quatravaux Dominique Quatravaux. Avec la contribution de Sandrine Burriel

Prise en main rapide

COMMENT OPTIMISER MA VISIBILITÉ SUR LE WEB? AMÉLIORER MON RÉFÉRENCEMENT

Support de cours. Arboit Jean-Yves. 3dsMAX Auteur : Arboit Jean-Yves. Viewport Canvas. Première partie: INITIATION

Refonte des sites internet du SIEDS

Partie publique / Partie privée. Site statique site dynamique. Base de données.

CHARTE D'UTILISATION ET CHARTE EDITORIALE DU PORTAIL ASSOCIATIF

Atelier E-TOURISME Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com

Rédigez efficacement vos rapports et thèses avec Word (2ième édition)

Rédaction Web. Ecrire pour être lu et référencé. Gabrielle Denis

Instructions pas à pas pour l'enregistrement simplifié auprès de la PostCom

majuscu lettres accent voyelles paragraphe L orthographe verbe >>>, mémoire préfixe et son enseignement singulier usage écrire temps copier mot

BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel

Formation Marketing et communication web

Drupal : quelques fonctionnalités (ce qu il permet, ce qu il ne permet pas)

Structure et contenu d un mémoire de master pour les étudiants du M2 spécialité ASR

NORMES DE PRÉSENTATION DES MANUSCRITS

Table des matières & Index Partie première : Table des matières Jean-Yves Lucca

Manuel d utilisation du site web de l ONRN

WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT

Plan. Traitement de texte et PAO 4/10/06. Initiation à Word

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Utilisation de l éditeur.

Référencement naturel & E-tourisme. Pau 02/10/2008

Un site Web performant p 3. Les moteurs de la réussite p 4

Université de Lorraine Licence AES LIVRET DE STAGE LICENCE

Introduction aux concepts d ez Publish

iil est désormais courant de trouver sur Internet un document

Créer son Blog! Une fois votre compte blogger ouvert, vous allez pouvoir cliquer sur «Nouveau Blog» Une nouvelle fenêtre apparaît

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

VOLUME 1 CRÉATION D UN SITE WEB

Référencement Vendredi 4 Juillet Ile Degaby

A. Introduction. Chapitre 7

Créer un site Internet dynamique

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Publier dans la Base Documentaire

Les premières étapes d une présence adéquate sur le Web

MODE D EMPLOI WORDPRESS

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

Bernard Lecomte. Débuter avec HTML

Site web établissement sous Drupal

Comment rédiger et publier une Newsletter

ÉCOLE SECONDAIRE PÈRE-RENÉ-DE-GALINÉE

1. Possibilités. > Candidature en ligne via , par ex. pour une candidature spontanée ou pour répondre à un poste mis au concours.

Certificat de formation continue en Webmarketing

REFERENCEMENT NATUREL

OPTIMISATION EDITORIALE POUR LE REFERENCEMENT. Auteur : Sébastien Billard (s.billard@free.fr)

LES DOSSIERS DOCUMENTAIRES ELECTRONIQUES. Clotilde VAISSAIRE CV CONSEIL SARL

Dans nos locaux au 98 Route de Sauve NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Séquence. «Eduquer aux réseaux sociaux : créer, publier, maîtriser»

Avantic Software Présentation de solutions GED pour mobiles (Gestion Electronique de Documents)

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

N SIRET : N

CMS Modules Dynamiques - Manuel Utilisateur

Trucs et astuces d un Expert Jimdo pour un site réussi

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

I - Pour créer un site web

En date du 11 décembre 2008

Formation Word/Excel. Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007

PROJET MULTIMEDIA 2005/2006

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

Catalogue Formations informatiques

C r é a t i o n D e S i t e s. P o l C R O V A T T O

10 points clés pour bien démarrer votre projet web

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

GFM 296 UNIVERSITE LA SAGESSE FACULTÉ DE GESTION ET DE FINANCE GUIDE POUR LA REDACTION DU MEMOIRE DE MASTER MBA (FORMULAIRE D)

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

«Dire et écrire» pour réaliser une composition en travail collaboratif en géographie. Agnès Dullin, lycée J. Racine 20 rue du Rocher, Paris

GROUPE CAHORS EXTRANET

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

Université de Strasbourg Un nouveau portail internet

Drupal (V7) : principes et petite expérience

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Introduction : présentation de la Business Intelligence

Exemple de charte d intégration web

COMMUNIQUE DE LANCEMENT SAGE E-COMMERCE 100 VERSION 14

Ebauche Rapport finale

Transcription:

ORGANISER ET RÉDIGER R DU CONTENU POUR LE WEB www.jura.ch 06/12/2012 1

Le site Internet, une vitrine pour votre Service 06/12/2012 2

Le site Internet - Une vitrine pour votre service Rappels Devoir d'informer - Contexte légal Droit du public à l'information et droit d'accès aux documents officiels Loi sur l'information et l'accès aux documents officiels Coordination Soutien - Rédaction - Expertise - Projets Rédaction Web Support Problèmes techniques Support utilisateur SDI (5940) Problèmes IceCube2.Net Artionet Web Agency via la rédaction Web 06/12/2012 3

Particularités d un site Internet? www.jura.ch Le site Internet - Une vitrine pour votre service Site Internet de l Etat: un guichet ouvert 24h/24 et 7 jours sur 7 Accessible du monde entier Liens hypertextes - Validité (liens brisés) - Pertinence Rapidité de mise à jour - Veille - «Permanence» Faible coût de production Gratuité de consultation (en général) Sous certaines conditions, facilité d accès pour les personnes handicapées Access For All 06/12/2012 4

Le site Internet - Une vitrine pour votre service Site www.jura.ch +80 000 visites par mois 300 000 pages vues Crédibilité Fournir toutes les informations sur l organisation et les prestations de l Administration cantonale Service(s) rendu(s) à l usager citoyen «client» Qualité du contenu - PAAF Pertinent Accessible Actuel Fiable 06/12/2012 5

Séminaire ch.ch Coût moyen d'une requête nécessitant une intervention humaine: 138,8 CHF Coût moyen d'une requête «self-service» 0,5 CHF 50-70% des contenus des sites Web cantonaux sont inutiles car: INACCESSIBLES INTROUVABLES NON PERTINENTS 06/12/2012 6

Organiser le contenu 06/12/2012 7

Organiser le contenu Organisation générale www.jura.ch Le site de l'etat - 3 systèmes de navigation Structure administrative Index alphabétique/thématique Chemin de vie Chaque page est liée à l'index alphabétique L index est géré par la rédaction Web - Informer la rédaction Web lors de la création de nouvelles pages/rubriques dont les contenus devraient figurer dans l'index 06/12/2012 8

Organiser le contenu Partie administrative Page d accueil du service Qui sommes-nous? Que faisons-nous? Où sommes-nous localisés? Quand sommes-nous ouverts? Comment peut-on nous atteindre? Comment sommes-nous organisés? 06/12/2012 9

Organiser le contenu Partie thématique/contenus Ce n est pas le site du Service mais du citoyen!!!! Qu est-ce qui est utile au citoyen-client? Prestations - Prestations - Prestations ATTENTION: plusieurs services peuvent être concernés par un même thème - Synergies - Redondances Questions Quelle est la prestation? Quelle est la procédure pour demander la prestation? Quels sont le(s) formulaire(s) nécessaire(s)? Quelle est l entité compétente? Toute autre information pertinente (non liée directement au service) 06/12/2012 10

Organiser le contenu Règle d or de l organisation de contenus Web LA PYRAMIDE RENVERSÉE Du général au particulier 06/12/2012 11

Organiser le contenu Faire un plan Système de navigation 06/12/2012 12

Organiser le contenu Exercice 1. Pensez à une information que vous avez publiée sur vos pages 2. Depuis la page d accueil www.jura.ch pensez à la façon dont votre public accédera à cette information 3. Commentez votre expérience 06/12/2012 13

Divers Conditions d un d bon site Bonne architecture de l information - Arborescence Navigation aisée Graphisme élégant, aéré - Respiration Mise en scène de l information Pertinence des contenus - Cohérence Style d écriture simple Titres clairs et riches d informations Chapeau clair et concis Idée claire Liens explicites, fonctionnels - Liens brisés Crédibilité PDF avec intitulés explicites Mise à jour permanente Veille 06/12/2012 14

Ecrire pour le Web 06/12/2012 15

Ecrire pour le Web Sleon une édtue de l Uvinertisé de Cmabrigde, l odrre des ltteers dnas un mot n a pas d ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire ltetres sionet à la bnnoe pclae. Le rste peut êrte dans un dsérorde ttoal et vuos puoevz tujoruos lrie snas porblème. C est prace que le creaveu hmauin ne lit pas chuaqe ltetre elle-mmêe, mias le mot cmome un tuot. 06/12/2012 16

Ecrire pour le Web L'internaute est un animal impatient «La rédaction Web est un exercice de révision de texte pour l écran cathodique et l internaute impatient ou «ennuyé». Par des procédés sémantiques, structurels et stylistiques, elle vise à décupler la facilité de consultation et l intérêt des informations pour l internaute.» Source: Hubert François Rédaction Web Cortexte communications, 2003 06/12/2012 17

Ecrire pour le Web On ne lit pas un texte sur un écran comme on lit un texte sur du papier Confort de lecture sur écran: -25% 06/12/2012 18

Ecrire pour le Web 3 types de lecture Le repérage (survol) Le balayage (survol et synthèse) La lecture en profondeur (décortication) 3 grands principes - Saut de l'œil Concision Réduire de 50% le volume des textes Balayabilité Intertitres, listes, phases courtes, gras, etc. Morcellement des pages Catégoriser les contenus en portions d'informations - Hiérarchie - Sémantique 06/12/2012 19

Ecrire pour le Web Règle du QQOQCP QUI A qui s adresse la page, la cible? QUOI Que contient la page? OÙ Où va-t-on trouver l information? QUAND Date de mise à jour COMMENT Quels sont les modes d interaction? POURQUOI Quel est l objectif de la page? Autrement dit Se mettre à la pace du citoyen/internaute - Lui offrir ce qu il cherche 06/12/2012 20

Ecrire pour le Web Texte imprimé vs. Texte Web 06/12/2012 21

Ecrire pour le Web 06/12/2012 22

Ecrire pour le Web Concision Réduire de 50% Texte original Dans quels cas me facturerez-vous les taxes? Généralement, les taxes doivent être perçues à l'adresse de livraison plutôt qu'à l'adresse de facturation, selon le principe que c'est à l'adresse de livraison que l'on bénéficiera de l'achat. La taxe est applicable si nous avons une succursale physique dans l'état de destination. Actuellement, les états où nous devons facturer la taxe de vente (lorsque nous livrons à des adresses dans ces états) sont le Connecticut, le Maine, le Massachusetts, le New Hampshire, le Rhode Island et le Vermont. 86 mots Texte réduit Dans quels cas me facturez-vous les taxes? Nous devons facturer la taxe de vente sur toute commande que nous livrons dans les états où nous avons des succursales physiques Connecticut, Maine, Massachusetts, New Hampshire, Rhode Island et Vermont. 38 mots 06/12/2012 23

Ecrire pour le Web Ecrire pour être lu Ecrire pour son public Structurer son contenu (pyramide inversée) Simplifier Simplifier Simplifier Keep It Simple and Stupid (KISS) 06/12/2012 24

https://www.gov.uk/

Ecrire pour le Web Recommandations Clarté - Brièveté Aller à l'essentiel: QUI - QUAND - QUOI - OÙ - POURQUOI Phrases courtes (12-15 mots) - Mémorisables Syntaxe simple: sujet + verbe + complément Eviter les mots de liaison, les adjectifs, le jargon, les sigles Privilégier la forme active Utiliser le présent Vocabulaire connu, précis, vivant, imagé Relecture par un lecteur - Validation 06/12/2012 26

Ecrire pour le Web Structuration du texte Utiliser le système de la pyramide inversée Mettre l essentiel en premier Placer les éléments essentiels dans le titre Synthétiser les points clefs dans le début du texte Structurer de manière identique les phrases: l essentiel dans les premiers mots Ne pas «tourner autour du pot» 1 idée par paragraphe / 1 paragraphe par idée Astuce «Si le lecteur arrête sa lecture après le premier paragraphe, a-t-il saisi le message essentiel?» 06/12/2012 27

Ecrire pour le Web A faire A éviter Soigner l écriture: textes brefs - concrets Titres informatifs Utiliser la voix active Phrases courtes Vocabulaire simple et adapté au public Hiérarchiser le contenu - Arborescence VD.ch Guide du contributeur Tournures passives Abstractions Abus d adjectifs, d adverbes et de mots inutiles Vocabulaire technique et/ou non expliqué, jargon, abréviations, sigles, acronymes Titres trop longs Syndrome Coop ou Migros: «Tout doit figurer dans l'assortiment» 06/12/2012 28

Ecrire pour le Web Les titres A chaque page un thème et un titre principal On peut ensuite structurer avec des titres de 2 e niveau (ne pas dépasser 3 niveaux de titres) Les titres doivent être sobres, précis, brefs, concrets Titres plus informatifs qu accrocheurs Rendre la page «scannable» Préciser le contenu de la page en utilisant un chapeau 06/12/2012 29

Ecrire pour le Web Les liens hypertextes Constituent des ressources complémentaires Attention à ne pas surcharger Où les placer? A la fin d un bloc texte - Utiliser le bloc ad hoc Dans le corps du texte (pas plus de 5 à 7) Comment les rédiger? Intitulés spécifiques - pertinents - courts «Formulaire de demande de congé» et pas «Formulaire» 06/12/2012 30

Ecrire pour le Web Règles de rédaction Eviter d utiliser des acronymes ou alors, les expliciter Eviter les anglicismes Langage épicène Règles typographiques, abréviations, majuscules, composition des nombres, ponctuation, etc. Référence: «Guide du typographe romand» ou www.jura.ch/contributeur Relecture - Validation 06/12/2012 31

L'accessibilité 06/12/2012 32

Accessibilité Objectif Label AA+ Problème: PDF's Projet: formulaires en ligne 06/12/2012 33

Accessibilité Texte alternatif Longdesk Sémantique (h1 h2 h3 h4) Galeries-photos Intitulés explicites (liens + PDF) Informations complémentaires www.jura.ch/contributeur 06/12/2012 34

Contrôle qualité Maintenance et mise à jours 06/12/2012 35

Le contrôle de qualité Un site Web doit être mis à jour en permanence «Tournée d'inspection» - Vérifier Apparence générale de la page Qualité/validité du contenu Supprimer les infos périmées Titres Sous-titres Validité des liens (liens brisés!!!) Pertinence des intitulés Tester son site par un utilisateur «lambda» 06/12/2012 36

Images PDF Alias Statistiques 06/12/2012 37

L'utilisation des images Vous pouvez utiliser des images pour d'organiser/aérer vos pages Privilégier des images élégantes, de qualité et de bon goût Attention! et droit à l image Redimensionnement automatique par IceCube2.Net 1 image = 1 information Attention! Les images ne se suffisent pas à elles-mêmes! Elles doivent être choisies en fonction des informations qu'elles contiennent. 06/12/2012 38

Du bon usage des alias Alias = facilitateur d accès Plus facile à communiquer En standard pour les services www.jura.ch/acronymeservice ATTENTION: ne pas créer un alias par page, mais uniquement lorsque cela est justifié - Pertinence Création d alias webredacteur@jura.ch 06/12/2012 39

HTML vs. PDF HTML Langage «web» rapide, destiné à l affichage écran Liens PDF Format de document Adobe N est pas du Web Document mis en page Annexes, rapports, etc. Mauvaise pratique: scanner un PDF image (imprimante multifonctions) 06/12/2012 40

Gestion des PDF Biliothèque de documents Indexation des fichiers PDF par le moteur de recherche Attribuer un titre explicite à chaque fichier PDF. Procédure: www.jura.ch/contributeur Les fichiers Démonstration (rédacteur Web) Planifier sans délai la mise à jour de vos bibliothèques Supprimer les fichiers obsolètes Attention: le moteur de recherche indexe indistinctement tout ce qui se trouve dans la bibliothèque de documents - publiés ou non! 06/12/2012 41

Les statistiques de fréquentation Outil permettant de mesurer l intérêt, la pertinence et l efficacité de vos pages Mesure de la fréquentation de vos pages Nombre de visites / Pages vues, etc. Nombreux tableaux de bord disponibles Module statistique Intranet RCJU: www.ju.ch (out of order) Projet Statistiques GoogleAnalytics via IceCube2.Net 06/12/2012 42

Fonctionnalités s réservr servées es à la rédaction r Web Vidéo Blocs HTML Création de formulaires (exemple JuraAccueil) Index alphabétique Création d'alias Validation des «grands projets» 06/12/2012 43

Mais encore A négliger sous aucun prétexte Texte alternatif (texte alternatif légende) Choix du modèle de page (Une colonne Une colonne News) Mise à jour de la bibliothèque de documents + balise «Titre» Mise à jour des contenus A quelle fréquence? Emission des PDF Accessibles et dans le bon sens!!! Exemple Vérification des liens brisés Nouvelles fonctionnalités IceCube2.Net Copier pages Déplacer pages Aide en ligne 06/12/2012 44

Aide en ligne Contact 06/12/2012 45

Aide en ligne - Contact IceCube2.Net Consignes contributeurs Accessibilité Rédiger pour le Web (VD.ch) Contact http://help.icecubedotnet.com www.jura.ch/contributeur www.vd.ch/fr/guide typo3/le texte/rediger pour le web/ jean-paul.faehndrich@jura.ch webredacteur@jura.ch 06/12/2012 46

MERCI DE VOTRE ATTENTION 06/12/2012 47