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
Atelier pratique : CR CMS - Webassoc 14 avril 2015
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. 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. 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. 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. 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.