Construire un site de presse avec
                 Wordpress ?




L’exemple de Lagazette.fr
Benjamin LUPU
Dirige une équipe en charge de concevoir et créer les produits
numériques du Groupe Moniteur destinés aux collectivités locales
et dans sur le secteur de l’emploi public et de la construction

Déploie des projets Wordpress depuis 2008




                                                @benjaminlupu

                                                                   1
 Texte ici




              2
Un site d’information et d’emploi fort
d’une communauté de 310 000 inscrits
             (octobre 2011)




                                          3
Destiné aux fonctionnaires territoriaux
    (1,6 millions de professionnels)




                                          4
En position 4 ou 5 du classement OJD des
sites techniques et professionnels français
(800 000 à 1 000 000 visites pour environ
      4 500 000 pages vues par mois)




                                              5
Lagazette.fr, on trouve :


 Des contenus chauds mis à jour quotidiennement (ex.
  Actualité)
 Des contenus froids (ex. Fiches de droit pratique)
 Des contenus en accès libre ou sur abonnement payant
 Des offres d’emploi et des services aux personnes en
  recherche d’emploi (ex. dépôt de CV)
 Des annuaires
 Des forums
 Un agenda et des inscriptions à des événements
 Une newsletter et des alertes emails
 Les archives en ligne du magazine La Gazette des communes

                                                              6
7
La situation en 2009 – Constat


 Un volume important de contenus (ex. 25 000 dépêches
  d’actualité)
 Pas de thématisation
 Beaucoup de contenus statiques (c.-à-d. sous la forme de
  simples fichiers HTML)
 Pas d’enrichissement possible du contenu (ex. intégration de
  vidéos)
 Un CMS maison en ASP (Microsoft Active Server Pages)
 Un design bricolé au fil du temps (problèmes de lisibilité, de
  navigation et d’ergonomie)
 De mauvaises performances d’affichage
                                                                   8
La situation en 2009 – Conséquences


 De nombreux contenus obsolètes
 Des difficultés pour créer de nouveaux contenus
 Des taux d’abandon importants
 Pas de respect des bonnes pratiques et des standards
 Un outil complétement inadapté au travail des journalistes




                                                               9
10
L’identification de Wordpress


 Recherche d’une solution après un premier échec
 Wordpress était déjà employé sur un site du Groupe :
  emploipublic.fr
 Le retour d’expérience de cette intégration a convaincu
  l’équipe projet




                                                            11
L’identification de Wordpress (suite)


 Un back office prêt à l’emploi et personnalisable
 Un CMS intégrant les bonnes pratiques de l’architecture de
  l’information (ex. taxonomies)
 Une édition simple et efficace des contenus
 Un front office qui donne un cadre plus que des contraintes
 Mais…




                                                                12
Des interrogations sur la capacité de
Wordpress à satisfaire aux exigences d’un
            projet d’entreprise
(une solution de blogs, de petits projets…)




                                              13
14
A savoir


 20 mois de projet pendant lesquels le site se construit petit à
  petit
 Le changement de charte graphique fut le dernier lot
 Une attention particulière portée à l’existant (migration des
  contenus, redirections pour le référencement naturel, etc.)
 Développement et intégration d’une cinquantaine de plugins
 L’équipe :
       2 chefs de projet fonctionnels
       2 chefs de projet techniques (dont 1 Wordpress)
       2 à 4 développeurs (dont 1 à 2 développeur(s) Wordpress)
       1 graphiste (pour la déclinaison complète de la charte)
       Des prestataires pour la charte graphique et le développement front office (hors
        intégration Wordpress)
                                                                                       15
Avant


 Une réflexion sur l’architecture de l’information et la manière
  de la transposer dans Wordpress (back office comme front
  office)
 Formats des articles
 Taxonomies
 Suivi d’audience, référencement naturel et permaliens
 Lisibilité, navigation, maillage
 Un apprentissage de Wordpress : l’outil et son écosystème (ex.
  identification et tests des plugins)
 L’intégration de Wordpress dans l’architecture technique

                                                                    16
Wordpress est la brique CMS d’un ensemble
   technique et fonctionnel plus vaste




                                            17
Gestion utilisateur


 Archives du magazine
                                        Système éditorial

Routage emails
                        Wordpress
                                              Annuaires

 Moteur de recherche
                               Forums
                                                            18
Gestion utilisateur


 Archives du magazine
                                        Système éditorial

Routage emails
                        Wordpress
                                              Annuaires

 Moteur de recherche
                               Forums
                                                            19
Gestion utilisateur


 Archives du magazine
                                        Système éditorial

Routage emails
                        Wordpress
                                              Annuaires

 Moteur de recherche
                               Forums
                                                            20
Gestion utilisateur


 Archives du magazine
                                        Système éditorial

Routage emails
                        Wordpress
                                              Annuaires

 Moteur de recherche
                               Forums
                                                            21
Une série de plugins
    d’interface
                        Gestion utilisateur


 Archives du magazine
                                        Système éditorial

Routage emails
                        Wordpress
                                              Annuaires

 Moteur de recherche
                               Forums
                                                            22
23
24
25
26
La gestion des contenus (quelques réalisations)


 Travail sur le regroupement d’articles (enrichissement du
  plugin Organize Series)
 Gestion des mises en avant
 Marquage très fin pour le suivi d’audience
 Droits d’accès aux contenus
 Adaptation du processus de modération des commentaires
 Création à la demande de flux RSS publics ou privés




                                                              27
Au-delà de la gestion de contenu


 Tableaux de bord
 Intégration de Gravity Forms pour la gestion des inscriptions
  aux événements et les retours au service client




                                                                  28
29
Un thème original sans difficulté




                                    30
31
32
33
La performance


 Utilisation du cache Wordpress
 Cache fichier (WP Cache)
 Memcached (WP Memcached Manager)
 CDN du Groupe
 Répartition de charge




                                     34
35
Les gains et les avantages


 La rapidité des développements
 La souplesse du front office
 L’ergonomie et la personnalisation du back office
 La richesse des fonctionnalités et des API
 L’architecture technique légère et claire de la solution
 La rapidité de prise en main pour tous les profils :
  techniques, fonctionnels, utilisateurs
 Donc de manière générale : les coûts plus faibles



                                                             36
Les difficultés


 L’adhésion des profils techniques à la solution
 Trouver des prestataires « classiques »
 Découvrir la solution au fur et à mesure du projet
 Utiliser des versions antérieures à la version 3 (taxonomies et
  custom post types)
 Les passages d’un environnement à l’autre (ex. intégration à
  pré-production)
 L’optimisation et la performance
 La gestion des contenus arborescents (c.-à-d. froids)


                                                                    37
Depuis le lancement


 De nouvelles rubriques avec une attention portée au lien avec
  le papier
 Un système de liens sponsorisés
 Le début de la migration de 3 sites de presse
 2 nouveaux projets ont embarqué Wordpress comme CMS
 Le développement d’un plugin devant piloter les
  Communautés métier du site (sortie prévue en décembre
  2011)
 Une migration en douceur vers la version 3



                                                              38
A venir


   Les contenus arborescents
   Les contenus structurés (ex. les annuaires)
   Les offres d’emploi
   Les utilisateurs
   L’interconnexion avec les réseaux sociaux
   Les nouveaux modes de lecture (on pense au mobile mais pas
    uniquement…)
   L’enrichissement du contenu
   La personnalisation du contenu
   Les événements
   Simplifier la thématisation

                                                             39
40
41
© laurent hamels - Fotolia.com
Une démarche pour convaincre


 Une méfiance similaire à celle envers l’open source et PHP à
  leurs débuts
 Un discours et des bonnes pratiques à développer pour
  séduire le monde professionnel
 Le livre blanc PHP en entreprise de l’AFUP a joué un rôle clé
 Donner un côté professionnel à l’écosystème (notamment les
  livres et les formations)
 Organiser des événements comme celui-ci




                                                                  42
43
Pour que votre Wordpress soit heureux en
    entreprise

 Montées de version
 Veille sur les plugins
 Implication des interlocuteurs techniques (internes ou
  externes)
 Ne perdez pas vos bonnes habitudes (conception, web
  analytics, SEO, industrialisation technique, sécurité, tenue de
  charge etc.)
 Impliquez-vous dans la communauté


                                                                    44
Pour que votre Wordpress soit heureux en
    entreprise

 Montées de version
 Veille sur les plugins
 Implication des interlocuteurs techniques (internes ou
  externes)
 Ne perdez pas vos bonnes habitudes (conception, web
  analytics, SEO, industrialisation technique, sécurité, tenue de
  charge etc.)
 Impliquez-vous dans la communauté


                                                                    45

Construire un site de presse avec Wordpress ?

  • 1.
    Construire un sitede presse avec Wordpress ? L’exemple de Lagazette.fr
  • 2.
    Benjamin LUPU Dirige uneéquipe en charge de concevoir et créer les produits numériques du Groupe Moniteur destinés aux collectivités locales et dans sur le secteur de l’emploi public et de la construction Déploie des projets Wordpress depuis 2008 @benjaminlupu 1
  • 3.
  • 4.
    Un site d’informationet d’emploi fort d’une communauté de 310 000 inscrits (octobre 2011) 3
  • 5.
    Destiné aux fonctionnairesterritoriaux (1,6 millions de professionnels) 4
  • 6.
    En position 4ou 5 du classement OJD des sites techniques et professionnels français (800 000 à 1 000 000 visites pour environ 4 500 000 pages vues par mois) 5
  • 7.
    Lagazette.fr, on trouve:  Des contenus chauds mis à jour quotidiennement (ex. Actualité)  Des contenus froids (ex. Fiches de droit pratique)  Des contenus en accès libre ou sur abonnement payant  Des offres d’emploi et des services aux personnes en recherche d’emploi (ex. dépôt de CV)  Des annuaires  Des forums  Un agenda et des inscriptions à des événements  Une newsletter et des alertes emails  Les archives en ligne du magazine La Gazette des communes 6
  • 8.
  • 9.
    La situation en2009 – Constat  Un volume important de contenus (ex. 25 000 dépêches d’actualité)  Pas de thématisation  Beaucoup de contenus statiques (c.-à-d. sous la forme de simples fichiers HTML)  Pas d’enrichissement possible du contenu (ex. intégration de vidéos)  Un CMS maison en ASP (Microsoft Active Server Pages)  Un design bricolé au fil du temps (problèmes de lisibilité, de navigation et d’ergonomie)  De mauvaises performances d’affichage 8
  • 10.
    La situation en2009 – Conséquences  De nombreux contenus obsolètes  Des difficultés pour créer de nouveaux contenus  Des taux d’abandon importants  Pas de respect des bonnes pratiques et des standards  Un outil complétement inadapté au travail des journalistes 9
  • 11.
  • 12.
    L’identification de Wordpress Recherche d’une solution après un premier échec  Wordpress était déjà employé sur un site du Groupe : emploipublic.fr  Le retour d’expérience de cette intégration a convaincu l’équipe projet 11
  • 13.
    L’identification de Wordpress(suite)  Un back office prêt à l’emploi et personnalisable  Un CMS intégrant les bonnes pratiques de l’architecture de l’information (ex. taxonomies)  Une édition simple et efficace des contenus  Un front office qui donne un cadre plus que des contraintes  Mais… 12
  • 14.
    Des interrogations surla capacité de Wordpress à satisfaire aux exigences d’un projet d’entreprise (une solution de blogs, de petits projets…) 13
  • 15.
  • 16.
    A savoir  20mois de projet pendant lesquels le site se construit petit à petit  Le changement de charte graphique fut le dernier lot  Une attention particulière portée à l’existant (migration des contenus, redirections pour le référencement naturel, etc.)  Développement et intégration d’une cinquantaine de plugins  L’équipe :  2 chefs de projet fonctionnels  2 chefs de projet techniques (dont 1 Wordpress)  2 à 4 développeurs (dont 1 à 2 développeur(s) Wordpress)  1 graphiste (pour la déclinaison complète de la charte)  Des prestataires pour la charte graphique et le développement front office (hors intégration Wordpress) 15
  • 17.
    Avant  Une réflexionsur l’architecture de l’information et la manière de la transposer dans Wordpress (back office comme front office)  Formats des articles  Taxonomies  Suivi d’audience, référencement naturel et permaliens  Lisibilité, navigation, maillage  Un apprentissage de Wordpress : l’outil et son écosystème (ex. identification et tests des plugins)  L’intégration de Wordpress dans l’architecture technique 16
  • 18.
    Wordpress est labrique CMS d’un ensemble technique et fonctionnel plus vaste 17
  • 19.
    Gestion utilisateur Archivesdu magazine Système éditorial Routage emails Wordpress Annuaires Moteur de recherche Forums 18
  • 20.
    Gestion utilisateur Archivesdu magazine Système éditorial Routage emails Wordpress Annuaires Moteur de recherche Forums 19
  • 21.
    Gestion utilisateur Archivesdu magazine Système éditorial Routage emails Wordpress Annuaires Moteur de recherche Forums 20
  • 22.
    Gestion utilisateur Archivesdu magazine Système éditorial Routage emails Wordpress Annuaires Moteur de recherche Forums 21
  • 23.
    Une série deplugins d’interface Gestion utilisateur Archives du magazine Système éditorial Routage emails Wordpress Annuaires Moteur de recherche Forums 22
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
    La gestion descontenus (quelques réalisations)  Travail sur le regroupement d’articles (enrichissement du plugin Organize Series)  Gestion des mises en avant  Marquage très fin pour le suivi d’audience  Droits d’accès aux contenus  Adaptation du processus de modération des commentaires  Création à la demande de flux RSS publics ou privés 27
  • 29.
    Au-delà de lagestion de contenu  Tableaux de bord  Intégration de Gravity Forms pour la gestion des inscriptions aux événements et les retours au service client 28
  • 30.
  • 31.
    Un thème originalsans difficulté 30
  • 32.
  • 33.
  • 34.
  • 35.
    La performance  Utilisationdu cache Wordpress  Cache fichier (WP Cache)  Memcached (WP Memcached Manager)  CDN du Groupe  Répartition de charge 34
  • 36.
  • 37.
    Les gains etles avantages  La rapidité des développements  La souplesse du front office  L’ergonomie et la personnalisation du back office  La richesse des fonctionnalités et des API  L’architecture technique légère et claire de la solution  La rapidité de prise en main pour tous les profils : techniques, fonctionnels, utilisateurs  Donc de manière générale : les coûts plus faibles 36
  • 38.
    Les difficultés  L’adhésiondes profils techniques à la solution  Trouver des prestataires « classiques »  Découvrir la solution au fur et à mesure du projet  Utiliser des versions antérieures à la version 3 (taxonomies et custom post types)  Les passages d’un environnement à l’autre (ex. intégration à pré-production)  L’optimisation et la performance  La gestion des contenus arborescents (c.-à-d. froids) 37
  • 39.
    Depuis le lancement De nouvelles rubriques avec une attention portée au lien avec le papier  Un système de liens sponsorisés  Le début de la migration de 3 sites de presse  2 nouveaux projets ont embarqué Wordpress comme CMS  Le développement d’un plugin devant piloter les Communautés métier du site (sortie prévue en décembre 2011)  Une migration en douceur vers la version 3 38
  • 40.
    A venir  Les contenus arborescents  Les contenus structurés (ex. les annuaires)  Les offres d’emploi  Les utilisateurs  L’interconnexion avec les réseaux sociaux  Les nouveaux modes de lecture (on pense au mobile mais pas uniquement…)  L’enrichissement du contenu  La personnalisation du contenu  Les événements  Simplifier la thématisation 39
  • 41.
  • 42.
    41 © laurent hamels- Fotolia.com
  • 43.
    Une démarche pourconvaincre  Une méfiance similaire à celle envers l’open source et PHP à leurs débuts  Un discours et des bonnes pratiques à développer pour séduire le monde professionnel  Le livre blanc PHP en entreprise de l’AFUP a joué un rôle clé  Donner un côté professionnel à l’écosystème (notamment les livres et les formations)  Organiser des événements comme celui-ci 42
  • 44.
  • 45.
    Pour que votreWordpress soit heureux en entreprise  Montées de version  Veille sur les plugins  Implication des interlocuteurs techniques (internes ou externes)  Ne perdez pas vos bonnes habitudes (conception, web analytics, SEO, industrialisation technique, sécurité, tenue de charge etc.)  Impliquez-vous dans la communauté 44
  • 46.
    Pour que votreWordpress soit heureux en entreprise  Montées de version  Veille sur les plugins  Implication des interlocuteurs techniques (internes ou externes)  Ne perdez pas vos bonnes habitudes (conception, web analytics, SEO, industrialisation technique, sécurité, tenue de charge etc.)  Impliquez-vous dans la communauté 45