Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

40
La r La r é é daction web. daction web. Satisfaire mes internautes Satisfaire mes internautes satisfaire les moteurs satisfaire les moteurs

description

Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

Transcript of Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

Page 1: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

La rLa réédaction web.daction web.

Satisfaire mes internautesSatisfaire mes internautes satisfaire les moteurssatisfaire les moteurs

Page 2: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

Quelques références

www.plumeinteractive.canalblog.com

Page 3: Rédaction web - Satisfaire mes internautes, satisfaire 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

Page 4: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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 ?

Page 5: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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.

Page 6: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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é ?

Page 7: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 8: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

http://www.ketterthill.lu/107.0.html

Page 9: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.
Page 10: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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é »

Page 11: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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.

Page 12: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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.

»

Page 13: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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

Page 14: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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.

Page 15: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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

Page 16: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• LOI DE PROXIMITE SOCIALE ET PSYCHO- AFFECTIVE

Environnement social et affectifL’humain et le social

Page 17: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 18: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

exo

Page 19: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.
Page 20: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• Abréviations, le jargon, l’anglicisme• Mettre en place un glossaire, FAQ• http://dictionnaire.doctissimo.fr/

Page 21: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 22: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

---

Page 23: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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

Page 24: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.
Page 25: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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%

Page 26: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 27: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• Soyez clair• redondance

Page 28: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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)

Page 29: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

Espace insécableExposants : M<sup>lle</sup>Accents &eacute;Citation :<Q></Q>

Page 30: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 31: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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'); }

Page 32: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 33: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 34: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

5/ Insertion Vidéo

http://flv-player.net/ ou publication youtubeAVS VIDEO REMARKER et AVS VIDEO CONVERTER

6/ Podcast http://www.alsacreations.fr/dewplayer

Page 35: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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

Page 36: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• <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

Page 37: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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:

Page 38: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

• 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

Page 39: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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)

Page 40: Rédaction web - Satisfaire mes internautes, satisfaire les moteurs.

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