1. A. Le message écrit à
l’écran
École Billières http://www.breizhmasters.fr/redaction-articles-web.html
BTS Communication – 2ème année
Sandrine MICHEL – sandrine.michel@gmail.com
2. I. Les spécificités
de l’interactivité
http://www.rediff.com/business/slide-show/slide-show-1-how-internet-is-creating-jobs-worldwide/20110527.htm
3. BTS Communication – 2ème année
1. Organiser son contenu
http://www.carnac-informatique.fr/prestations/pack_organisation.htm
Sandrine Michel – sandrine.michel@gmail.com
3
4. BTS Communication – 2ème année
Maquette d’une page type en ligne
Titre
Chapeau : Qui ? Quoi ? Quand ? Où ? Comment ? Pourquoi ?
Développement général
… Qui ?
Vidéos
… Comment ?
(Sources) Pourquoi ? Photos
Image Qu’en pensez-vous ?
Autres articles
Signature
Date de dernière mise àMichel – sandrine.michel@gmail.com
Sandrine
jour
4
5. BTS Communication – 2ème année
Des différences entre un support en ligne
et papier ?
Page en ligne Page papier
Plus concis
Plus factuel
Il pourra mener vers des Un angle d’attaque précis (et un
éclairages complémentaires que le seul)
lecteur choisira ou non de
consulter
Logique linéaire
Logique dossier
Se limite en nombre de pages
Extensible en hauteur,
En profondeur, Une fois publiée, ne peut plus être
Dans le temps modifiée
Sandrine Michel – sandrine.michel@gmail.com
5
6. BTS Communication – 2ème année
2. Ecrire concis
http://www.journaldunet.com/management/efficacite-personnelle/e-mail/concision.shtml
Sandrine Michel – sandrine.michel@gmail.com
6
7. BTS Communication – 2ème année
La concision est une nécessité sur Internet
La lecture à l’écran est plus difficile
Les lecteurs lisent en diagonale La lecture à l’écran est 25% plus
lente que la lecture sur papier
Privilégier :
Les titres courts Seuls 16% des internautes lisent
mot à mot
Les phrases courtes
Exemple :
Les paragraphes courts Plutôt que…
Les tournures simples « Séance d’information générale ouverte au public
sur le thème des plantes transgéniques et de leurs
implications diverses pour les 3 régions de
Belgique »
… titrer
La concision ne doit pas être de « Plantes transgéniques : les enjeux pour la
l’imprécision ! Belgique (conférence) »
Sandrine Michel – sandrine.michel@gmail.com
http://www.arvernes.com/wiki/index.php/Fichier:Panneau_attention
.svg 7
8. BTS Communication – 2ème année
Il ne faut pas écrire court, il
faut écrire dense…
C'est en tout cas un message très utile à faire
passer.
Lorsqu'on s'attaque à un texte pour en extraire
toute la puissance, le but n'est pas d'en
simplifier le message.
Objectif : garder la substance et chasser le
superflu.
Sandrine Michel – sandrine.michel@gmail.com
8
9. BTS Communication – 2ème année
3. Contextualiser
A. Pourquoi contextualiser ?
B. Comment contextualiser ?
Sandrine Michel – sandrine.michel@gmail.com
9
10. BTS Communication – 2ème année
A. Pourquoi contextualiser ?
a) Pour que l’internaute s’y retrouve
Des millions de sites Internet
Frontière floue entre sites promotionnels et contenus informatifs
b) Contextualiser pour enrichir l’information
Elle peut enrichir le contenu lui-même
c) Pour permettre à l’internaute de trouver ses repères :
- géographiques
- temporels
- éditoriaux
Sandrine Michel – sandrine.michel@gmail.com
10
11. BTS Communication – 2ème année
B. Comment contextualiser ?
a) Les éléments concrets de contextualisation :
- Texte de la page d’accueil
- Rubrique du type « Contact », « Contactez-nous », …
- Les mentions légales
- Les dates de dernières mises à jour
b) Pour enrichir son contenu grâce à la contextualisation
- Mentionner les sources d’information
- Proposer des liens vers des ressources complémentaires
Sandrine Michel – sandrine.michel@gmail.com
11
12. BTS Communication – 2ème année
Exemple : www.lefigaro.fr , une contextualisation
interactive
Date et source
Autres articles sur
le sujet
Sandrine Michel – sandrine.michel@gmail.com
12
13. BTS Communication – 2ème année
4. Mettre le contenu en relief
A. Créer un contenu en relief
B. Le découpage de l’information
http://www.comment-gagner-sur-
internet.com/creation-site/mettre-en-relief-page-
web.php
Sandrine Michel – sandrine.michel@gmail.com
13
14. BTS Communication – 2ème année
A. Créer un contenu en relief
= rendre lisible et visible l’information à diffuser
Utiliser des titres et inter-titres Les titres et inter-titres sont 5 fois +
lus que les textes
Utiliser des caractères gras
Les lettrines augmentent le taux de
Utiliser la couleur lecture de 13%
Utiliser les caractères italiques Les blancs entre les paragraphes
augmentent le taux de lecture de
Utiliser des puces 12%
Découper l’information en paragraphe
Découper la page en espaces d’information
Intégrer les visuels au contenu (+ légende)
Source : netmarketeur.net
Sandrine Michel – sandrine.michel@gmail.com
14
15. BTS Communication – 2ème année
Exemple : www.lemonde.fr, une bonne lisibilité grâce au
découpage
Sandrine Michel – sandrine.michel@gmail.com
15
16. BTS Communication – 2ème année
B. Le découpage de l’information
Le découpage de l’information consiste à rendre le
découpage signifiant
Découper l’information en blocs sémantiques
Créer une architecture de l’information
http://astuces-en-1-clic.blogspot.com/2010_10_01_archive.html
Sandrine Michel – sandrine.michel@gmail.com
16
17. BTS Communication – 2ème année
5. L’utilisation du lien hypertexte
Les liens hypertextes servent à relier du contenu
Fonctions des liens :
http://www.veilledopinion.fr/index.php/?tag/twitter
- Extrait bibliographique complémentaire
- Lien entre la table des matières et les différentes parties d’un
texte
- Lien entre sujet et animation multimédias, photos, …
- Lien entre un article et d’autres articles complémentaires
Sandrine Michel – sandrine.michel@gmail.com
17
18. BTS Communication – 2ème année
Nombre de liens :
Ne pas dépasser 7 hyperliens un même niveau
Maximum 20 hyperliens sur la page d’accueil
Maximum 5 hyperliens intégrés au contenu
La présentation des liens hypertextes :
Longs… mais pas trop = liens composés de 3 ou 4 mots
Des liens explicites
Possibilité d’entourer le lien d’une description textuelle
Couleurs standards Exemple :
Soulignés « lemonde.fr, un quotidien en ligne d’information
générale »
Sandrine Michel – sandrine.michel@gmail.com
18
19. BTS Communication – 2ème année
Pas nécessaire de mettre un
maximum de liens
Trop de liens tue le lien.
Lorsque les liens sont sélectifs, bien
ciblés, bien formatés et bien positionnés, ils
peuvent générer des taux de clic de près de
20%.
Une belle opportunité de valoriser
d'anciennes productions éditoriales !
Sandrine Michel – sandrine.michel@gmail.com
19
20. BTS Communication – 2ème année
Nouvelle fenêtre ou pas ?
Nouvelle fenêtre si on renvoie vers un autre site
Même fenêtre si on reste sur son site
Hyperlien ou hyperimage ?
« la 1ère chose à laquelle les utilisateurs prêtent
attention, ce sont les liens hypertextes »
Sandrine Michel – sandrine.michel@gmail.com
20
21. BTS Communication – 2ème année
6. L’accroche
« Découvrez notre nouveau produit »
ceci n’est pas une accroche.
La nouveauté n'est pas une nouvelle.
La nouveauté, en tant que telle, ne révèle aucun
bénéfice client.
En quoi votre produit est-il nouveau ? Telle est
la question.
Sandrine Michel – sandrine.michel@gmail.com
21
22. BTS Communication – 2ème année
http://blog.60questions.net
Sandrine Michel – sandrine.michel@gmail.com
22
23. BTS Communication – 2ème année
Essayez d'offrir un minimum de précision.
« Ce produit constitue un gain de temps dans l’industrie
pharmaceutique »
est préférable à
"Découvrez notre nouveau produit !"
Les superlatifs sont vains.
Les internautes cherchent des réponses à leurs besoins. Ils
seront sourds au ronron promotionnel creux : "offre
exceptionnelle", "solution innovante", "plate-forme
incontournable". Accumuler les superlatifs, c'est crier contre
le vent. Cessons les "Don Quichotte".
Sandrine Michel – sandrine.michel@gmail.com
23
24. BTS Communication – 2ème année
7. Les titres
Prévoir impérativement un titre pour chaque page.
Le titre sera :
1. Court : Entre 4 et 10 mots.
2. Visible
3. Explicite
4. Accrocheur
5. Contenant des mots clés
6. Ayant une signification autonome
7. Dont les premiers mots sont les plus signifiants.
8. Si une date est associée au titre, placez-la après le titre.
http://www.axialdev.com/blogue/2010/05/comment-ecrire-sur-internet/
Sandrine Michel – sandrine.michel@gmail.com
24
25. BTS Communication – 2ème année
8. Les introductions
Limitez l'accroche à un seul
paragraphe, court.
Pour mettre l'accroche en évidence, utilisez la
mise en gras ou un fond de couleur
distinct, mais jamais le souligné ni les
italiques.
Résumez l'essentiel de l'information.
Droit au but : évitez d'introduire un sujet par
un texte d'accueil inconsistant ou par des
précautions d'usage.
Sandrine Michel – sandrine.michel@gmail.com
25
26. BTS Communication – 2ème année
9. Le contenu des articles
1. Découpez l'information en plusieurs paragraphes
2. Limitez-vous à une seule idée par paragraphe
3. Utilisez, si nécessaire, plusieurs blocs d'informations.
4. Utilisez des intertitres, surtout dans les textes longs (plus de 2 000
caractères).
5. Limitez la longueur de la page : entre 500 et 4 000 caractères si
possible.
6. Mettez les mots clés en gras. Sans abuser.
7. Utilisez les listes à puces ou à numéro, qui donnent du relief à la page.
8. Illustrez votre contenu à l'aide de visuels informatifs.
9. Utilisez des phrases courtes (15-20 mots en moyenne), au vocabulaire
et au style simple, concret, direct, et concis.
Sandrine Michel – sandrine.michel@gmail.com
26
27. BTS Communication – 2ème année
10. Évitez le jargon
(juridique, administratif, commercial, etc.).
11. Évitez les acronymes et autres abréviations « non
universelles »
12. Adaptez votre ton à votre cible et maintenez un ton
cohérent.
13. Pour assurer la pérennité de votre contenu, utilisez
des repères temporels absolus
14. Évitez les repères spatiaux propres au support
papier, soit textuels ou hiérarchiques
Sandrine Michel – sandrine.michel@gmail.com
27
28. BTS Communication – 2ème année
10. Les images
1. Associez à vos images un texte alternatif. Il
s'agit d'un équivalent textuel, descriptif et
concis, visible au survol de la souris.
2. Privilégiez les images à caractère informatif.
3. Chaque fois que c'est possible, prévoyez
une légende, concise et donnant du sens à
l'image.
Sandrine Michel – sandrine.michel@gmail.com
28
30. BTS Communication – 2ème année
a) L'attrait d'un site bien
organisé
Pas besoin de longs discours pour comprendre l'effet
négatif et repoussant que peut provoquer un site mal
organisé.
A l'inverse, un site bien organisé vous permettra de :
rendre vos informations facilement accessibles ;
améliorer la lisibilité de votre page d'accueil ;
réduire le taux de perte de visiteurs (qui n'ont
généralement pas la patience de faire le tri eux-mêmes) ;
procurer un sentiment de maîtrise ;
canaliser l'actualisation des contenus ;
réaliser des économies (en évitant d'éternelles
restructurations)
Sandrine Michel – sandrine.michel@gmail.com
30
31. BTS Communication – 2ème année
b) 7 clés pour organiser
son contenu
1. L'approche alphabétique
2. L'approche chronologique
3. L'approche géographique
4. L'approche typologique
5. L'approche thématique
6. L'approche orientée "action«
7. L'approche orientée "audience"
Sandrine Michel – sandrine.michel@gmail.com
http://www.web-interactif.com/services-web/come-in-my-world-des-cles-dinvitation-du-nouveau/ 31
33. BTS Communication – 2ème année
Cette page est géniale. Pourquoi ?
Sandrine Michel – sandrine.michel@gmail.com
33
34. BTS Communication – 2ème année
1. La concision
2. Les arguments
3. Les pictogrammes
4. Le contenu dynamique
5. La possibilité d’en savoir plus
Sandrine Michel – sandrine.michel@gmail.com
34
35. BTS Communication – 2ème année
Sandrine Michel – sandrine.michel@gmail.com
35
37. BTS Communication – 2ème année
1. Inscription à la newsletter
http://www.toulouse.fr/newsletters/les-decouvrir
La collecte des adresses email des visiteurs / clients potentiels est
essentielle pour le marketing direct de l’entreprise et/ou l’envoi de lettres
d’information comme les newsletters. La plupart des sites web proposent
un système automatisé pour abonner les visiteurs (et les désabonner) à
leur liste de diffusion via leur site web.
Sandrine Michel – sandrine.michel@gmail.com
37
38. BTS Communication – 2ème année
2. Les commentaires sur les articles
C’est ce que l’on trouve sur les Blogs.
Permettre aux utilisateurs de laisser des commentaires peut être utile à
bien des égards.
En plus du feedback que cela procure, ils permettent également de
construire du contenu grâce à celui généré par les utilisateurs.
Cette fonctionnalité ne devrait être ajoutée qu’aux sections pertinentes de
votre site.
3. Les derniers messages
Si vous disposez d’un blog, vous pouvez afficher la liste, par exemple, des
10 derniers messages de votre blog sur votre site principal.
Il peut ainsi apporter une valeur ajoutée à votre site web, en particulier si
votre blog et votre site sont sur la même niche de marché.
Sandrine Michel – sandrine.michel@gmail.com
38
39. BTS Communication – 2ème année
4. Google Map
Une carte interactive Google Map peut rendre votre site Web interactif.
Google Map peut être utilisé de plusieurs façons.
Vous pouvez l’employer simplement pour afficher une carte interactive
pour vous localiser ou bien, vous pouvez utiliser l’une de ses
caractéristiques intégrées comme le calculateur de distance, etc… pour
ajouter de l’interactivité à votre site. Il est possible de personnaliser des
applications pour votre site en employant l’API très performante de Google
Map.
Sandrine Michel – sandrine.michel@gmail.com
39
40. BTS Communication – 2ème année
5. Le moteur de recherche interne
Le moteur de recherche personnalisé Google est devenu extrêmement
populaire ces dernières années. Il permet de mettre en œuvre une
fonctionnalité de recherche sur n’importe quel site web, en utilisant les
puissants algorithmes de recherche de Google. Il est possible de
restreindre la recherche au strict contenu de votre site ou aux sites web
partenaires de Google. Les revenus publicitaires ainsi générés par ce
dernier aspect de votre moteur de recherche Google personnalisé peuvent
alors être partagés de manière à générer des revenus additionnels pour
votre site.
6. Les articles connexes
Fournir aux utilisateurs des ressources connexes (des contenus qui sont
liés à vos publications) peut considérablement améliorer votre audience.
C’est relativement facile à mettre en place sur un site web et peut être
automatisé en employant les flux RSS des sites connexes.
Sandrine Michel – sandrine.michel@gmail.com
40
41. BTS Communication – 2ème année
7. Les Flux RSS
Le RSS est un format couramment usité pour partager du contenu sur un
site web. En proposant un flux RSS du contenu de votre site, vous pourrez
vous rendre plus facilement accessible à des milliers d’internautes qui
utilisent des applications de lecteurs de flux pour trouver des informations
sur Internet. Il rend également plus facile pour les internautes
l’abonnement par email du site web. Les flux RSS permettent également
de facilement partager du contenu sur d’autres sites comme les réseaux
sociaux.
8. Les réseaux sociaux
Les réseaux sociaux (Facebook, Twitter…) sont devenus très populaires
sur Internet. Des millions d’utilisateurs emploient ce type de sites pour
organiser leurs contenus favoris et les partager avec d’autres. Ils
contribuent également à la promotion de votre site web et peut générer un
trafic additionnel massif. Un site web devrait donc offrir un raccourci pour
ajouter la page visitée à l’un de ces réseaux sociaux (ou plusieurs).
Sandrine Michel – sandrine.michel@gmail.com
41
42. BTS Communication – 2ème année
9. Liste des derniers ajouts
Une liste des derniers contenus ajoutés sur votre site peut améliorer la
convivialité de celui-ci. Par exemple, la liste des derniers articles
publiés, actualités et offres d’emploi peut ainsi être affichée dans l’une des
colonnes de votre site. C’est assez similaire à ce que l’on peut trouver sur
les blogs et les sites portails aujourd’hui. Cela offre une meilleure utilisation
de l’espace et ajoute de l’interactivité à votre site.
10. Des formulaires pour recueillir des informations
Les formulaires sont toujours une méthode efficace pour recueillir des
feedbacks et des informations sur les utilisateurs du site. Aussi, ils doivent
être implantés à des endroits stratégiques et être adaptés aux besoins
spécifiques des internautes.
Sandrine Michel – sandrine.michel@gmail.com
42
43. BTS Communication – 2ème année
11. Les enquêtes et les sondages
Les enquêtes et les sondages sur un site web sont également très
importants et largement employés pour recueillir des informations auprès
des internautes. Cette fonctionnalité est désormais livrée en standard avec
la plupart des CMS ou plateformes de blog.
En conclusion
Il existe de nombreuses autres fonctionnalités qui peuvent rendre votre
site web encore plus interactif et donc efficace. Les sites web conçus
par des professionnels pourront très probablement vous offrir un large
éventail de fonctionnalités interactives pour débuter sur Internet.
Sandrine Michel – sandrine.michel@gmail.com
43