La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

 Projet éditorial WEB Janvier 2012 / SHS – UPMF / Eric GIRAUDIN Réseaux Sociaux Publication en ligne Projet Web CMS.

Présentations similaires


Présentation au sujet: " Projet éditorial WEB Janvier 2012 / SHS – UPMF / Eric GIRAUDIN Réseaux Sociaux Publication en ligne Projet Web CMS."— Transcription de la présentation:

1  Projet éditorial WEB Janvier 2012 / SHS – UPMF / Eric GIRAUDIN Réseaux Sociaux Publication en ligne Projet Web CMS Stratégie numérique Acteurs

2 Plan 1. Introduction 2. Préparation du projet éditorial 3. Préparation du contenu éditorial 4. Ecriture web 5. Accessibilité web 6. Optimisation SEO 7. Conseils

3 1. Introduction 1.1 Définition et obligation 1.2 Publication sur un site web statique 1.3 Publication sur un site web dynamique 1.4 Les principaux formats de sites web

4 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. Loi sur les publications destinées à la jeunesse, Dans certains cas déclarer votre site à la CNILCNIL

5 1.2 Publication, cas d’un site web statique Information A Soumise par un membre Pages de mon site web Information A Soumise par un membre Pages de mon site web 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, …) 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 pages par FTP, soit avec l’éditeur soit avec un logiciel FTP (filezilla, …)

6 1.3.1 Publication cas d’un site web dynamique Transfert des fichiers par FTP, soit avec l’éditeur soit avec un logiciel FTP (filezilla, …) Installation du logiciel de gestion en ligne du site Téléchargement des fichiers du CMS sur mon disque dur (Système de Gestion de Contenus) Téléchargement des fichiers du CMS sur mon disque dur (Système de Gestion de Contenus) Installation et configuration du CMS depuis un navigateur web Installation et configuration du CMS depuis un navigateur web Fichiers du CMS en version locale Fichiers du CMS en version distante

7 1.3.2 Publication cas d’un site web dynamique Gestion en ligne du site (management des contenus, des modules, etc.) Edition et publication des pages depuis le navigateur directement CMS Stockage du contenu Bases de données

8 1.4 Quelques formats de projets web web mobile blogs wiki portails partage de de video intranets extranets moteurs de recherche, annuaires plates-formes EAD e-commerce forums partage ou téléchargement de fichiers réseaux sociaux web vitrine partage d’avis, feedback média / presse en ligne partage de bookmarks web institutionnel petites annonces, enchères, etc. sites persos hubs pédagogiques emploi, carrière

9 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 ludique avec les usagers / rester proche en permanence

10 2. Préparation du projet éditorial 2.1 Stratégie, objectifs, sujet, cible 2.2 Définition des moyens humains et financiers à impliquer 2.3 Les acteurs du projet 2.4 Apports positifs et contraintes à prendre en compte 2.5 Etude et préparation du projet 2.6 Les grandes phases opérationnelles

11 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éterminer des objectifs Définir les cibles

12 2.2 Définition des moyens nécessaires Ressources humaines ? Coûts ? Personnes compétentes mobilisables en interne ? Engager des partenariats ? 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. Selon le type de projet choisir un modèle économique Etablir un cahier des charges précis pour pouvoir budgéter

13 2.3 Les acteurs du projet Acteurs stables Acteurs 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 Webmestre et superadmin Administrateur(s) Modérateur(s) Auteur(s) Community manager

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

15 2.5 Etude et préparation du projet Exemple de stratégie : communication sur les réseaux sociaux + site web Définition et planification des grandes phases du projet Etude 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 cibles Définition d’une stratégie numérique Rédaction du cahier des charges

16 2.5 Etude et préparation du projet Le cahier des charges Exemple de cahier des charges de site web sur le site : Aide à la réalisation de cahier des charges sur le site Joliespages.com)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. CAHIER DES CHARGES Document qui permet de démarrer la production du site et de contrôler, à chaque étape, la conformité de la réalisation par rapport à la demande contractualisée.

17 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 ing / 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 ing 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

18 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

19 4. Ecriture Web Rè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 :

20 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 imagesrôle important dans la famillealternative textuelle aux images  Consulter le référentiel AccessiWeb 2.1 référentiel AccessiWeb 2.1référentiel AccessiWeb 2.1  Une obligation publique : loi de l’égalité des chances Tous les sites publiques devront être accessibles en mai 2012.

21 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 Web ordinateur télévision Tablette et smartphone Terminal d’aide à la consultation

22 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  H1 pour un titre de section de niveau 1, H2 pour un niveau 2, jusqu’à H6. Exemple de page optimiséeExemple 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)

23 7. Conseils Il ne suffit plus d’afficher des informations sur une page web Actualiser régulièrement vos infos sur votre site web Renouveler le contenu mais aussi sa présentation, son design Importer et exporter des contenus Publiez 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éagir Optimiser ses contenus pour les moteurs de recherche Créer du netlinking pour améliorer votre pagerank Surveiller 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.)


Télécharger ppt " Projet éditorial WEB Janvier 2012 / SHS – UPMF / Eric GIRAUDIN Réseaux Sociaux Publication en ligne Projet Web CMS."

Présentations similaires


Annonces Google