Mettre en place et gérer un projet web éditorial
Mettre en place et gérer un projet web éditorial Compte-rendu de formation CFPJ – février 2008
Comportement des internautes sur un site internet : Deux modes de lecture sur le web : 1)
Recherche d’information
2)
Consommation d’information Zones de recherche
Page web
Zone de consommation Sur un écran on lit 25% moins vite que sur papier 79% des internautes lisent en diagonale une page web Sur un site, si on ne trouve pas la réponse à sa recherche en quelques secondes, on quitte le site pour un autre. Phénomène de zapping permanent.
Direction de la communication / Marc Cervennansky
Page 1/6
Mettre en place et gérer un projet web éditorial
Ce qui attire le regard de l’internaute sur une page web : 1) Le titre 2) La légende d’une photo, les intertitres 3) Les photos Le texte attire plus l’attention que les photos. Soigner les titres, les légendes et intertitres, qui doivent comporter le maximum de mots clés significatifs par rapport au contenu de la page. Les photos efficaces sont celles qui sont en plan serré, montrant des personnes ou des détails d’objet. Les photos de plan large ont peu d’intérêt, surtout eu égard à leur faible dimension. Phénomène du « banner blinded « où l’œil ne perçoit pas certains visuels sur une page web par rapport à l’ensemble du contenu (études de Jacob Nielsen)
F
1
2
3
3
Etudes de « eye tracking » montrent une tendance à la lecture en « F » d’une page web. Les zones occupées par le tracé du « F » sont celles qui sont les plus vues et les plus lues. Illustration : le logo d’un site est toujours en haut à gauche. Zone 1 > Zone 3 ce qui prioritairement vu. L’organisation de l’information est fondamentale et conditionne le succès d’un site Logique de la pyramide inversée : L’information essentielle doit se trouver dans les 3 premières lignes d’un texte. A l’identique, sur un site, elle doit se trouver sur la page d’accueil et les rubriques de 1er niveau. Les informations plus approfondies et détaillées sont dans les rubriques de second niveau et supérieures. Aller du synthétique vers l’exhaustif.
Organisation efficace d’un site : 1) Centrée sur les utilisateurs 2) Centrée sur les usages. Direction de la communication / Marc Cervennansky
Page 2/6
Mettre en place et gérer un projet web éditorial
Etre centré sur l’utilisateur, c’est utiliser un langage et un vocabulaire qui soit compréhensible pour lui. Etre centré sur les usages, c’est bâtir un scénario d’utilisation. Ce qu’est censé faire l’internaute sur le site pour obtenir satisfaction. Une méthode pour organiser efficacement ses contenus : le tri des cartes. Sur une table étaler une fiche par rubrique ou page. Voir ensuite comment la regrouper et les classer logiquement. Il ne doit pas y a voir plus de 9 rubriques de 1er niveau sur un site (7 dans l’idéal). Correspond à la mémorisation/visualisation immédiate de l’œil.
Comment organiser ses contenus ? 7 grands types de classement des contenus pour un site web : 1) 2) 3) 4) 5) 6) 7)
Géographique Chronologique Alphabétique orienté action (acheter, vendre,…) typologique (cadre, jeune diplômé…) thématique orienté audience (pour public identifié. Ex : retraité, jeune…)
Pour les sites à fort contenu, qui ne peuvent se limiter à 7 rubriques principales, c’est le moteur de recherche qui est mis en avant. Exemple : Ebay. Ebay combine sur sa page d’accueil plusieurs types d’entrées : - moteur de recherche - classement alphabétique/typologique - action (acheter/vendre) Site www.service-public.fr : organisation par : - action - audience - thématique
Sur sa page d’accueil, privilégier : l’accessibilité la lisibilité le contenu actualisé
Direction de la communication / Marc Cervennansky
Page 3/6
Mettre en place et gérer un projet web éditorial
Importance de micro-contenus sur la page d’accueil : un titre + une accroche + date de mise en ligne. Ces micro-contenus doivent laisser voir ce que le site propose en profondeur. Toujours dater ses contenus et ses mises à jour. Organisation type d’une page d’actualité : Rubriquage principal Sous-menus Contenu Titre + accroche + illustration + légende + texte
Approfondissements : - diaporama - actualités sur le même thème - vidéo - liens vers d’autre sites - forum - focus - dossier - …
Le site internet du Nouvel Observateur reprend cette organisation
Les titres doivent être informatifs et comporter le maximum de mots clés (ceux qui seront référencés par les moteurs de recherche) Exemple des deux titres sur la mort de Simenon : Le Monde : « Georges Simenon est morts » sera référencé efficacement Libération : « Maigret casse sa pipe » : ne sera pas référencé.
Les moteurs de recherche font qu’un internaute peut arriver sur n’importe quelle page du site. Chaque page du site doit être considérée comme une page d’accueil Exemple de la ville de Lyon qui propose plusieurs sites qui n’ont aucune cohérence visuelle entre eux, et dont on peut se demander qui en est l’auteur. Même problématique pour les sites de SQY. Une page écran ne doit pas comporter plus de 1500 signes. Phrase courtes. Pas plus de 7 mots.
Direction de la communication / Marc Cervennansky
Page 4/6
Mettre en place et gérer un projet web éditorial
Adapter son vocabulaire à sa cible, en évitant le jargon. Les éléments indispensables d’une page d’accueil : -
Logo Présentation textuelle du site (baseline) Liens utilitaires (contact, mentions légales…) Navigation principale Micro-contenus Reprise de la navigation principale et des liens utilitaires en pied de page (surtout si la page est « scrollée » - dépasse en hauteur une page écran)
Charte éditoriale pour les liens vers des sites externes : nommer le site plutôt que d’écrire le lien de l’url. Plus signifiant. Une foire aux questions (FAQ) peut diminuer le nombre de mails entrants, lorsqu’on en reçoit beaucoup sur une même sujet.
Evaluer son site internet L’utilisabilité d’un site lui donne sa valeur. Comparatif de l’utilisabilité d’une magnétoscope par rapport à une machine à laver. On peut se servir d’une machine à laver sans mode d’emploi, alors que le magnétoscope nécessite un long décryptage d’un mode d’emploi conséquent. Sites permettant d’effectuer des auto-evaluations de son site : www.opquast.com www.temesis.com/publications www.redaction.be
L’expression des besoins Définir la nature de ses besoins pour le site internet : - Informer - Fidéliser - Vendre - Apporter des services - Divertir - Orienter - … Définir ensuite l’expression des besoins des utilisateurs du site, qui ne sont pas forcément les mêmes : -
sondage en ligne
Direction de la communication / Marc Cervennansky
Page 5/6
Mettre en place et gérer un projet web éditorial
-
interview atelier de travail analyse de la fréquentation du site
Pour évaluer les besoins de son site et les formaliser, faire un tableau : Besoins avérés
Objectif : réponse à apporter
Priorité : De 1 à 3
Site trop lent à l’affichage Optimiser le code des pages html
1
Difficulté à localiser une adresse
2
Proposer un plan d’accès en ligne (lien plan de ville)
Couleurs du site jugées Revoir la charte graphique du laides par la majorité des site internautes
3
Le web, c’est le royaume de la segmentation : S’adresser à tout le monde c’est s’adresser à personne.
Bien définir le rôle et le champ d’application des webmasters et des contributeurs, avec éventuellement le workflow envisagé. Voir le modèle proposé sur : http://www.arkantosconsulting.com/downloads/plandemaintenance.pdf
Direction de la communication / Marc Cervennansky
Page 6/6
