Upload
jordan-mayoukou
View
565
Download
0
Embed Size (px)
DESCRIPTION
Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.
Citation preview
La rLa réédaction web.daction web.
Satisfaire mes internautesSatisfaire mes internautes satisfaire les moteurssatisfaire les moteurs
Webmaster
• Assurer la qualité du contenu rédactionnel
•Assurer la mise à jour de l’info
•Faire respecter la ligne rédactionnelle
•Tenir compte des rmq utilisateur
Livrer « tout tout de suite » en moins de 30’’
• Taux de rebond• Zones chaudes: les titres, les sous-titres, le
chapeau, les liens, le premier tiers de la phrase, la signature
• http://www.ergolab.net/ > aller à l’efficace• Se recentrer sur l’utilisateur• Quelle utilité pour mon lecteur ?
Comment ?
L’essentiel en premier• Contenu web = tout livrer de suite• Sur l’écran, l’œil « scan »
1 sujet/page = pas de confusion = 1 action au lecteur
•Neuf, important, proche
Général, détail, explicatif
5W ou QQQPO Qui ? Quoi ? Où ? Quand ? Comment ? Pourquoi ?http://www.avcb-vsgb.be/fr/un-guide-communal-de-la-solidarite-internationale.html?cmp_id=7&news_id=233 http://www.microfinance.lu/93.html
Titre et chapo : 5WDébut du texte
Reprise des élémentsprincipaux, explicationsEt puis plongée dans
le texte pour deschoses
de moinsen moins
importantes.
5w
De qui (who) s'agit t il ?De quoi (what) s'agit il ?Quand (when) cela s'est il passé ?Où (where) cela s'est il passé ?Pourquoi (why) cela s'est il passé ?
Comment (how) cela s'est il passé ?
PARIS (AFP) - Le colonel libyen Mouammar Kadhafia quitté Paris samedi à destination de Séville, après cinq
jours d'une visite très controversée en France. Le dirigeant libyen est parti avec plus de deux heures de
retardsur l'horaire prévu. Le tapis rouge avait été déroulé sur le
tarmacet la garde républicaine était présente pour le départ du
colonel,a constaté une journaliste de l'AFP.TP titre
http://www.ketterthill.lu/107.0.html
• Déterminer les 5W« Alternative à la petite monnaie, la carte à
puce Moneo ne fait pas l’unanimité. Alors qu’il arrive en région parisienne, ce système de paiement est l’objet de vives critiques : commerçants et associations de consommateurs lui reprochent son prix élevé »
• Ayant acquis une réputation nationale, le laboratoire de Nancy est aujourd'hui dans la cour des grands laboratoires internationaux soumis à une forte compétition en matière de recherche, de haute technicité et de nécessaires capacités investissement. Cette structure n’a plus vocation à être gérée par la ville. Il faut aujourd’hui au laboratoire une perspective qui va au-delà de ce que la ville peut lui offrir. Face à ce constat, la décision a été prise de vendre le laboratoire. Après étude des propositions, le choix s’est porté sur la société ETS. Le projet présenté en matière de maintien de l’éthique, d’indépendance et de projets de développement pour le site de Nancy a convaincu de al crédibilité de l’offre. La vente, effective à compter du 1ier
janvier prochain, permettra à la ville de financier d’autres grands projets à venir.
LOIS DE PROXIMITE• Se mettre à la place du lecteur, que vient-il chercher ?• Pour capter son intérêt• Ce qui intéresse mon lecteur dans son présent
Choisir un angle d’attaque
LOI DE LA PROXIMITE TEMPORELLE
-> parler des événements à
venir«
le directeur a tenu une conférence de presse lundi 5 octobre. Il a
notamment parlé
du rachat de la société
LAMBDA, prévue pour la fin d’année.
»
• LAMBDA fera parti du groupe dés cette année. C’est une des décisions annoncées par le directeur lors de sa dernière conférence de presse
Futur proche > passé proche > futur lointain > passé lointain
• LOI DE PROXIMITE GEOGRAPHIQUE
La loi de sur l’interdiction de fumer dans les lieux publics est en discussion en ce moment à l’Assemblée Nationale. Elle devrait bannir l’utilisation de la cigarette dans les lieux publics.
• Fini la cigarette au comptoir du café du Commerce ! Comme dans tous les autres lieux publics, la loi discutée en ce moment à l’Assemblée Nationale bannira la fumée dans le fameux établissement du 15 iéme arrondissement
• >sa rue > son quartier > sa ville > son pays
• LOI DE PROXIMITE SOCIALE ET PSYCHO- AFFECTIVE
Environnement social et affectifL’humain et le social
Titre incitatif
USA : les Français bien accueillisGeorges Simenon est mortDisque d'or pour thomas Fersen
Bienvenue la France !Maigret broie du noirUne voix en or
exo
• Abréviations, le jargon, l’anglicisme• Mettre en place un glossaire, FAQ• http://dictionnaire.doctissimo.fr/
Donner à l’internaute ce qu’il vient chercher
• Orientation = où suis-je ?• Information• Action• Privilégier des textes courts 100 mots• Phrases courtes 10 à 12 mots• Placer l'info principale en début de phrase• 1/3 tiershttp://www.action-redaction.com/compteur-mots.htm
TP• Réécrivez le texte suivant en plaçant les éléments les plus importants au début :
Interview :
« le multimédia deviendrait-il un nouvel art ? De plus en plus apparaissent dans le multimédia des OVNIS qui ne relèvent plus seulement des catégories classiques telles que le ludo-éducatif ou les jeux d’aventures et simulation, mais proposent une nouvelle invitation au rêve et touchent toute la famille.Oncle Ernest est à la fois un jeu d’aventures, un parcours géographique et historique, une plongée dans un univers fabuleux. Il passionne les enfants mais aussi leurs parents. Eric Viennot est un concepteur de CD Rom heureux. Il vient de sortir l’Ile Mystérieuse de l’oncle Ernerst, le troisième volume des aventures de cet aventurier fantasque qui entraîne les enfants dans d’étonnantes expéditions. »> article fnac
---
• Texte long: utiliser l’hypertextualité, un sommaire interactif, document téléchargeable
• TP• Ancres <A NAME="etiquette"> nom </A> pour définir un point de branchement <A
HREF="#etiquette"> ancre </A> pour faire le lien.
• repérer http://www.redaction.be/formations/ecriture web.htm
Structurer son texte
• Chaque page forme un tout• Logo, fil d’Ariane, fonction de retour,
contact, recherche• Utiliser listes à puce<ul><li></li></ul>• Utiliser l’hyperlien interne• Allez droit au but : vos avantages: taux de base élevé de + 3%
Zones chaudes• Un titre informatif (règle des 5W –
mots clés – 5 fois plus lus) + ss titre• Chapeau (gras)• Texte fragmenté ( 1er tiers)• Liens• Signature (www.aduan.org)http://www.outils-referencement.com/outils/mots-cles/densite
http://www.outils-referencement.com/outils/mots-cles/positionnement
http://www.ranks.nl/tools/spider.html
• Ligne flottaison• Aéré• Liste puces, Mots clés en gras
• Soyez clair• redondance
Faciliter la lecture en ligne
• Eviter le copier/coller (wysiwyg)• Jouer avec le textuel (titre, chapeau,
paragraphe)• Typographie (gras, italique, souligné)• Visuel (couleur, insertion graphique,
encarts)
Espace insécableExposants : M<sup>lle</sup>Accents éCitation :<Q></Q>
Polices et fontesAdobe > postscriptMicrosoft > Truetype TTF
Windows/fonts
www.dafont.com
True type : Créé par Apple en 1980Compatible MAC/WinCourbes de Bézier
PostScript : AdobeVectoriel
Serif: empattement
• font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
• Tableau I : liste des polices communes au Mac et au PC (machines récentes)
Police Fondeur Caractéristique Usage
Arial Monotype Sans serif Imprimé, Web
Arial Black Monotype Sans serif, forte graisse Imprimé, Web
Comic Sans MS Microsoft Police fantaisie, sans serif Web
Courier New Monotype Chasse fixe Simulation listing
Georgia Microsoft Empattements simples Web
Impact Monotype Sans serif Imprimé, Web
Symbol Monotype Caractères grecs Imprimé, Web
Times New Roman Monotype Empattements Imprimé, Web
Trebuchet MS Microsoft Sans serif Web
Verdana Microsoft Sans serif Web (petits caractères)
Webdings Microsoft Icônes Web
@font-face { font-family: "Ma Super Fonte"; font-weight: bold; src: url('MaSuperFonte-Bold.ttf'); }
Préparation des images fixes
Type photoBeaucoupde couleurs
Type dessinpeu de couleursDégradésPropriétaire
JPG
GIF 89a
Compression avec perte ! >> dégradationChercher la limite acceptable de dégradation de l’imageNe pas compresser 2 fois de suite !Affichage progressif
1/ Retouches, Recadrage
2/ Résolution et Redimensionnement > Ré-échantillonage
3/ Formatage et Optimisation
DiffusionTransparence > définir couleursEntrelacement256 couleurs / Sans perte
Couleurs réélles 16.7mPas de dégradésSans perteA partir de IE7
PNG DiffusionPas d’animationPlus gros que jpegPlus petit que GIF
Images animées et son
2/ Plug-in Flashplayer : le shockwave flash swf
1/ Affichage sans plug-in : le gif animé
- Animations vectorielles >> attention au poids des bitmaps
- Une solution performante pour tous les médias >> son (mp3) , vidéo (format propriétaire)
- Une interactivité très poussée grâce à « actionscript »
3/ Autres plug-in : son et vidéole Schockwaveplayer (DIRECTOR)
Duel Real / Quicktime
http://fr.wikipedia.org/wiki/Macromedia_Flash
4/ Applets : Programmation JAVAhttp://fr.wikipedia.org/wiki/Applet
5/ Insertion Vidéo
http://flv-player.net/ ou publication youtubeAVS VIDEO REMARKER et AVS VIDEO CONVERTER
6/ Podcast http://www.alsacreations.fr/dewplayer
Clés du référencementLes mots clés ? C quoi ?
À quoi ça sert ?Générer du trafic, assurer visibilitéface à la concurrence, être en adéquation avec ma cible, -> test visibilité 5 ’’
Comment les trouver ?Comprendre le raisonnement de l’internauteConnaître sa cibleConcurrenceAsk.comSoftnick.com, ADwordsOrdre des mots dans l’expressionon
Où les placer ?URL<title><Meta>Titres / sous-titrestexteFil d’ArianeNoms de fichiers
• <title> = texte résultatSur chaque page : métier + produit + noyau de l’article + nom de l’entrepriseLe plus possible de mots clés7 à 10 mots maxi
• <meta> = décrire la pageDescription: 150 c, 20 mKeyword: 20 m
• url• Ordre : url , title, description, texte
• Robot.txt: fichier text
robot.txtAutoriser tous les robots à accéder à tout le site :
User-agent: *
Disallow:
Empêcher tous les robots d'accéder au site :
User-agent: *
Disallow: /
Pour empêcher tous les robots sauf Googlebot d'accéder à un dossier en particulier, par exemple http://example.org/forum/
User-agent: *
Disallow: /forum
User-agent: googlebot
Disallow:
• Sitemap.xml: plan de site web pour les moteurs, CMS ! User-agent: * Sitemap: http://www.citinet.fr/sitemap.xml
• Img : nommer correctement une image et nommer <alt>
• Titre: <Hn>, ne pas souligner, pertinent, universel, 1 à 12 mots
• Accroche: 10 à 17 mots, mots clés dans le 1ier
tiers, en pyramide• Texte: 100 à 200 m, les 50 1iers termes =
primordiauxhttp://www.selfseo.com / http://www.spider-simulator.com /
http://www.xml-sitemaps.com/se-bot-simulator.html
Méthode recherche mots clés• Définir liste de mots clés• Recherche généraliste, forum thématique
http://www.httrack.com/page/1/fr/index.html
• http://www.nirsoft.net/utils/htmlastext.html
• http://www.antlab.sci.waseda.ac.jp/software.html• Recherche adwords• Récupération dans google:
– Profondeur de la page– P.R.– Optimisation– Age du domaine
• divisez le volume de recherche moyen par le nombre de requêtes par nombre de pages google (en %) = taux de concurrentialité
• plus le chiffre est élevé meilleur est le mot-clé, en effet plus ce chiffre est élevé plus le rapport trafic/faisabilité est élevé.
(plus de requêtes et moins de pages)
Théorie de la « longue traine » loi de Paréto 80/20
Concept long trail = Chris Anderson
Nombre occurrence
Nombre de visiteurs
Expression 1 seul mot
Expression 4 mots
Concurrence +++
Concurrence ---
niche
Zones = TRAFFIC