Projet éditorial WEBJanvier 2012 / SHS – UPMF / Eric GIRAUDIN

http://sos-communication.weebly.com

Réseaux Sociaux

Publication en ligne

Projet Web

CMS

Stratégie numérique

Acteurs

Plan

1. Introduction 2. Préparation du projet éditorial3. Préparation du contenu éditorial4. Ecriture web5. Accessibilité web6. Optimisation SEO7. Conseils

1. Introduction

1.1 Définition et obligation 1.2 Publication sur un site web statique1.3 Publication sur un site web dynamique1.4 Les principaux formats de sites web

1.1 Définition et obligation

• Publier : porter une information à la connaissance du public.

• Respecter les lois en vigueur sur la publication d’information Loi sur les publications destinées à la jeunesse, droit d’auteur, droit à l’image, Loi sur l’égalité des chances (accessibilité web aux handicapés), Loi informatique et liberté, etc.

• Dans certains cas déclarer votre site à la CNIL

1.2 Publication, cas d’un site web statique

Edition des pages du site sur un ordinateur avec un éditeur web

(Dreamweaver, Golive, …)

Edition des pages du site sur un ordinateur avec un éditeur web

(Dreamweaver, Golive, …)

Les pages ont été transférées sur un serveur web

chez un hébergeur(free, phpnet, ovh, …)

Les pages ont été transférées sur un serveur web

chez un hébergeur(free, phpnet, ovh, …)

Version locale disque dur

de mon ordinateur

Version locale disque dur

de mon ordinateur

Version distante disque dur

du serveur web

Version distante disque dur

du serveur web

Transfert des pagespar FTP,

soit avec l’éditeursoit avec un logiciel

FTP (filezilla, …)

Transfert des pagespar FTP,

soit avec l’éditeursoit avec un logiciel

FTP (filezilla, …)

1.3.1 Publication cas d’un site web dynamique

Transfert des fichierspar FTP,

soit avec l’éditeursoit avec un logiciel

FTP (filezilla, …)

Transfert des fichierspar FTP,

soit avec l’éditeursoit avec un logiciel

FTP (filezilla, …)

Installation du logiciel de gestion en ligne du site

Téléchargementdes fichiers du CMSsur mon disque dur

(Système de Gestionde Contenus)

Téléchargementdes fichiers du CMSsur mon disque dur

(Système de Gestionde Contenus)

Installation et configuration du CMS

depuis un navigateur web

Installation et configuration du CMS

depuis un navigateur web

Fichiersdu CMS

en versionlocale

Fichiersdu CMS

en versionlocale

Fichiersdu CMS

en versiondistante

Fichiersdu CMS

en versiondistante

1.3.2 Publication cas d’un site web dynamique

Gestion en ligne du site (management des contenus, des modules, etc.)

Edition et publication despages depuis le

navigateur directement

CMS

Stockage du contenuStockage

du contenu

Basesde données

1.4 Quelques formats de projets web

webmobile

blogs

wikiportails

partage dede video

intranetsextranets

moteursde recherche,

annuaires

plates-formesEAD

e-commerce

forums

partage ou téléchargement

de fichiers

réseaux sociaux

webvitrine partage

d’avis, feedback

média / presseen ligne partage de

bookmarks

webinstitutionnel

petites annonces,enchères,

etc.

sitespersos

hubs pédagogiques

emploi,carrière

1.4 Les différents formats de sites exemple de stratégie multicanale

Production de contenus,rédaction d’articles

à partager sur votre site,

votre page FB,+ Twits, etc.

Management de vos fans, de votre

e-notoriété et de votre e-réputation

Promotion et commercialisation

de vos produits.Référencement produit

Travail de votre image, positionnement de votre offre, e-notoriété, référencement, etc.

Interaction ludiqueavec les usagers/ rester proche en

permanence

2. Préparation du projet éditorial

2.1 Stratégie, objectifs, sujet, cible2.2 Définition des moyens humains et financiers à impliquer2.3 Les acteurs du projet2.4 Apports positifs et contraintes à prendre en compte2.5 Etude et préparation du projet2.6 Les grandes phases opérationnelles

• Définir les cibles prioritaires, les cibles secondaires et étudier leur

comportement sur la toile etc.

• A partir de l’axe stratégique choisi dégager les objectifs

•Clarifier le besoin auquel répond mon projet•Etudier l’existant sur le web• Choisir un axe stratégique

(différenciation, segmentation, etc.)

2.1 Stratégie, objectifs, cibles

Définir la stratégie

Déterminerdes objectifs

Définir les cibles

2.2 Définition des moyens nécessaires

Ressourceshumaines ?

Coûts ?

Personnes compétentes mobilisables en interne ?

Personnes compétentes mobilisables en interne ? Engager

des partenariats ?

Engagerdes

partenariats ?

Faire appelà un

prestataire ?

Faire appelà un

prestataire ?

De nombreux coûts sont à prévoir : audit, création

graphique, solution technologique, référencement,

production de contenus, animation de site et de

communautés, etc.

De nombreux coûts sont à prévoir : audit, création

graphique, solution technologique, référencement,

production de contenus, animation de site et de

communautés, etc.

Selon le type de projet choisir un modèle économique

Selon le type de projet choisir un modèle économique

Etablir un cahier des charges précis pour pouvoir budgéterEtablir un cahier des charges précis pour pouvoir budgéter

2.3 Les acteurs du projet

Acteurs stablesActeurs de Passage

•Chef de projet (vous ?)

•Ergonome•Graphiste

•Ingénieurs / Techniciens(TIC, informatique, ..)

•Spécialistes du référencement

•Candides•Community builder Votre public lui aussi

deviendra acteur!

•Votre hiérarchie

•Webmestreet superadmin

•Administrateur(s)•Modérateur(s)

•Auteur(s)•Community

manager

2.4 Apports positifs et contraintes

-visibilité de votre offre vers un large public

-Information actualisée en temps réel

-interaction et proximité avec le public : meilleure connaissance,retours, fidélisation, confiance, dialogue, public contributeur-notoriété, image, réputation

-etc.

- écriture web-accessibilité web

- standards technologiques- légales (CNIL, droit à l’image,

droit d’auteur, etc.)- graphiques (normes, images

légères en poids, charte)- sécurité (protection, sav, etc.)

- SEO (optimisation pour les moteurs de recherche)

- etc.

2.5 Etude et préparation du projetExemple de stratégie : communication sur les réseaux

sociaux + site web

Définition et planification des grandes phases du projetDéfinition et planification des grandes phases du projet

Etude de la présence, notoriété, image sur le web et les principaux réseaux sociauxEtude de la présence, notoriété, image sur le web et les principaux réseaux sociaux

Analyse des enjeux, des besoins, de la demande, des ciblesAnalyse des enjeux, des besoins, de la demande, des cibles

Définition d’une stratégie numériqueDéfinition d’une stratégie numérique

Rédaction du cahier des chargesRédaction du cahier des charges

2.5 Etude et préparation du projet

Le cahier des charges

Exemple de cahier des charges de site web sur le site :www.mondomaine.com.fr/

Aide à la réalisation de cahier des charges sur le site Joliespages.com)

En résumé il précise :les objectifs du site, les cibles, la ligne éditoriale, la typologie et l’organisation des contenus, la

navigation, l’ergonomie, le design, les choix technologiques, la politique

d’accessibilité aux handicapés, les fonctions attendues, la chronologie du projet, le rôle des équipes et le workflow, le positionement et le

référencement, etc.

En résumé il précise :les objectifs du site, les cibles, la ligne éditoriale, la typologie et l’organisation des contenus, la

navigation, l’ergonomie, le design, les choix technologiques, la politique

d’accessibilité aux handicapés, les fonctions attendues, la chronologie du projet, le rôle des équipes et le workflow, le positionement et le

référencement, etc.

CAHIER DES CHARGESDocument qui permet de démarrer

la production du siteet de contrôler, à chaque étape, la conformité de la réalisation par

rapport à la demande contractualisée.

CAHIER DES CHARGESDocument qui permet de démarrer

la production du siteet de contrôler, à chaque étape, la conformité de la réalisation par

rapport à la demande contractualisée.

2.6 Les grandes phases opérationnelles

Ex : Communication sur les Réseaux sociaux + site web

Création d’une page facebook et de comptes twitter (exemple) et publication d’infos

Campagne e-mailing / relations presse pour lancer la page FB + liens vers autres pages

Animation de la communauté sur les réseaux et annonce d’une création de site web

Préparation des contenus du site

Production de l’architecture, de la navigation et mise en place des contenus du site

Création de connexions entrantes / sortantes vers les réseaux sociaux et/ou votre blog

Recherche et mise en place de la solution technologique (CMS ou site « fait main »)

Lancement officiel de votre site depuis votre page facebook + twitter + campagne emailing

Test de votre site et audit de conformité au cahier des charges

Campagne référencement payant pour le lancement de votre site

Optimisation des contenus de votre site pour le référencement + accessibilité web aux handicapés

3. Préparation du contenu éditorial

Hiérarchie et architecture de l’information

Définition de la ligne éditoriale Stratégie de synergie avec des

sources de contenus externes

Préparation du contenu qui sera publié par vos auteurs ou des contributeurs

CONTENUS INTERNES

CONTENUS EXTERNES

Identification, typologie, et structuration du contenu

Import de flux RSS d’autres sites ou blogs, pages externes

Facebook, twits, etc. de la même thématique

PRODUCTION / IMPORTS = CONTENUS DU SITE

4. Ecriture WebRègles linguistiques et typographiques

• Les règles classique de la langue et de la typographie

Procédés stylistiques• Styles et techniques rhétoriques

• Choix du mode de lecture : recherche ou consommation

• Lecture à l’écran

Ecriture proche de l’écriture journalistique : en pyramide inversée • Placer le message principal en amont et détailler ensuite.

Ex :Titre, chapo, accroche, sous-titre, développement

• Un paragraphe = une idée

• Effet pyramide grâce à la navigation hypertexte

La règle des 5 « W » • Who? What? When? Where? Why?

• Rubriques contextuelles en réponse à ces 5 questions

Les guidelines • Graphiques : cohérence grâce aux feuilles de style

• Éditoriales : cohérence de chaque type de contenu

Visiter le site : http://www.ecrirepourleweb.com

5. Accessibilité Web

La Web Accessibility Initiative (WAI), définit ainsi l’accessibilité :

« L’accessibilité du Web signifie que les personnes handicapées peuvent utiliser le Web. Plus précisément, l’accessibilité signifie que les personnes handicapées peuvent percevoir, comprendre, naviguer, interagir avec le Web et qu’elles peuvent y contribuer. L’accessibilité du Web bénéficie également aux autres personnes, y compris aux personnes âgées dont les capacités évoluent du fait du vieillissement. »

12 millions de français concernés par une situation handicapante générant des difficultés physiques, sensorielles, mentales, cognitives ou psychiques.

Nombre d'internautes français utilisent des aides techniques spécialisées pour la consultation et l'usage d'Internet.

Un site qui ne respecte pas des standards d’accessibilité sera pratiquement impossible à être lu ou compris par une personne handicapée.

Vidéo pour comprendre les problématiques : rôle important dans la famille, alternative textuelle aux images

Consulter le référentiel AccessiWeb 2.1Consulter le référentiel AccessiWeb 2.1 Une obligation publique : loi de l’égalité des chances 2004. Tous les sites publiques devront

être accessibles en mai 2012.

5. Accessibilité Web, suite

Autre enjeu : accessibilité sur tous les terminaux Avec l’arrivée des forfaits mobiles data moins chers (FREE) changement

des habitudes de consultation : beaucoup plus de lecture web depuis des terminaux mobiles

Site WebSite Web

ordinateurtélévision Tablette et

smartphone

Terminal d’aide à la consultation

6. Optimisation du contenu web / SEO

Bonne accessibilité => bonne optimisation des contenus pour les moteurs de recherche

Le contenu doit être de qualité et répondre à demande formulée par le mot-clé qui mène à votre page.

Quelques contraintes : Donner un titre explicite à chaque page Bien hiérarchiser vos titres et utiliser les balises html <Hn>

H1 pour un titre de section de niveau 1, H2 pour un niveau 2, jusqu’à H6. Exemple de page optimisée Déterminez les principaux mots-clés pour vos pages et remplissez les champs « Meta Keywords » et

« Meta description » Mettre en valeur les mots-clés dans votre contenu en gras, en souligné, etc. Pensez à la densité de vos mots-clés à l’intérieur du contenu mais ne pas en abuser Au moins 200 mots par page Effectuez des liens internes à l’intérieur de vos contenus Un lien hypertexte doit être sémantique et explicite : pas de « cliquez ici » ! Donnez des titres à vos liens (balise title) Donnez une alternative textuelle à tout contenu visuel (balises Alt et Longdesc)

7. ConseilsIl ne suffit plus d’afficher des informations sur une page web

Actualiser régulièrement vos infos sur votre site webRenouveler le contenu mais aussi sa présentation, son design

Importer et exporter des contenusPubliez vos actualités sur vos réseaux sociaux et partager sur d’autres réseaux

Ecouter et faire participer les internautes. Valoriser les contributions.Etablir un échange régulier entre vous et vos internautes (fans) et entre les

internautes eux-mêmes. Conquérir de nouveaux visiteurs et de nouveaux fans.

Surveiller sa e-réputation et réagirOptimiser ses contenus pour les moteurs de recherche

Créer du netlinking pour améliorer votre pagerankSurveiller son trafic et son référencement

Faire de la veille et adapter son site pour une bonne consultation par tous et pour tous les terminaux (ordinateurs, tablettes, smartphone, etc.)