Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1...
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1...
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1...
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1...
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1...
Prochain SlideShare
Chargement dans…5
×

Atelier pratique : CR CMS - Webassoc 14 avril 2015

490 vues

Publié le

Présentation des CMS et de leurs fonctionnalités principales : gestion des contenus, des médias, des utilisateurs... Focus sur quelques CMS importants du marché : wordpress, joomla.
Compte-rendu de l'atelier animé par Yan Paquis, consultant en stratégie numérique, ancien Directeur Conseil en agences web
Pour Webassoc.fr, communauté de professionnels du web qui aident bénévolement les associations humanitaires, caritatives et environnementales

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
490
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Atelier pratique : CR CMS - Webassoc 14 avril 2015

  1. 1. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. Les CMS et la gestion des contenus de votre site Avec Yan Paquis, Consultant en stratégie numérique
  2. 2. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. Les CMS et la gestion des contenus de votre site Animation Yan Paquis, Consultant en stratégie numérique Restitution Julie Arrivets, bénévole Webassoc Tour de table pour comprendre lesattentesde chacun : - Commentgérerle contenude monsite etdesréseaux sociaux ? - J’utiliseWordPress – je voudraisme renseignersurlesmisesàjour,je n’ai pas touslesdroits alorscommentfaire ? - On refaitnotre site internetdoncbesoind’aide CMS (Système de gestionde contenu): outil qui permetlagestiondespublicationsenligne. Ici onva se concentrersurWordpress (maislesfonctionnalitéssontvalablespourtouslesCMS) qui est un outil de gestionde contenuopensource,misàdispositionparla communauté.Il estdoncgratuit. Cœurde CMS : ensemble de fichiersauquel il ne fautpastoucheretqui représente les fonctionnalités de base de l’outil. Il estprévupouraccueillirdes thèmesetdesextensions. Aveclespremiers,on peut changertout l’aspectdusite etle designdespages.Lesextensionspermettentde compléterles fonctionnalitésde base duCMS.Développerunthème surmesure,c’estuntravail àpart entière qui prenddu temps,etc’estdoncpluscher que l’installationd’unthème. Site hébergé vssite dédié:2 méthodessurWordpress (cf présentation)  Wordpress.com :site hébergé doncpasle choix de sonnom de domaine  Wordpress.org: choix de dunom de domaine etdesplug-ins Peutcontinueràétendre lesfonctions avecdesextensions Gestiondesutilisateurs :si c’estvous qui mettezenplace le site alorsvousêtesl’admin.Pardéfautil ya certainsrôles.L’adminaaccès à tout au niveauCMS…jusqu'à l’abonné qui estle lecteuretqui en fonctionde ce que vousavez défini peutcréeruncompte ounon. Question :« Je suissur Joomla,estce que je retrouve lesmême chose que WordPress ?» - Pareil mais son interface peutparaître pluslourde. Lesprincipesserontlesmêmes. Quandon installe Wordpress,ona lavisiondusite comme si on étaitl’utilisateur.Firefox etChrome ont desextensionspourpouvoirtester lavision suripad,iphone etc…(cherche danschrome « extension chrome responsive» ouparexemple « responsive webdesigntester »).
  3. 3. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. Les contenus :voir/ajouterdesarticles(surJoomla« rubrique »). Lesmotsclefssontdestags.Soigner ces motsclef pourréférencementnaturel. Question :« Est ce que si j’utilisetoujours lesmême motsclefscelapeutêtre unproblème ?» - Non,au contraire,il estimportant de réutiliserlestagsd’article en article.Despagesspécifiquespourl’affichage descontenusliésàcesmots clefssontcréées. Plusle nombre de page du site estimportant, plusGoogle ade matière àréférencer. Pourvoir monnombre de pagesréférencées, tapersurGoogle : « site:votrenomdedomaine.com » = et vousverrezle compte de pages référencéesparGoogle.Onpeut vérifierrégulièrement si ce chiffre grossitoupas quand onfaitdeschangements.Onpeutaussi voirl’étatduréférencement desconcurrents. Ne pas voirCMS comme un outil ultime.Il fauttravailleràcoté.Taper les contenusd’abordsurWord par exemple.Réfléchiroùonva mettre lesimages,lesvidéos,lespiècesjointes.Faire lastructure dusite ailleursavantde le faire surle netdirectement. Pourlesimagesessayerd’avoirune image de meilleure qualité possible etégalementfaire attentionauformatenamont(visuel carré,rectangle…selonsite accepte ou pas). On peutfaire touteslesmodificationsenlignemaisattention,il vautmieux testersurune versionde testdu site d’abord, aucas oùil y ait un problème. Idéalement,il faututiliserdesapplicationsde type WAMP (SurWindows) etMAMP (SurMACOS) pour installerle site sursonpropre ordinateuretymener lestests.Une foisque l’onconstate qu’il n’yapas de problème,onpeutalorsprocéderde même surle site enligne. Pensercentralisation.Lesvisuelsdoiventfaire parti d’unebibliothèque (c’estle comportementpar défautde Wordpress).Pourchaque visuelmettre desinfos(importantpourréférencementnaturel aussi). Penserégalementàremplirle « texte alternatif » (c’estimportant pourlespersonnesqui utilisentdeslogicielsspéciaux,comme les « lecteurs d’écran» qui lisentcesinformations). Note : lesextensionset lesthèmesserontdesfichierszip Comment sont fait les articles : sur wordpress simpleetintuitif Un titre et un grostexte (l’éditeurestle même que dans word) Conseil :s’occuperde lahiérarchie destitres,gras,italiqueetcréationdestableaux,puces directement enamont.Mais ne pas joueraveclescouleursetc…Note : Le gras optimise le référencementnaturel. Catégories:une par default –c’est une grosse rubrique danslaquelle onpeutregrouperdesarticles. Nouveauté :onpeutdonnerunaspect visuel différentaux articles,selonle thème parexemple. Penseràutiliserdesvidéosetde images. Pourlesimages peutrajouterunliendirectavecla bibliothèque. Onpeutaussi réglerlesparamètresdesimages (taille moyenne,grande…) etdéfinir l’alignementselonle texte.
  4. 4. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. Pour les extensions : SEO Quandvousvoulezchargerdesplug-insetdesextensions,pensezàlestéléchargersurdessitesofficiels. Bienlire lanotice.Regarderstatistique d’utilisation.Regarderladernièredate de mise àjour(si date d’il y a plus6 moisetque cette extensionn’estpasbienmaintenue,estce que ne va pas me peserplus qu’autre chose?) Il y a unmoteurde recherche oùon peutvoir lesextensionslesplusenvue directementdansle backoffice de Wordpress (« wvpsupercash »  optimiserwordpressen optimisantle cache –à chaque foisque quelqu’unvientcelatourne.Ici rôle ducashpermetd’avoirrésultatducalcul directement. Site peutdevenirmoinslentgrâce à ça) Les misesàjour: le cœurCMS etchacun desmodulesetdesthèmes.Onpeutvoir une estimationde la compatibilité plug-inaveclaversioncourante.Si compatiblealors,onpeutessayerde basculersurune autre version.Attentioncarsi pas compatible,il peutyavoirdessoucisd’affichage oude plantage du site.. Téléchargerextension(note :penseràfaire une copie enlocale surdossiercomme çaconnaît la version).Plugin/content/upload : il a tout généré auformatqu’onlui a dit.C’estlà qu’il fautfaire les modifications. Dans lesoutilsil ya un menu« importer/exporter» (sousformatXML). Onpeutensuite réimporter (maisau final c’estjamaisexactementlamême chose c’estpourçaqu’il vautmieux toutfaire surson ordinateur). Une foisque c’estinstallé :  Les META estun desélémentsqui optimisele référencement(aideàremontersurGoogle). Donc ici peutmettre desmotsclefs.C’estuntravail à faire sur chaque article.  Si on a dubudget : « myposeo» – versionde test15 joursgratuite, analyse lesmotsclefs.Peut donnerurl desconcurrentsetvoitquel mot clefs marchentounonet enfonctionde ce que l’on trouve onpeutrevoirsa stratégie.  Titre et META?: quandon écritle titre d’un article on peutchangerlespermaliens ?(réécriture d’url).Pardefaultdansl’url il ya une référence technique de l’article ouducontenuetcelane donne aucune infoàGoogle. Onpeutchanger cela(peutaussi le changerdansstructure personnaliséetde demanderle nomde domaine /%categorie.nomdelarticle).Pardefaultle titre apparaitdans l’ongletaussi donccette extensionpeutle personnaliser.  sitemapxml :fichiertexte qui estgénéré=cartographie depuislescontenuspouraiderGoogle à voirlesmisesàjour. C’estmieux pourle référencement (cf slide 7de laprésentation)  Quandil y a ducode <php> si pas à l’aise ne pasy aller  En ligne il ya unéditeur– peutfaire desmodificationsdirectementdanslesmodules –mais mauvaise pratique.Peutrésoudre desproblèmesponctuels maisce n’estpasl’idéal surdulong terme.  Penseràbienutiliserstructure H1,H2, H3…pour chaque titre il y a unlien.Danschaque lien faire attentionqu’il yaitunmot du titre (Google aime ça).Laisserle H1 pourle grand titre puis penserà utiliserH2 poursoustitre etc…
  5. 5. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication.  Wordpress : il y a une fonctionnalité « lire lasuite »:définirl’endroitoù le contenuseracoupé pour mettre « lire lasuite ».Par defaultmet« lire lasuite ».Astuce : Allezdans le texte source et chercherlarupture et peutallerpersonnaliserlasuite dulibellé.  Pourlesmisesà jour: pas besoinde refaire le site pour une remise àjourmajeure (quandle premierchiffre change).Plusoninstalle d’extensionsplusonrisque qu’iln’yait pasd’évolution de ces extensionsdanslesnouvellesversions.

×