L'interdépendance de la rédaction web et du référencement à l'heure actuelle

HAL Id: dumas-01692811

https://dumas.ccsd.cnrs.fr/dumas-01692811

Submitted on 25 Jan 2018

HAL is a multi-disciplinary open access

archive for the deposit and dissemination of sci-entific research documents, whether they are pub-lished or not. The documents may come from teaching and research institutions in France or abroad, or from public or private research centers.

L’archive ouverte pluridisciplinaire HAL, est destinée au dépôt et à la diffusion de documents scientifiques de niveau recherche, publiés ou non, émanant des établissements d’enseignement et de recherche français ou étrangers, des laboratoires publics ou privés.

L’interdépendance de la rédaction web et du

référencement à l’heure actuelle

Sylvie Domis

To cite this version:

Sylvie Domis. L’interdépendance de la rédaction web et du référencement à l’heure actuelle. Sciences de l’information et de la communication. 2008. �dumas-01692811�

Master IDEMM

(Ingénierie Documentaire Edition etMédiation Multimédia)

Rapport- mémoirede stage

Stage effectuédu 31 mars2008au26 septembre 2008

à

METEOCITY ROUBAIX

L'interdépendance

de la

rédaction

web

et

du

référencement à l'heure actuelle

Sous la direction de :

M. Eric DELCROIX M. _{Benjamin GUISLAIN}

Soutenu le 19 _{septembre 2008 àl'UFR IDIST}

Université Charles de _{Gaulle, Lille 3}

BP_{49, 59650 Villeneuve d'Ascq Cedex}

Sylvie DOMIS

Année universitaire 2007-2008

Merci à

Benjamin Guislain, monresponsable professionnelpour sadisponibilitéson

professionnalismeetsa bonne humeur

Valérie _Gaveau, directrice de MétéoCity,pour sonaccueiletsa confiance

Roxane Grioche, rédactriceenchefpoursesprécieuxconseils, sajoiedevivreetsa

disponibilité

A l'ensemble des_{MétéoCitiens, équipedynamique etsoudée, unréel plaisir d'enfairepartie}

Sommaire

Introduction p5

1. _{Oxygem : un groupe, des potentiels p 6}

1.1 _{Un groupede média on-line}p 7

1.2 Les _{valeurs p 10}

1.3 Les_{métiers p 10}

2. _{MétéoCityp 12}

2.1 Le _{site p 13}

2.2 _{L'équipep 16}

2.3 _{MétéoCity version espagnole etversion anglaisep 17}

2.4 Présentation _{d'Agirpourla Planète p 18}

3. Mission en tant_{que rédactrice web-responsable référencement: métieren pleine}

expansion à compétences multiples p21

3.1 Zoomsurles _{aptitudes du rédacteur webp 22}

3.2 Le rôle_{prépondérant ducontenutextuel p23}

3.3 L'écriture web : _{enjeuxet spécificitésp 24}

3.3.1 Lalecture àl'écran_p24

3.3.2 Les _{règles de l'écriture web p25}

3.3.3 _{L'importance des liens hypertextesp27}

3.4 La_{collecte d'informations p 29}

3.5 Letravail rédactionnel_{p 31}

3.6 Lamiseen_{lignep 32}

3.7 Mise en_{pratique p36}

3.7.1 Rédactiondefiches ville surMétéoCity.com _{p 36}

1)Veille de l'existant p37

2) Créationd'un modèle type defiches villeet stratégie adoptée

p 38

4) Rédactionp 40

5) Conversion enlangagehtml p 40

6) Miseenligne p41

7) Problèmesrencontrésp43

3.7.2 Rédaction pourle blog Agirpour le Planètep43

3.8 _{Compétences enréférencementp45}

3.8.1 Définitions_p46

1) Référencement p 46

2) Lesmoteurs etannuaires de recherchep 47

3) Les liens desmoteursde recherchep49

4) Les principales étapes d'un référencement naturel organiquep 50

3.8.2 Audit du site_{p 51}

3.8.3 Liste demotsclés _p53

3.8.4 _{Optimisation despagesp55}

3.8.5 Facteurs_{bloquants p 57}

3.8.6 Le processus denetlinkingoumaillagep 58

3.8.7 Le suivi_{p 59}

3.9Mise en_{pratique p60}

1) Optimisationéditorialepourle site MétéoCityp 61

2) Optimisationtechnique p61 3)Netlinkingp62 4) Le suivip 62 Conclusion p63 Bibliographiep64 Webographie p 65 Annexes p67

Introduction

Les _{Technologies de l'Informationetde la Communicationet enparticulier le Web de part sa}

constante évolution _{engendrent une adaptation voire une apparition de nouveaux métiers tels}

que les développeurs, les graphistes, les rédacteurs web, les chefs de projet référencement,

etc.

Le métier de _{rédacteur web n'est pas une simple transposition du métier de rédacteur} traditionnel vers un _{support numérique mais bien un métier à part entière abordant de}

nombreuses _{problématiques et nécessitant des compétences spécifiques et de multiples}

connaissances _{que nous étudierons en détail dans ce dossier, juste après avoir présenté le}

groupeOxygemainsi queMétéoCity.

Qui dit rédaction web, dit référencement (se présenter à l'internaute via les moteurs de recherche). C'est pourquoi nous nous _{attarderons longuement} sur les différentes méthodes et

outils relatifs àcedomaine avantde conclure.

MétéoCity fait partie dugroupe Oxygem, société fondée en 1998.

1.1 _{Oxygem : groupede média on-line}

L'activité_{principale dugroupe est de «créer des solutionspourle «e-marketeur». Le}

groupe, enpleine expansion,estdirigépar M.Vianney Poissonnier etM. Didier

Colombier.

Oxygemest composéde 10 entreprises indépendantes scindéesen2 pôlesbien distincts.

■ _Le

pôle médiaavec :

cuisinellZ

❖ site Web 2.0entièrement dédiéàla_{cuisine, CuisineAZregroupela plus grande}

communautéde_{passionnés de gastronomie sur Internet.}

❖ service de_{prévisions météo on-line gratuit présentenFrance, auRoyaume Uni} et en_Espagne.

❖ _{blog proposant des gestes et astuces pourprotéger l'environnement et prévenir}

des_{risques du changement climatique.}

C

BON

PLAN

TÉLÉ

*t* site internet dédié à la télé et au monde du _{petit écran proposant un service}

gratuit d'envoi duprogramme téléparemail.

grgiPBivÉ

♦♦♦ informe et relaie sur les internautes les meilleures offres de ventes _{privées et}

ventes flash.

❖ site dédié à la décoration et aux astuces déco à faire soi- même. Toutes les tendances déco et_{design sontpassées aucrible.}

❖ _{propose au quotidien une question de culture générale pour tester ses}

connaissances.

■ _Le

pôle service avec :

❖ _{spécialiste de la co-registration en France. Au travers de son réseau de}

partenaires à 80% constitué de sites de e-commerce, OPT IN Solutioncollecte

sur mesure des abonnés_{opt-in newsletters B to C. Laperformance des adresses}

recrutées et lavolumétrie mensuelle sont2 atouts incontestables au service des

e-marketers.

❖ Concrétise _{la convergence des médias TV et Web. ProdCast.TV offre une} solution audiovisuelle _{complète et accessible en assurant la conception, la}

production, l'intégration etla diffusion deprogramme pouret via le Web.

PtocJCastJ^

>_{lagencetorich'}

❖ se consacreà_{l'optimisation de la communicationpar le rich Média quidésigne}

l'ensemble des_{technologies nouvelles permettantd'intégrernotamment au sein}

des _{jeux concours (les advertgames) ou de la publicité des contenus}

multimédias : _{vidéo, son,} animation Flash.

AD référencement

❖ propose son expertise enréférencementetenliens sponsorisés pourdévelopper

lavisibilité des sites dans lesmoteurs derecherche.

CJlj

j

(.J

<♦ la SSII_{(société de services eningénierie informatique)dugroupeetpropose} unhautniveau de sécuritéen_{infogérance etdéveloppement.}

Ces _{entreprises possèdent un total de 3 millions d'abonnés et 1 million de visiteurs uniques} par mois. De plus, chaque siteproposeun large choix de partenariatspourles annonceurs. La

force _{d'Oxygem est la jonction de toutes ses équipes spécialisées ayant comme client d'une}

part les autres entreprises internes à Oxygem et d'autre part des entreprises externes. Ce

groupe possède pour qualités premières : l'innovation, le dynamisme et la compétence des

salariés _{ayant de l'expérience professionnelle alliée à celle de sesjeunes diplômés. Oxygem}

s'enrichitsans cesse denouveaux_{challengesetde nouvelles thématiques à exploiter.}

!• OXYGEM

Recrutement

Rejoindre leGroupe Oxygem,c'est

avant toutfaire le choix de partager

sescompétenceseusein d'une

sociétédynamique,innovante eten sion.Dujuniorai

srecherel

polyvalents, despersonnesmotivées quotidien dansunvéritableprojet

salariés destagnerdansleur compétences.«L'objectif, c'estque toutlemonde,un jour oul'autre, deviennepatron.> Utopique,dansuneentrepriseautum-overquasiinexistant> Pe: tant que ça.., «Oxygemdéveloppesans cessedenouveauxsite:

etde nouveauxproiets,défendAnne-Sophie. Ceuxquimontrent Ienviedesinvestirpourrontytrouverleur place.»Etde rire à

onde bc

Le 3-6-9duchef dentrepriseou commentorganiserson

Accompagnementprofessionnel.

CheaOxygem,nous avonsla chance d'avoirunconseil

d'accompagnement. Ceconseilestefficaceetnousrende

hommage ànosconseillerspourlapatience etl'engagerr

Cuisine Ac Bonplantélé

mCity Flash Privé

X.!

torich

Optin Solution PrcdCestTV

i|£Ëï

tn/o

Visuel dela_{paged'accueil dusite internet Oxygem: http://www.oxygem.tv}

1.2 Les valeurs

Les maîtres mots de _{l'entreprise Oxygem sont : investissement, création, autonomie, esprit}

entrepreneurial, partagedes connaissances etouverture.

En _{effet, on attend des membres de l'équipe Oxygem un réel investissement, une force de}

proposition, ainsi qu'une grande motivation pour les projets à mener. De plus, les

professionnels disposent d'une grande autonomie parrapport àleurs décisions, et ce, pour ne pasles brider dans leur travailauquotidien.

Ausein _{du groupe etde chaque pôle, le travail d'équipe détientune place prépondérante dans}

la réussite des _{projets, c'est pour quoi les échanges et les partages d'informations sont}

privilégiés.

Les dix _{patrons de chaque pôle disposent d'une totale autonomie quant à leurs budgets, leurs}

équipes et leurs projets. Cependant, ils doivent se rendre à un conseil d'une durée de trois

heures _{chaque mois}pourrendre comptedes réussitesetéventuels doutes.

1.3 Les différents métiers

Il _{y a environ quatre-vingt professionnels du web répartis au sein des pôles service et média.}

Chaque professionnel apporte son savoir-faire personnel et ses compétences spécifiques

relatifsàundomaine :

■ _{Communication}

:

Les métiers de cette _{sphère sonttrès présents au sein dugroupe via des spécialistes du}

e-marketing créatif. On rencontre chez Oxygem : des chefs de projet, des rédacteurs web,

des_{graphistes, des webmasters, etc.}

■

Marketing:

Oxygem, étant un groupe de e-marketing, il va de soi que les métiers du marketing

occupent une place majeure : chefs de projet Marketing direct, responsables

affiliations,

responsables e-marketing, etc.

■

Informatique :

Les missions et _{postes proposés s'avèrent riches, on rencontre des développeurs, des}

intégrateurs, des ingénieurs, destechniciensd'exploitation, etc. Leurrôle estde concevoir,

créer et _{produire les outils technologiques du futur, d'assurer le bon fonctionnement des}

outilsdu _{groupeetde développer les modulese-marketingpourlesclients.}

■ _Commercial

:

La mission des _{professionnels de ce domaine est de fidéliser les clients ainsi} que d'en

amenerdenouveaux àfaire confiance au _{groupe. Cette missionest confiée auxingénieurs}

commerciaux, auxresponsables de clientèle, ainsiqu'auxdirecteurs commerciaux.

2.1 Le site

MétéoCity.com existe depuis octobre 2005, c'est un site internet quipropose la météo gratuite

à9_{jours auniveaulocal, national etinternational :}

Visuel_{de la paged'accueil dusiteMétéoCity: http://www.meteocity.com/}

Le contenu_{principal de MétéoCity repose comme son nom l'indique sur la météorologie. Le}

site _{propose des prévisions météo à neufjours en France et dans le monde. Ces prévisions}

sont consultables via une carte surle site ou_{peuvent arriver directement dans} la boîte mail

des abonnés_{par lebiais d'une newsletter (cf. page 15).}

L'un des_{avantages concurrentiels de MétéoCity est le fait dedisposer de la météo pourtoutes}

les villes deFrance _{(36 000),} ce _qui inclut les petits villages qui sontgénéralement exclus des

autres sitesoubulletinsmétéo télévisés.

Les différentes _{rubriques situées sur la gauche de l'interface permettent à l'internaute de}

naviguer facilement. On y retrouve : les villes de France, les villes du monde, la météo en

vidéo, la météo des plages ainsi que l'actualité météo (regroupée sous les parties : actualités,

climatologie, le dossier). La rubrique «Temps de Sortir» fournit des informations concernant

les sorties_culturelles, enfamille, sportives, _etc. de certaines villes de France.

Les visiteurs _{peuvent emprunter différents chemins afin d'accéder à leurs prévisions météo,}

ils_{peuvent :}

■ _soit

cliquerdirectement surlacartepourobtenir les prévisions près de chezeux,

■ _soit

entrerleurcode_{postal dans l'encart prévu àceteffet (au sein dumenu àgauche)}

■ _{soit effectuer}

unerecherche dans la_{rubrique « villes France»}

Dans les deux derniers _{cas, la recherche s'avère plus précise pour les personnes habitant de}

petitesvilles.

Aussi, ce_{qui a}propulsé le site _aupremier_rang dans le _secteur on-line, c'est _{samétéo tournée}

envidéo uniquement diffusée _sur le site internet. Eneffet, MétéoCity_aété le précurseur de la

météo vidéo on-lineet reste_{aujourd'hui le 1eràavoir}unbulletin dédiéauxinternautes :

Visualisation du bulletin météo : _{http://www.meteocity.com/tv/lundi-3006.asp}

La newsletter hebdomadaire de _{MétéoCity est personnalisable par les abonnés. En effet, ces} derniers _{peuvent recevoir la météo de deux villes différentes de leur choix. Cette lettre}

électronique est accompagnée de prévisions météo, d'un horoscope ainsi que de quelques

publicités, (annexes page 68et69).

CIctittiHgtrts'attdKmamKlmiffll.dtoE M

2emeville auchoix

roëtco

_citvj

jQfc

à_{Cappelie-en-Pé/èle} \ ,-v... ,< îf îr % IV Bonjour Sylvie. Aijouitfhiincusétaisla S Matai

Demain:8t_{Tlterry.stuHulas i tlaun}

HSiirsiiJi iiiUïli Vandredi

iHo* a»lri

Cebulletin météovousestoffertparPANTENE

PROFITEZde réductions_{pourprendreson}

ICJ! PflNTENE

\

de uousIClauez \ Prévisions météo ««KdvniMiiHaMaMMwaaaaflr ia » j^ <i( y ^4»a « «-an PANÏÏNE KLNOIV1AU

I

Métecrçjtyasélectionnép^rwus

Visuel de la newsletter_MétéoCity

2,2 _1/équipe

Ladirectricede _{MétéoCity estàla tête d'une équipe de neuf professionnels :}

■ _{La directrice de}

MétéoCity dirige l'équipe, s'investit au cœur de chaque projet,

répartit le travail de chacunetveilleaubon fonctionnement de l'entreprise.

■ _{le chef de}

projet multimédia / graphiste est un artiste de la Toile faisant preuve

d'une _{grande imagination. Il enrichit l'interface de visuels afin de lui attribuer une} identité_{propre, il veille égalementaubonfonctionnement du site.}

■ _{la rédactrice}

en chef de_MétéoCity effectue_une veille informationnelle_autourdes

thèmes _{météorologieet climatologie, insère les actualités et brèves au sein du site,} effectue des interviews et _{rédige des dossiers de qualité. De plus, elle présente le}

bulletin météo _{chaque semaine.}

■ _le

responsable clientèleestchargé quantàlui de promouvoir le site, de contracter

des_{partenariats avec d'autres entreprises.}

■ _le

responsableaffiliation estau cœurdu e-marketing etgèreles publicités éditées

sur les newsletters et sur le site. Il crée des campagnes _{publicitaires et suit leurs}

performances.

■ _{Le chef de}

projet marketing, ses missions principales sont de gérer et d'enrichir

la base des abonnés _{MétéoCity (en imaginant de nouveaux outils, en créant des}

jeux concours, etc.), contrôler les envois de la newsletter, et répondre aux mails

des abonnés.

■ _La

responsable du site anglais et la responsable du site espagnol gèrent leurs

propres sites ets'occupentprincipalement de la partie affiliation.

■ _Les

développeurs de MétéoCity gèrenttout le côté technique du site, ils maîtrisent

les derniers outilset_{langagestechnologiques.}

Chez_{MétéoCity, chaqueprofessionnel détientunegrandeautonomie dans ses choixetactions}

pourvu qu'ils soient justifiés et favorables au développement

de l'entreprise.

Ce

mode de

travail favorise les_{prises d'initiativeetcrée unclimatde confiance.}

2.3 _{MétéoCity version espagnole etversion anglaise}

MétéoCity existe également en Espagne avec Tiempo a Tiempo ainsi qu'en Angleterre avec Weather Wherever. Ces deux derniers sont _{dirigés depuis les mêmes locaux que MétéoCity}

France, àRoubaix. Ilsproposentles mêmesprestations queMétéoCity.com : prévisions météo àneuf_{jours ainsi qu'un abonnement personnalisé àunenewsletterquotidienne.}

Weather Wherever: _{http://www.weather-wherever.co.uk}

Tiempo a Tiempo: http://www.tiempo-a-tiempo.es

2.4 Présentation_{d'Agir pour la Planète}

Agirpour laplanète est unblog faisant partie de MétéoCity.com depuis juillet 2008. Le blog

se _compose de ₆ rubriques, _à savoir _: Actualité / _Astuces / _Eco label / Equipement _éco

-citoyen / Halte /Mes résolutions. Trois articles environ sont postésparsemaine. Agirpour la

planète a pour objectif d'informer les internautes et de les sensibiliser aux gestes simples

réalisablesau_{quotidien afin de préserver notreplanète. Nous attendons également de leurpart}

desréactions sousforme de commentaires.

*>■1

.aJlMISfe: Jllli.:..:... "

!

iiiflllpii

Uneimprimante écologique

l!||ij ''«s i-nrnni3:-it5ç;ctc.v&k v crsve:'■ Cassrst cetoo* =c!éaie face

IIÉiyjÉPlIlI_{JfeljÉjl Fici Ql -i TCWA: -i -:ir ;;>!•>}

llllf:1I If il'fl|ll |lfl révol::t!Or,n.;:r(. :■ s-liî- ur, [vn; ÉmM.MMMmis 11- 1 d»^f,,,. ..y;,bn-tc-n-s}v.;c jnî-ïî-î-sme i•>yaO.î.s-ltnici

{unies /X'; i. lis '

m- :u-:!dM' oV--ij-îlin -jouircr,: ré-slré-n iiv;- ■!.? i;ii_<?::>;ïu-;6iin ;.Sr•«•-ii-sris-if: i?r.(0i.;ïnnî-n-wn;,

mmrnMmÊmmmâ =t.•p«- ■>n pt-^i *0^*% :îc.aoot > :t. s» _{lllllllll^^p!'':J|;c;|ll|l} ÊmmÊ^lé/V.-sic-.<icù:;u-vrnw;> JtcOOka/'iabi^rttn

^ÏÉilsll;iyi:ÉlÉil 1it-;vc«c:hi-»:UnMit-isv i.--=:v:iî-^io^i-f-nom .;,u Catégorie:; MM,mMÉ®$MÊ%wÈàê\ .pî-chs-t.; -1i;> P.jrj:ili.?;;i.;

'a.s-•i-lif #il! IJ-ÏUÏii-iii't-ilV (>:>irdHii'"■t [S!cii.---1sxniuiri;.

Archive*

EDFvaconstruireunparchydrolienaularge de

laBretagne:

'mmÊÊfrn' D» iliîCvnttUi'JC'.',, ypiià ii: i'(:0-ïg4-ïr s.:irCCF.ai

lljyiw ::::i®|pll •û-;-ii 1f^.0:dà;.>*uré..-?s.:?JUf ôV:i «Il;w -.J-rfiîmik-i.

«

Interface :http://blog.agirpourlaplanete.com

Petit rappel : un _{blog est un site internet sur lequel une ou plusieurs personnes s'expriment}

librement dans des articles _{généralement courts (ou billets). Il faut savoir que tous les} domaines sont concernés. _{L'originalité d'un blog réside dans le fait qu'il incite à}

l'interactivité etfavorise les _{échanges car les internautespeuvent écriredes commentaires sur}

chaque article.

Agirpour la planète est accompagné d'une newsletter envoyée aux abonnés pour le moment

au _{rythme de trois} fois _par semaine. Le _{contenu de} la newsletter _{se compose} d'un nouvel

article du _{blog (posté juste après l'envoi de la newsletter), de la rubrique le tmc en plus}

(informations complémentaires de l'article) ainsiqued'une publicité.

Lamarche.garantedenotreforme

«tde celle de laplanète Des ç^je3seen:*,cjes'apcorte^i que pujientretenirsateis,i,&t

.fisôwn^É:d!#ecajerau:ibitf lûQQCp®auquaidien, cequi représente :éfwi%âMAiâftdirequefairlœnousrespirons estdatteplussain

MiM|RSc:tiersiieesauxvo&res'Alors,rrtj'iissei-v.'usdunpodomètre, simp!ed'ttjtsacon, i lvousaidera âcomptervos pasetà évaluerts.distançe parcourué.iaisseïvousprendreaijeu,--età chaquefoisque vouspartirez

.fairevoscourses,la voitureaugarageen repos,accrochez votre podomètreà

VG&eceînîureetc'estparii1 Vousvousserstirez fierd'avoiraSéi ritfobjecttfdes dix milepas,Lamarche stimulelaorctlationsanguinedesmembres infe-ieurs, teorcelemuscle carcsque et eretentlesabdemiauxetles musefes dejscoloraie ywtèt^ale; Cequiestbonpotfftecorpsteam l'est toilautantparis planète:

'fil?r- iirnm ecc : <.*aslifcrîr■

i

l'Occitane

àquRïefeisflus ^ - - - —

GRAND JEUL'OCCITANE —

un

IW/àladécou-auriezle parfumquiv

JÈJI

3. Mission en tantquerédactrice web- responsable referencement

Dans un_{premiertemps nous nous focaliserons sur le métier de rédacteur web puis dès le 3.8} nous enchaînerons sur la _{partie référencement qui fait partie intégrante de la rédaction web.}

C'est donc à travers les _{yeux d'un rédacteur web que nous aborderons la notion de}

référencement.

3.1 ZOOM SUR LES APTITUDES DU REDACTEUR WEB

Rédacteur _{web, rédacteur on-line, rédacteur en ligne, e-rédacteur, toutes ces dénominations}

font référence àun seul etmême métier dont la mission_{principale est la création de contenu}

et sa diffusion sur le _{support web. Ce professionnel maîtrise les outils informatiques, il est}

autonomeet ouvertauxnouvelles_{technologies.}

Ce _{professionnel produit majoritairement ses contenus àpartir de documents déjà présents sur} la_{Toile, dans des documentaires télévisés, dans des livres,}etc.

D'ailleurs, J.

Ronez1

nous _indique que « les exigences, les qualités de base et les savoir-faire

d'un _{professionnel de l'information ou de la communication demeurent inchangés : trouver} des informations _{pertinentes, les sélectionner, les vérifier, les trier, les hiérarchiser, les éditer}

et les mettre en forme _{pour atteindre efficacement des destinataires ». Ajoutons que le}

rédacteur web_{peutêtre amené àse déplacer dans le cadre de l'élaboration d'articles ouautres}

dossiers. Selon le secteur dans _{lequel il exerce, le rédacteur web peut être en charge : (liste}

non_exhaustive)

■ _d'une

ou_{plusieurs rubriquesausein d'un}site Internet_;

■ _{de l'animation et de la modération des}

messages d'un forum de discussion sur lequel

les internautes donnent leurs_opinions;

■ _{de l'alimentationd'un}

blogetde la modérationdes commentaires, etc.

La modération _{de messages (sur un forum) et de commentaires (sur un blog) consiste en la} validation ou non de ces derniers. _{Les messages et commentaires non pertinents, voire}

insultants se verront refusés et ne seront _{pas publiés sur le site. L'image de la société doit}

resterêtre intacte.

1

RONEZJ.,L'écrit Web: Traitementdel'informationsurInternet, Paris:CFPJEditions, 2007.p31.

Un rédacteur web_{possède une syntaxe parfaite etmaîtrise la langue française qu'il manipule} à _{longueur de temps. C'est en adaptant ses contenus à son public, qu'il le captivera et le}

fidélisera de _{façon permanente. La notion d'anticipation est donc primordiale dans ce secteur}

d'activité.

Polyvalent, le rédacteur web peut être amené à gérer tous types de contenus (textes, son,

vidéos, photographies animéesounon) toutenessayant de ne pas se cloisonneràun seultype de contenu, ce qui n'aurait aucun intérêt sur la Toile qui estpar essence multimédia. C'est à

dire _{qu'elle traite simultanément l'image, le son et le texte qui occupe évidemment une place}

plus importante.

3.2 LE ROLE PREPONDERANT DU CONTENU TEXTUEL

Depuis environunedizaine d'annéesonproclame que le contenutextuelestroi sur le web.En effet, unsite dépourvu detexte s'avère sans intérêt, inconsistantet il sera nonréférencé etpar

conséquentnonvisible surlaToile.

Il va de soi _{que les internautes visitentun site dans le but d'y trouver des informations, donc}

du _{contenu, peu importe que ce dernier prenne la forme d'un texte, d'une animation, d'une}

vidéo, etc. Seulement, il s'avère, comme sous-entendu ci-dessus, que seul le texte pourra

bénéficier d'un bon _{positionnement au sein des moteurs de recherche (cet aspect sera}

développé dans la partie 3.8). Les pagesweb se doivent donc de contenir des textesoriginaux, pertinents et de qualité afin d'attirer les visiteurs ainsi que les moteurs de recherche. Ce qui

induit la_{complémentaritéentrerédaction webetréférencement.}

Ajoutons, comme le précise Jean-Marc HARDY lors de la conférence "Rédacteur web

ail-inclusive"2 organisée enavril 2008, que les visiteurs d'un siteweb sont attirés de primeabord

par les gros titres, les intertitres, à tout ce qui ressemble de près ou de loin à du texte en

réalité. Ils _{portentdonc moins d'attention aureste, c'est-à-dire auxphotographies, animations,}

vidéos, et autres bannières publicitaires multicolores, etc. Ces constats proviennent d'une

étude _{approfondie d'eye-tracking (suivi du regard) réalisée par ce spécialiste du web. Ce}

dernier _{ajoute que le géant Google a saisi cela et propose des annonces publicitaires}

2

Voir la vidéo de l'intervention :_{http://www.60questions.net/video/videos.htm, pageconsultée le 20/08/08.}

textuelles : les Adsenses. Ces dernières se fondent dans le décor d'un site et _génèrent

davantage de clics, donc de revenus pourles annonceurs, queles formats publicitaires detype

bannières_{queles internautes fuient du regard de manière quasi-systématique.}

i Batadiw

forêts l'#ith«ntkité

Abbayesetcattiédi aies s'invitent dans le décormarquépardesétenduesde

entretenues,tandis quedenotât wHaassptttoi esmiesetdes jardins somptueux jouert la carie de

!L'Oisesedécouvrecommeunlivre teuilétéauyé devosenvies,auhasard des rericorttes...

L'incontournable

ChattfâM* & Hotefs CoBeriiori Lepalais <les Montmorency

Pouparler duchâteaude Charfàty, il est plus justed'évoquerle domaine de Chantiy... Ces quelques

7 800 hectares de terresaucoeurd'unemagnétiquefcrêt, le Massif des Trois Forêts,unjarcfn é la française dessinéparLeMettequipasse pourêtre Itmdesplusmajestueux etenfinunpalais è reslhébque irréprochable,«noué d'eau, storïant aujouefhui des musées remarquâmes,,,sansoubfer d'ajouterlesGrandes Ecuries!L'histweduchâteau de Chantiyestliée à la fa... [ i«ja«ui?S}

foutpeW<œ.l'on est devant, les ruines de: féglse del'abbaye cfOursoamp,onaaucwe paneèmagnerl'importance...

ilJp.lTu3antda:lsr'htàrtduRhcny(pis^caée.dKcement.Jes.

•jardinsduch&eautfe VwdwwwsonttfagréaWesJwdhsd...

MiMi

USl Le11 novembre1911,étaî enfinsignéenforêtde Rethorates

dansunwagonaménagé, fÀroistice qui mêlai fin à*... «Ma

demeure de aFsmiSe Rothsctéktsfotéedansinparc de Shectares, enptetncoeurdelàforêt de Ch...

|Terre devergers,surtoutè roues! du département, jouxtant la Normsrefe, et terre ctegrands champs et deforêts,fOtse...

Reè»;«r wttàhâteiàCompègre. Protira denosoffres spéciSëS,

ng.wmftfsteteCjmpiepfie.... .Marrés*

Où sortir &sebalader '/Découvrez rtosconseils 6 parcourezleguide

■«t».v.&eiâOfSftd,«>3iiV£s:tie>ri«!!i5 krejaîs<icr«iii>»

unhôtelrestaurant dans Poiss «aime etverdoyantè 1H de

Listes

Bôtetsctefà 5 étoiles:Comparez LesH5WsaChàriMy8 Réservez!

ExempleGoogle Adsense

liens textuelssefondant

parfaitement dans le

design du siteetattirant

l'œil.

http://www.picardie.jedecouvrelafrance. com/d-25. oise.html

Cesconstats renforcent l'idée_{que lecontenutextuel joueunrôle central.}

33 L'ECRITURE WEB : ENJEUX ET SPECIFICITES

3.3.1 La lecture a F écran

Intéressons nous à notre _{support de lecture : l'écran. De nombreuses études ont porté sur}

_la

différence entre la lecture sur un écran et celle sur un_{papiertraditionnel. Prenons pour} appui

l'étude de Dillon_{(1988) qui metenévidence quelques différencesentre ces}

_{deux médias}

_:

■ _Lavitesse ■ _La fatigue ■ _La préférence 24

Concernant la vitesse : de manière _{générale, comme le soulignent Gould etGrischkowsky en}

1984, l'écran d'ordinateur implique une lecture 25%plus lente que la lecture sur papier. De plus, l'écran engendre une fatigue visuelle majeure (contraste et luminosité de l'écran) comparée à un support papier traditionnel. Toujours d'après l'étude de Dillon, la lecture sur

un _{support livre serait préférée par rapport à celle sur un écran car le livre se transporte}

aisément, il estpeucher, personnel etsimple d'utilisation (1980).

"5

Plus récemment _{(1999) J. Nielsen fait le même constat concernant la vitesse de lecture à}

l'écran, de plus, il semblerait que 79% des internautes "scannent" une page web et que

seulement 16% la lisent dans son _{intégralité c'est à dire mot à mot. Ces constats nous}

confortentdans l'idée _{quele supportweb nécessite uneécriture adaptée.}

3,3.2 Les _{règles de récriture Web :}

Il n'est pas possible d'écrire sur un support numérique comme on écrit sur un support papier

traditionnel car de multiples fonctionnalités _entrent enjeu. Alors quelques règles essentielles

s'imposentpouroffrirunelecture agréableaux cyber-lecteurs. Ainsi, il estrecommandéde :

■ _{réduire son texte de 50 % pour}

permettre d'améliorerle confort visuel de lecture de

l'internaute et_{pouraccélérer salecture : cequi impliqueun style direct, concis afin de}

toucher le lecteur le _{plus rapidement possible. J. Ronez nous conseille d'utiliser la}

forme _{sujet - verbe - complément dès le commencement d'une phrase. Suivons la}

pensée de Paul Valéry "entre deux mots, il faut choisir le moindre." Attention, celane

veut _{pas dire que les textes longs sont à bannir, seulement ils sont lus moins}

facilement.

■ _scinder

son contenu textuel en _{paragraphes, c'est à} dire éviter les blocs de _texte

longs et uniformes qui peuvent paraître rebutants. Le lecteur a

besoin de

repères

visuels, il faut profiter du fait qu'il n'existe a priori pas de limites d'espace sur une

pageweb.

3

NIELSEN.J,Designing Web Usability- ThePracticeofSimplicity, NewRiders, Indianapolis, 1999.

Créer des listes à puces ou à numéros dans le cas d'énumération, repérables et

lisiblesau_{premiercoup d'œil.}

Les informations _{importantes doivent se situer en haut d'une page web, en évidence.}

Lesinternautes ne sont_{pas friands des longuespagesàdérouler.}

Mettre en _{exergue des points importants du contenu en les mettant en gras.}

Attention, il ne faut pas en abuser car le texte deviendrait alors illisible. Il s'agit de pointersurlesmots etexpressions clés,porteurs de sens.

Ajouter des images car ellesapportentun fort repère visuelpourle lecteur, elles créent en_{quelque sorte une pause,elles allègent le texte.}

Mettre les titres et sous-titres en _{exergue d'une autre couleur que le texte pour}

faciliter sa localisation dans la page. _De plus, les _{moteurs de recherche y prêtent}

attention.

Utiliser une _{police de caractère} facilement déchiffrable donc _sans serifs (sans

empattements), de taille assez grande, adaptée à la lecture web comme Arial ou Verdana.

Favoriser l'écriture noire sur un fond blanc _qui offre _{une bonne} lisibilité, à défaut

toujours employer une écriture sombre sur un fond plus clair. Ne pas respecter cette règleimpliqueraitune fatigue visuelle rapide etinévitable.

Eviter l'écriture _{uniquementen majuscule, qui selon J. Nieslen ralentirait la lecture de}

10%carcelademandeuneffort visuel supplémentaire.

Aligner le texte à gauche et surtout éviter le « texte à trou» engendré par la

justification de texte qui donne un résultat critique parfois. Voici un exemple

parlant,

letexte 1 est_{aligné à gauche etletexte 2, quant àluiest justifié :}

Texte 1 :

La _{piscine bio n'a pourtantrien de}

révolutionnaire. C'esttout

bonnement lanature_{qui estcopiée,}

l'équilibre biologique d'un lac

naturel que l'on reproduit. Ni produit

chimique ni chlore. L'eau du bassin

denatationest_{filtrée par des}

graviersetplantes aquatiques situés

dansune zone de_{régénération}

adjacente.

Texte 2 :

La _{piscine bio n'a pourtant rien de}

révolutionnaire. C'est tout

bonnement la nature _{qui est copiée,}

l'équilibre biologique d'un lac

naturel que l'on reproduit. Ni produit

chimique ni chlore. L'eau du bassin

de natation est filtrée _{par des}

graviers et plantes aquatiques situés

dans une zone de _{régénération}

adjacente.

On constate _{grâce à ces exemples que le texte 1 est davantage lisible que le texte 2 car le}

premier offre des repères visuels àchaque fin de phrase auxquels l'oeil peut s'accrocher. De plus, le texte 2 est moins attrayant de part son homogénéité, il semble monotone et moins adapté àune lecture écran.

Ces recommandations _{permettent une lisibilité optimale, cependant quelques exceptions}

peuventêtre tolérées sans pourautantnuire auconfort de lecture.

3,3.3 _{L'importance des bens hypertextes :}

Les liens _{hypertextes représentent la spécificité et l'originalité de l'écriture web car ils}

permettent aux lecteurs d'aller plus loin dans l'information, d'emprunter différents parcours

de lecture à travers la Toile mais aussi de se divertir tout en _{apprenant. L'hypertexte est le}

dispositif essentiel quipermetla navigationsur le Web.

L'hypertexte est un moyen de relier des informations en réseau, facilement repérable car

souligné et de couleur distincte de celle du texte, on le retrouve à des points en principe

stratégiques d'une page web. Ainsi, l'internaute peut le repérer d'un seul coup d'oeil. C'est

une invitation de la _{part du rédacteur, il offre la possibilité au lecteur d'approfondir une}

information. _{L'hypertexte doit être utilisé à bon escient, pertinemment.}

Cette _{particularité est propre au web, les internautes y lisent sur plusieurs niveaux de lecture}

et de _{façon instantanée, ce qui n'est pas possible dans la lecture d'un livre par exemple.}

Certes, la bibliographie d'un livre regroupe des liens vers d'autres lectures mais il reste

néanmoins _{impossible d'y accéder à la minute même sans avoir l'ensemble des références à}

disposition. Ce qui renforce le fait que le web permet un accès illimité et direct à

l'information.

De _{plus, rappelons qu'à l'inverse du support papier, la longueur d'une page web n'est pas}

déterminée pardes contraintes matériellescomme le nombre depages.

Les liens_{peuventêtre dedifférentesnatures, les plus fréquents sont :}

■ _Lienexterne

: _{pointe vers une pagehébergéesur unautre site internet.}

Html : <ahref="Adresse ouURL">texte</a>

■ _{Lien interne :}

pour une navigation à l'intérieur d'un fichier html, dans ce cas

l'internaute n'est pas obligé de faire descendre l'ascenseur pour dérouler l'intégralité

de la page. Le visiteur va cliquer sur un lien et il sera amené vers

le haut de la

page

directement parexemple.

Html : <a_{name="haut_page">créditphoto</A>}

Un lien vers une ancre débute _par le symbole #, _pour ajouter _un lien _{vers une}

ancre _{haut_page par} exemple, _on encadre le lien _{par cette} balise _{: <a}

href="#haut_page">Photographie </A>

Il existe des_{règles spécifiquesaux liens hypertextes :}

■ _{Mettre le lien}

hypertexte de couleur différente (la plupart du temps enbleu) de celle

du texte et le _{souligner, de cette façon il est bien mis en valeur. Il est également}

recommandé de_{changerla couleur d'un lienunefois exploré.}

■ _{Mettre le lien}

hypertexte sur une phrase du texte, évitez les « Cliquez ici » et autres

« ici » qui n'apportent _pas d'informations, _{comme J.Ronez} le préconise. On _notera

donc « Consultez votre météo des plages _sur MétéoCity _{» et non pas « Pour} consulter

votre météo des _{plages sur MétéoCity, c'est ici». Les liens doivent être explicites, les}

internautes doivent les _{comprendre et savoir vers quelles informations on les dirige.}

De _{plus, les expressions} comme « C'est ici » sont inefficaces pour le référencement

qui nécessite des liens porteursde mots-clés etexplicites (cf. 3.8).

■ _Anoter

quesi un lien hypertextenepointe pas versune pagehtml maisvers un fichier

Word par exemple, il estvivement conseillé de prévenir l'internaute et d'y ajouter le

poids du fichier àtélécharger, cela éviteraquelques surprises.

Il est_{indispensablepour le rédacteur on-line de penserla rédaction web de façonnonlinéaire.} Un site _{dépourvu de liens hypertextes est un site inintéressant. Ajoutons, comme le}

_souligne

Brandon _{Hopkins dans son}

blog4

_{"Le contenu est roi, mais sans liens votre roi n'a pas}

_de

royaume". Il faut créer un parcours de découverte virtuel pour les internautes et ne pas

« l'enfermer» dansun site internet.

3.4 LÀ COLLECTE D'INFORMATIONS

Après avoir passé en revue toutes ces préconisations, venons-en à la matière première :

le

contenu textuel _{que le rédacteur web puise au sein de différentes sources : principalement}

_le

web _{(source incontournable d'informations à haut potentiel si bien exploitée),}

_{mais aussi les}

livres, les documentaires, les magazines, etc. Nous nous focaliserons sur la source web

dont

4

Blog deBrandonHopkins :

http://www.brandon-hopkins.com/66-ways-to-build-links-in-2007, pageconsultée le 20/08/08.

l'un des atouts_{majeurs estla mise àjour régulière des informations, contrairement aux livres} parexemple qui demandentuneréédition.

Le rédacteur web en _{charge d'une rubrique va au préalable consulter toutes les sources}

nécessaires, et effectuera uneveille quotidienne autourdu thème qu'il traite, il se construira un _{répertoire de sites référents qu'il consultera à chacune de ses rédactions. Ces multiples}

consultations _{requièrent de nombreuses heures de travail. Le rédacteur on-line doit être}

d'autant _{plus vigilant et sélectif que le web regorge d'informations en tous genres et il est}

essentiel de savoir _{distinguer une information pertinente et juste d'une information erronée}

et/ouobsolète.

Les alertes _{Google représentent une autre méthode efficace de collecte d'informations, il}

s'agit d'alertes sous forme de mail qui arrivent directement dans la boite de réception. Il suffit

de saisir un ou _{plusieurs mots-clés relatifs à un thème précis à l'adresse suivante :}

http://www.google.fr/alerts. Dès lors, àchaque fois que le moteurde recherche scannerace ou ces mots _{saisis, il enverra directement une liste d'articles au rédacteur contenant le ou les}

mots-clés enquestion.

Attention, cependant à bien trier les informations fournies car elles ne sont pas toujours

pertinentes puisque la technologie employée par Google n'apas connaissancedu contexte de

travail.

Pageinscriptionauxalertes Google: http://www.google.Jr/alerts

Alertereçuedans la boite deréceptionpourleterme «canicule»

L'abonnement aux newsletters estune autreméthode afin de s'informer de l'actualité et de

l'évolution d'un _{sujet précis. Ainsi, le rédacteur web y aura également recours pour enrichir}

sabase d'informations.

Dans les cas _{présentés ci-dessus, le rédacteur web gagne untemps considérable étant donné}

que les informations lui parviennent automatiquement, sans travail de recherche. Cette

méthodeest_{propre àlatechnologieweb ets'avèreefficace.}

Lorsque les informations nécessaires sont triées et collectées, le rédacteur web peut alors

commencerle travail derédaction_{proprementdit.}

3.5 LE TRAVAIL REDACTIONNEL

Venons-enau cœurmême de ce métier : larédaction qui demande _une parfaite maîtrise de la

langue française, unesprit de synthèse. Ce professionnel doit également pouvoir sejouer des différents_{registres de la langue française afin d'êtreparfaitement compris de seslecteurs.}

Durantcette _{phase de rédaction : il s'agit de regrouper les informations et de les coucher sur}

unécrande manièreréfléchiecomme nous venons de levoir.

Lors de la rédaction d'un article _{que l'on soit rédacteur on-line ou non, il est recommandé}

d'employer le principe de la pyramide inversée reposant sur les cinq questions : les « 5W

»5

6

: who-what-where-when-why (quisignifient qui _-quoi_-où_-quand _-pourquoi).

■

Qui : le sujet de l'information

■

Quoi : le verbe de laphrase : l'action principale,le thème de l'article

■ _Où

: le _lieu,information incontournable

■

Quand : penser audécalageentrele momentoùl'on écritetcelui de la mise en

ligne(dans le cadre d'un site web)

■

Pourquoi : les causes, les objectifs, les raisons dece que l'onannonce ;

II _{s'agitpourle rédacteur de répondre à ces questions lorsque lecontexte s'y prête. Répondre} àces _{interrogationspermetde couvrir l'essentiel dumessage quel'onsouhaite émettre.}

Le rédacteuron-line doit _{s'imaginer derrière l'écran, se mettre àla place de l'internaute et se}

demander_{quel type d'informationce dernierest venuchercher. Il doit s'adapteràson lectorat}

pourle fidéliser.

L'outil _{principal du rédacteur web est le logiciel de traitement de textecomme Open}

_Office

ou Microsoft Word qui _permettent de saisir _et modifier du _contenu textuel, de le _{mettre en}

formesur un ordinateur.

3.6 MISE EN LIGNE

Unefois le travail de recherche et de rédaction effectués, le rédacteur web édite, laplupart du

temps, lui-même sonarticle. Unminimum de compétences

techniques

est

donc

requis.

Lerédacteur utiliseraun_{logiciel de création depages}web WYSIWYG (what_yousee is what

yougetsignifiant «telle vision àl'écran représente tel

résultat »), afin de

passer

aisément

d'un

5

J-L. MARTIN-LAGARDETTE, Leguide de l'écriturejournalistique, Syros,2000.

6

N. DELECOURT,leguide dujournaliste,

Éditions

duPuits fleuri, 1995.

document Word àun documenten_{langage spécifiqueauweb :} le html (HyperText Markup

Language).

Le _{langage de programmation Html permet de créer la structure logique d'un document à}

l'aide de différents éléments tels _{que les titres, les paragraphes, les liens} vers d'autres

documents, etc. Il permet d'intégrer du texte, des images fixes ou animées, du son, et de la

vidéo. C'est un _{langage où chaque balise a unepropriété spécifique et il comprend des balises}

« ouvrantes » et « fermantes». Il existe_{plusieurs types de logiciels de} création de_pages web,

tels que :

Adobe Dreamweaver : l'un des éditeurspionniers dans le domaine, créé _{en 1997,}

logiciel propriétaire.

Fichier Edtion AffichéesInsertionModèle:Texte Commandes SiteFenêtre Aide

Texte▼ B /îS «*i H MÎHiM M h3! uf «I li dl dt <fcSîetoc aac :S£J•

r

iAnneey.html

' Fractionnerj Création Titre:Document« vf*»*>.m.

ckoam « •ïiev*hup-e-ifuiv <C-iTia>Docuiient s

:Transitions!//EN""ht

f;«i jag ypoo.. ^Situation géographiqueetmfo météo Annecy:

:Annecyestlapréfecture dudépartementde la Hnnte-S'nvoieetfaitpartiede la régionRltone-Alpes Ellesesituedans le nord des Alpesfrançais

:CÔté météoAnnecy, sachezquevous vrencontrerezunchma:detypemontagjiardquisecaractérisepardes étés douxetdes hivers froidet neigeux.Les étésenmontagne

'connaissentdesoragesparfois violentsenfin de soiréeetdes températuresclémentes tandisqueles hivers connaissentd'abondantes chutes deneige,les plus précocestombentei

ioctobredans lesplushauts massifs.

iAnnecysesitueà environ100 km de Lyon. 180 km de Dnonet300 km de ToulonDépartsasituationgéographique exceptionnelle, Annecy possèdeuncadrenaturel àcouperle■

souffle pourle plus grand plaisir desannéciensetdestouristesQuellequesoitlasaison vous ytrouverez votrebonheur:ski l'hiver, randonnéesetvisites l'été ! Sachezqu'Annecy :

estlepoint de départ de nombreuses baladesenmontagne.

;10Q% »1123x405■'SKo/1:

Interface de Dreamweaver

■ _Microsoft

FrontPage (1997 - 2005) : logiciel propriétaire nécessitant une licence,

remplacé récemment par Microsoft Expression Web et Microsoft Office SharePoint Designer.

Interface de FrontPage fractionnée:code html /aperçu

■ _Nvu

: logiciel libre téléchargeable gratuitement, développé _{en 2005 par la société}

Disruptive Innovations, dirigéeparDaniel Glazman.

.

QcHw Edition affichage trwwtion Fsjtnat Tableau 2uUï àkJe

. J

afï f'i yi ^

Owrir Pubfcer Ntvigtteur ■■ Imprimer

■

#

<ht»lxrol.tis»"hV .«3.o•g' î99:7'shtml.">• -.t i?Xe.-DocumentsansnottK/titJ.e>

font-faroily:Verdana,Anal, Helvetica,sans-serlf; fonc-size: 12px;

.Style2(fonc-famlly:Verdana, Arlal,Kelvetlce,sans-serlf;font-slze: l2px; font-■-boiiy.'v uelght:bold;> 20 -'t.lxirty 22 23 21 25

'.lanl.etr»u.der~'C.' r.el.j.iîarldxjxfv1 'l*ce.Uqwnig.'. " 3 " vidth""t 'y'-:"> - thody.-2? 28 29 31 33 34 36 38

gteacute;ographique et infomteacute;tteacutejoAnnecy :-.'/$»>

•.pclass«' Styi-j2•-tnbsp;<fv, <|>cl a**----'r,- >Annecy estla

prteacute;fecturedu dteacute;parteroent dela <»'*tn«i>Haute-Savoie-./*t!on<i.> etfaitpartiedela rteacute;giontstronqvph4ocirc;ne-Alpes'./'strnnijv. EllesesitueclanslenorddesAlpesfrantccedil;aises

>pclass'--'1 eJt yiel 1 >Ctocire;t teacute;

mteacute; tteacute; oAnnecy,sachezquevousyrencontrerezun•«» 40 caract teacute; r uepardes teacute; t seacute;sdouxetdes

i(ï3BaSseHTW.][«]•]source|'.Apa'çu|

Interface de Nvunonfractionneé:code html

Ces _{types de logiciels sontdécriés par quelques développeurs qui leur reprochent un code de}

qualité médiocre. Prenonsunexemple, ajoutons cetextedans le logiciel Nvu : « Les logiciels

de création de pagesweb sont fortement critiquésparcertains ».

■ _{Encode html de}

qualité, entrémanuellement, cetextedoté d'une partie en gras

donnera :

Les _{<spanstyle="font-weight: bold;">logiciels de}

cr&eacute;ation depages web</span> sont fortement critiqu&eacutes;parcertains.

■

Au sein d'un_{logiciel de création de sites web de style Nvu, si l'utilisateur sélectionne}

une _{phrase etla met en gras, annule cette opération puis la metde nouveau en gras, il}

faut savoir quele code ne seraplus« propre » etse surchargeracomme ci-dessous :

Les<span style-'font-weight: bold;"> </span><span style=" font-weight: bold;">logiciels de cr&eacute;ation

de pagesweb</span><span style-'font-weight: bold;">

</span>sont fortementcritiqu&eacute; parcertain.

On remarque que : <span style="font-weight: bold;"> </span><span

style-'font-weight:

bold;">estrépétédeuxfois inutilement.

Ces _{types de logiciels représentent toutefois une aide essentielle pour}

_{les rédacteurs}

_et

_leur

permettent d'être autonomes techniquement parlant. Il leur permet notamment

d'intégrer

du

contenueux-mêmescomme :

■ _{Des liens}

hypertextes s'ouvrant à l'intérieur d'une nouvelle fenêtre et permettant à

l'internaute de revenir facilementsurla_{page de départ.}

Html: <a_{target="_blank" href="url" >blabla</a>}

■ _Des

images illustrantles articles etaérant lapage web.

Html : _{"><img src="URLIMG"></img>}

Une fois l'article converti en _{langage html, mis en forme et doté de tous ses attributs}

(hypertextes, photos, vidéos, etc.), le rédacteur l'intègre sur le site internet via une

administration _{(oubackoffice).}

En_{quelques clics l'article esten ligneetles internautespeuventenprofiter.}

3.7 MISE EN _PRATIQUE

3.7.1 Rédaction defiches ville surMétéoCity.com

La mission_{principale de mon stage repose sur l'alimentation de la rubrique « villes France»}

du site. Le _{type de contenu à rédiger est encyclopédique, il s'agit de créer des « fiches}

d'identité »_{pourles villes de France.}

Le but est _{d'apporter du contenu original afin d'attirer de nouveaux internautes et d'être}

mieux _{positionné sur ces pages au niveau des moteurs de recherche. Nous aborderons ici}

uniquement le côté rédactionnel, nous reviendrons plus en détail sur le référencement un peu

plus loinau3.8.

Un_{objectif de 5 fiches villes parsemaineaété convenu, cela revient donc à unevilleparjour,}

sachant _{qu'une fiche peut demander entre quatre à cinq heures de travail (veille, rédaction,}

mise en _{ligne, ajout de liens, etc.). En effet, l'essentiel est de s'immergertotalement dans le}

sujet, de lire énormément d'informations de sources variées et surtout de vérifier ces

informations avant de se lancer dans la rédaction. Cette dernière_{prend le moins de temps en}

réalité.

Rubrique « _Villes France » de MétéoCity Méthode :

Les_{phases 1 à3 se sontproduitesuneseule foiset concernent lesétapes préalables et}

incontournables de la_{mission, tandis queles phases 4et5 sontrépétées àchaque nouvelle}

rédaction.

I) ldilie dei'existant

Avant tout travail de _{rédaction, il} est essentiel d'effectuer des recherches et consultations de

nombreux sites contenant notamment des _{descriptifs sur les villes de France afin de se}

constituer un_{panel de sites} référents, d'obtenir _{une vue} d'ensemble du marché _et dans lebut

de collecterle maximum d'informations. Les_{principaux sites qui sontressortis sont :}

■ _{Je découvre la France}

: http://www.jedecouvrelafrance.com, _{se consacrant au}

tourisme, on yretrouve de nombreuses descriptions de villes.

■ _{Les offices de tourisme}

(URLpropre àchaqueville), les mieux placés pourvanterles

mérites d'uneville.

■

Encyclopédie Universalis : http://www.universalis.fr/,regroupe de nombreux articles

sur les villes de France.

■

Wikipedia: http://fr.wikipedia.org/wiki/Accueil, idem.

■

Mappy : http://www.mappy.fr, site permettant d'alimenter la partie "situation géographique" grâce à ses calculsd'itinéraires.

■ _{Toutes les Villes.com}

: sites délivrant des données chiffrées concernant les villes de

France_{(superficie, population, etc.)}

■ _Mairies

: _{http://www.annuaire-mairie.fr, site délivrant des informations} relatives _à

chaque commune de France (noms de la gentilé, superficie, distance entre deux grandes villes, etc.)

■ _L'Internaute

: http://www.linternaute.com/sortir (week-end) site enrichi de

nombreusesillustrations_{quipermettentde s'imprégner du caractère d'une ville, de}

sonambiance.

Ces sites sont_{ajoutés aux marque-pagesdemonnavigateuret sont consultés à chaque}

nouvelle fiche ville à_rédiger.

2) Créâtwti d "ira modèletypedéfichés videet.stratégie adoptée

Avanttouttravail d'écriture il afallu créerunmodèle _type de_« fiche ville_{» (annexespage}

72). C'est grâce àla veille effectuée aupréalablequ'il aétépossible de le réaliser. Ce dernier

se scindeentrois _{grandes partiesregroupantles informations essentielles :}

❖ Situation _{géographique et info météo + nom de la ville : informations}

relatives àla localisation de la ville traitéeainsi_qu'àsonclimat.

❖ Adécouvrir : les principaux lieux_etmonuments àvoir_au sein de la ville.

❖ _{Temps Forts de + nom de la ville : un ou plusieurs événements majeurs,}

_le

plus souventannuel.

♦♦♦ Informations _{générales + noms de la ville (le nom des} habitants, la

superficie,le nombre d'habitants)

Ces « fiches ville » _{adoptent différents styles : on peut y lire des passages informatifs plutôt}

formels _{(comme : le nombre d'habitants d'une ville) tout comme on peut y lire des passages}

impliquant le lecteur (comme : Envie de détente ?). Ainsi, le lecteur est informé mais aussi

questionné. L'objectifestde captiversonattention, le fidéliser.