Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Fondamentaux e...
Programme du 1er jour Présentation de Drupal (matin) Atelier sur intégration du contenu Atelier sur intégration des menus
Programme du 2ème jour Atelier sur intégration des thèmes Atelier sur intégration de l’outil Panels Atelier sur intégratio...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Positionnement...
Positionnement des CMS CMS et usages du Web 2.0 CMS et gestion de contenu* CMS et organisation du contenu** 
* CMS vs Wiki...
Données publiques 
Données 
privées 
Production 
Agrégation 
Google Drive 
Box 
Basecamp 
Hojoki 
Netvibes 
WordPress 
Joo...
Droits en écriture 
Modèle d’organisation 
Cycle de production 
Finalité 
CMS 
Semi 
ouverts 
Classification 
Longs 
Porta...
Indexation 
Classification 
Classification à facettes 
Drupal 
OUI 
OUI 
 
Joomla 
NON 
 
NON 
Wordpress 
 
OUI 
NON 
D...
Classification : concepts clés Racine [classe de base] Classes hiérarchisées Éléments [individus] 
— 
Remarque. — Les noti...
Racine/classe/élément 
Racine : objet décrivant l’ensemble des éléments à classer. 
Classes : objets dont la fonction est ...
Notion de classe 
« La classe est un regroupement d’objets opéré en fonction d’au moins un attribut commun, qui sert de cr...
Notion de plan de classement 
Le plan de classement désigne l’ensemble des classes qui vont servir de support au rangement...
Types de classement 
Classification hiérarchique : formation d’un plan de classement faisant intervenir des classes hiérar...
Classification et Web 
Dans le contexte du Web, un objet (racine, classe ou élément) correspond à une page Web. 
Plus spéc...
Indexation 
Attribution d’une marque distinctive [indice, descripteur, étiquette, mot clé, tag] renseignant sur le contenu...
Class. à facettes : concepts clés Facette Termes [classes] hiérarchisés Éléments [individus]
Facette/terme/élément 
Facette : objet dont la fonction est de regrouper des termes en privilégiant un point de vue. 
Term...
Notions de facette/terme 
Les facettes, qui regroupent des termes, expriment un point de vue. À l’intérieur de chaque face...
Logiques sous-jacentes 
Classification : logique hiérarchique ; relation d’inclusion entre classes hiérarchisées, relation...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Unité 1.1 Arch...
Modèles d’architecture de base 
A. Modèle d’architecture client-serveur 
B. Modèles plus spécifiques (patterns) Modèle 3-t...
Modèle d’architecture client-serveur 
L’utilisateur accède à des ressources externalisées
Modèle 3-tiers Couche présentation Couche application-métier Couche données
Couche présentation* 
Couche logicielle responsable de la structuration et du formatage du contenu, et, du dialogue avec l...
Couche application* 
Couche logicielle responsable de la logique métier et des services techniques (intégration des couche...
Couche données* 
Couche logicielle responsable du dialogue avec la base de données (écriture-lecture) et de la persistance...
Modèle CRUD Opérateur générique create Opérateur générique read Opérateur générique update Opérateur générique delete
Modèle CRUD (I) 
Opérations d’écriture Opérateur d’insertion : create Opérateur de mise à jour : update Opérateur de suppr...
Modèle CRUD (II) 
Opérations de lecture (read) Opérateur de projection Opérateur de sélection Opérateur de jointure 
Remar...
Plateforme logicielle 
Ce terme désigne les composants logiciels sans lesquels le CMS Drupal ne peut pas fonctionner : 
– ...
Plateforme LAMP Système d’exploitation Linux Serveur HTTP Apache Serveur de base de données MySQL Module applicatif Zend/P...
Ce qu’il faut retenir 
Drupal est un outil multi-utilisateurs orienté communication-marketing dont la principale fonction ...
Back-office Drupal
Front-office Drupal
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Unité 1.2 Arch...
Fonctions de base Drupal Personnalisation des profils « utilisateur » Personnalisation de la mise en page Gestion du conte...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Mise en page (...
Définition des thèmes 
Les thèmes sont des composants logiciels dont la principale fonction est de générer des gabarits. (...
Architecture des gabarits Bloc principal : main content Blocs périphériques - niveau 1 : regions Blocs périphériques - niv...
Remarques sur les thèmes 
Les thèmes fournissent un jeu de positions sur lesquelles — depuis le back-office — l’utilisateu...
BLOC 1 
BLOC 2 
BLOC 3
Coût de solutions alternatives Acheter un thème: 50 euros Utiliser le logiciel Artisteer : 129,95 euros [Faire] coder le t...
Processus standard 
1.Utiliser Artisteer pour tester 
2.Configurer le thème acheté 
3.Personnaliser le code à la marge 
— ...
Quelques acteurs du design Themebrain (Drupal) YOOtheme (Joomla et Wordpress) RocketTheme (Joomla et Wordpress) JoomlArt (...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Vocabulaire, t...
Organisation du contenu 
Drupal fait intervenir la notion de vocabulaire, équivalente à la notion de facette dans le domai...
Classement des pages 
Une terme de niveau inférieur ne peut pas être inclus dans plusieurs termes de niveau supérieur. 
Un...
Modèle d’organisation n°1 
Vocabulaires = { Espèces } 
Termes = { Animal, TB, TC, Félidés, TE } 
Espèces 
TB 
TC 
Animal 
...
Modèle d’organisation n°2 
Règne 
V2 
Famille 
Vocabulaires = { Règne, V2, Famille } ; termes = { Animal, TB, TC, Félidés,...
Modèle d’organisation n°3 
TB 
TC 
Animal 
TE 
Félidés 
Règne 
V2 
Famille 
Extinction 
Surexploitation 
Espèces menacées ...
Liens utiles Systématique | Wikipedia Taxinomie | Wikipedia Rangs Taxinomiques | Wikipedia Taxon | Wikipedia
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Identifiant, l...
Processus de création 
1.Définition de l’identifiant du menu 
2.Définition des liens du menu 
3.Génération du bloc associé...
Trois types de lien 
1.Lien pointant vers terme 
2.Lien pointant vers noeud 
3.Lien pointant vers une application
Lien sur noeud 
http://www.[domaine]/node/[id_noeud]
Lien sur terme 
http://www.[domaine]/taxonomy/term/[id_terme]
Lien sur module Contact 
http://www.[domaine]/contact
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Rôles et droit...
Rôles prédéfinis Anonymous User Authenticated User Administrator
Droits associés
Cas du module Contact 
Anonymous User : Lecture/Écriture 
Authenticated User : Lecture/Écriture 
Administrator : Lecture/É...
Liens utiles Documentation | drupal.org General concepts | drupal.org About taxonomy | drupal.org Guidelines for taxonomy ...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Sites ...
Quelques références http://www.whitehouse.gov/ http://www.nasa.gov/ http://www.mediapart.fr/
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Drupal...
Drupal - Joomla - WordPress 
« Drupal, Joomla et WordPress […] arrivent […] en tête des réponses à nos différentes questio...
Demande des utilisateurs 
Source : Google Trends.
Parts de marché sept. 2013 
“How to read the diagram: 66.2% of the websites use none of the content management systems tha...
Parts de marché sept. 2012 
Source : Web3Techs. 
“How to read the diagram: 69.1% of the websites use none of the content m...
Tendances 2012-2013 
Les CMS gagnent 2,9% en passant de 30,9% à 33,8%. Drupal affiche la plus forte progression : 
– Drupa...
Statistiques des trois portails 
Source : Alexa.
Comparaison des trois CMS 
Critère 
Définition 
Critère 01 : INS 
Hébergement et facilité d’installation 
Critère 02 : CAB...
Comparaison des trois CMS 
Critère 
Définition 
Critère 07 : WOR 
Workflow (gestion des droits) 
Critère 08 : WEB2 
Foncti...
Drupal vs Joomla
Joomla vs Wordpress
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Rédact...
Critères de référence Adéquation-pertinence (Relevance) Originalité (Insight) Clarté (Simplicity) Profondeur (Depth) Mise ...
Métriques de référence Entre 55 et 65 caractères par ligne Pas plus de 10 segments par page Au moins 300 mots par page Pas...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Annexe 
Princi...
Google 
“Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text l...
SEOMOZ 
“Variables that search engines can take into account directly : keyword placement, links and site structure.” 
— 
...
SEO Gold 
“The directory structure tends to mimic the link or navigation structure of the site [et inversement].” 
— 
Sour...
More than 4 Links 
“If it takes at least 4 links to go from your home page to the deepest pages of your website some might...
Structurer les pages 
Deux niveaux de classement… CN1 : catégories N1 - pages de niveau 1 CN2 : catégories N2 - pages de n...
Niveau de classement 
La notion de niveau de classement ne peut s’appliquer qu’aux pages qui désignent des classes [catégo...
Hors niveaux de classement 
Page d’accueil : elle constitue la racine du site, elle sert à décrire l’ensemble des pages qu...
Niveaux hiérarchiques 
Un site Web faisant appel à n niveaux de classement fait intervenir n+2 niveaux hiérarchiques compr...
Hiérarchiser les liens du menu 
… correspondent à trois clics Liens N1 pointent vers catégories N1 Liens N2 pointent vers ...
Hiérarchiser les mots clés Mots clés N1 associés aux catégories N1 Mots clés N2 associés aux catégories N2 Mots clés N3 as...
Structurer le texte des pages Titre : title et h1 : 10 mots clés max. Descriptif : 20 mots clés max. Sous-titres (titraill...
Méthodologie Lister les thèmes i.e. mots clés du site Normaliser la sémantique des mots clés Hiérarchiser les mots clés Di...
Frédéric Simonet 
Formateur Entreprise 2.0 
Email : frederic.simonet@yourwebsite.fr 
Tél. : 06 62 63 94 49 
Siloing du con...
Siloing : structure des pages
Siloing : structure des liens
Siloing (I) 
“The home page links out to just the top- level landing pages of the site.” 
— 
Source : « How to Theme a Web...
Virtual Siloing (II) 
“Pages within a particular silo can be freely linked between, but links should not cross over to pag...
Étude de cas Heifer
Étude de cas Adamence
Prochain SlideShare
Chargement dans…5
×

Drupal 7 - Fondamentaux et ateliers

975 vues

Publié le

Support de formation

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

Aucun téléchargement
Vues
Nombre de vues
975
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
33
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Drupal 7 - Fondamentaux et ateliers

  1. 1. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Fondamentaux et ateliers Drupal 7 Année 2013/2014 ADBS-INTD
  2. 2. Programme du 1er jour Présentation de Drupal (matin) Atelier sur intégration du contenu Atelier sur intégration des menus
  3. 3. Programme du 2ème jour Atelier sur intégration des thèmes Atelier sur intégration de l’outil Panels Atelier sur intégration de l’outil Views
  4. 4. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Positionnement de Drupal en tant que CMS Préambule
  5. 5. Positionnement des CMS CMS et usages du Web 2.0 CMS et gestion de contenu* CMS et organisation du contenu** * CMS vs Wikis/Blogs. ** Drupal vs Joomla/Wordpress
  6. 6. Données publiques Données privées Production Agrégation Google Drive Box Basecamp Hojoki Netvibes WordPress Joomla Drupal CMS et Web 2.0 en terme d’usages : publication de contenu.
  7. 7. Droits en écriture Modèle d’organisation Cycle de production Finalité CMS Semi ouverts Classification Longs Portails institutionnels Wiki Ouverts Classification et indexation Très courts Portails encyclopédiques [mis en oeuvre dans un contexte collaboratif] Blog Fermés Indexation Courts Actualités CMS et gestion de contenu : CMS vs Blogs et Wikis.
  8. 8. Indexation Classification Classification à facettes Drupal OUI OUI  Joomla NON  NON Wordpress  OUI NON Drupal et ses concurrents en terme d’organisation du contenu.
  9. 9. Classification : concepts clés Racine [classe de base] Classes hiérarchisées Éléments [individus] — Remarque. — Les notions de racine, classe et élément se définissent comme des objets (terme générique).
  10. 10. Racine/classe/élément Racine : objet décrivant l’ensemble des éléments à classer. Classes : objets dont la fonction est de regrouper des objets (classes ou éléments) de plus bas niveau. Éléments : objets constituant la collection à organiser (article d’un site Web).
  11. 11. Notion de classe « La classe est un regroupement d’objets opéré en fonction d’au moins un attribut commun, qui sert de critère distinctif. » — Source : Jacques MANIEZ, p. 231, « Trois composantes fondamentales des langages documentaires », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002.
  12. 12. Notion de plan de classement Le plan de classement désigne l’ensemble des classes qui vont servir de support au rangement des éléments. — Source : Jacques MANIEZ, p. 230, « Trois composantes fondamentales des langages documentaires », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002.
  13. 13. Types de classement Classification hiérarchique : formation d’un plan de classement faisant intervenir des classes hiérarchisées. Classement catégoriel : affectation d’un élément à une classe. Classement relatif : attribution d’une place ou d’un rang à un élément.
  14. 14. Classification et Web Dans le contexte du Web, un objet (racine, classe ou élément) correspond à une page Web. Plus spécifiquement, la notion de racine correspond à la page d’accueil, les classes deviennent des rubriques, les éléments des pages élémentaires (articles).
  15. 15. Indexation Attribution d’une marque distinctive [indice, descripteur, étiquette, mot clé, tag] renseignant sur le contenu d’un document [qui peut être une page Web]. — Source : Jacques MANIEZ, p. 144, « Les problèmes de l’indexation », Actualité des langages documentaires - Fondements théoriques de la recherche d'information, éd. ADBS, 2002.
  16. 16. Class. à facettes : concepts clés Facette Termes [classes] hiérarchisés Éléments [individus]
  17. 17. Facette/terme/élément Facette : objet dont la fonction est de regrouper des termes en privilégiant un point de vue. Terme : objet jouant le rôle d’une classe. Élément : objet de la collection pouvant être assigné à des termes qui appartiennent à des facettes distinctes.
  18. 18. Notions de facette/terme Les facettes, qui regroupent des termes, expriment un point de vue. À l’intérieur de chaque facette, les termes sont distribués hiérarchiquement. — Source : Jacques CHAUMIER, p. 65, « Les langages documentaires », Les techniques documentaires, éd. PUF, 1979.
  19. 19. Logiques sous-jacentes Classification : logique hiérarchique ; relation d’inclusion entre classes hiérarchisées, relation d’appartenance entre un élément et sa classe de référence. Indexation : logique combinatoire. Classification à facettes : logiques combinatoire et hiérarchique.
  20. 20. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Unité 1.1 Arch. logicielle de Drupal Client-serveur, 3-tiers, CRUD
  21. 21. Modèles d’architecture de base A. Modèle d’architecture client-serveur B. Modèles plus spécifiques (patterns) Modèle 3-tiers Modèle MVC (Modèle-Vue-Contrôleur) Modèle CRUD
  22. 22. Modèle d’architecture client-serveur L’utilisateur accède à des ressources externalisées
  23. 23. Modèle 3-tiers Couche présentation Couche application-métier Couche données
  24. 24. Couche présentation* Couche logicielle responsable de la structuration et du formatage du contenu, et, du dialogue avec l’utilisateur. — Langages : (X)HTML, CSS et Javascript. * Les scripts sont exécutés par le poste client.
  25. 25. Couche application* Couche logicielle responsable de la logique métier et des services techniques (intégration des couches présentation et données notamment). — Langage applicatif des trois CMS : PHP * Les scripts sont exécutés par le serveur.
  26. 26. Couche données* Couche logicielle responsable du dialogue avec la base de données (écriture-lecture) et de la persistance des données. — Langage de requête des trois CMS : SQL * Les requêtes sont exécutées par le serveur [moteur] de base de données.
  27. 27. Modèle CRUD Opérateur générique create Opérateur générique read Opérateur générique update Opérateur générique delete
  28. 28. Modèle CRUD (I) Opérations d’écriture Opérateur d’insertion : create Opérateur de mise à jour : update Opérateur de suppression : delete Remarque. — Les droits en écriture sont définis à partir de ces trois opérateurs élémentaires.
  29. 29. Modèle CRUD (II) Opérations de lecture (read) Opérateur de projection Opérateur de sélection Opérateur de jointure Remarque. — Les droits en lecture sont définis à partir de ces trois opérateurs élémentaires.
  30. 30. Plateforme logicielle Ce terme désigne les composants logiciels sans lesquels le CMS Drupal ne peut pas fonctionner : – un serveur HTTP ; – « le » module applicatif Zend-PHP* ; – un serveur de base de données ; – et un système d’exploitation. * Serveur de pages Web. ** Extension du serveur HTTP.
  31. 31. Plateforme LAMP Système d’exploitation Linux Serveur HTTP Apache Serveur de base de données MySQL Module applicatif Zend/PHP
  32. 32. Ce qu’il faut retenir Drupal est un outil multi-utilisateurs orienté communication-marketing dont la principale fonction est de simplifier la publication de contenu sur le Web.
  33. 33. Back-office Drupal
  34. 34. Front-office Drupal
  35. 35. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Unité 1.2 Arch. fonctionnelle de Drupal Mise en page (layout),contenu et menus
  36. 36. Fonctions de base Drupal Personnalisation des profils « utilisateur » Personnalisation de la mise en page Gestion du contenu* Gestion des menus** Intégration des extensions * Organisation puis classement du contenu. ** Maillage des pages du site.
  37. 37. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Mise en page (layout) Architecture des pages
  38. 38. Définition des thèmes Les thèmes sont des composants logiciels dont la principale fonction est de générer des gabarits. (Ils déterminent aussi le comportement des menus.)
  39. 39. Architecture des gabarits Bloc principal : main content Blocs périphériques - niveau 1 : regions Blocs périphériques - niveau 2 : blocks Remarque. — Une région peut contenir plusieurs blocs ; un bloc ne peut être assigné qu’à une seule région.
  40. 40. Remarques sur les thèmes Les thèmes fournissent un jeu de positions sur lesquelles — depuis le back-office — l’utilisateur ne peut pas agir*. Le rôle de l’utilisateur se limite à la définition [création] de blocs ; un bloc est nécessairement lié à une des régions disponibles. * Les régions ne contenant aucun bloc ne sont pas affichées.
  41. 41. BLOC 1 BLOC 2 BLOC 3
  42. 42. Coût de solutions alternatives Acheter un thème: 50 euros Utiliser le logiciel Artisteer : 129,95 euros [Faire] coder le thème : 3 000 euros
  43. 43. Processus standard 1.Utiliser Artisteer pour tester 2.Configurer le thème acheté 3.Personnaliser le code à la marge — Commentaire. — Cette approche réduit les coûts tout en garantissant un thème à la fois opérationnel et personnalisé.
  44. 44. Quelques acteurs du design Themebrain (Drupal) YOOtheme (Joomla et Wordpress) RocketTheme (Joomla et Wordpress) JoomlArt (Joomla) Portail Best of Joomla
  45. 45. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Vocabulaire, terme et noeud Gestion du contenu
  46. 46. Organisation du contenu Drupal fait intervenir la notion de vocabulaire, équivalente à la notion de facette dans le domaine de la classification à facettes. Chaque vocabulaire désigne un plan de classement constitué de classes que Drupal appelle des termes. Modèle d’organisation de Drupal : classification à facettes.
  47. 47. Classement des pages Une terme de niveau inférieur ne peut pas être inclus dans plusieurs termes de niveau supérieur. Un noeud peut appartenir à plusieurs termes… d’un même vocabulaire ou de plusieurs vocabulaires.
  48. 48. Modèle d’organisation n°1 Vocabulaires = { Espèces } Termes = { Animal, TB, TC, Félidés, TE } Espèces TB TC Animal TE Félidés Terme Vocabulaire
  49. 49. Modèle d’organisation n°2 Règne V2 Famille Vocabulaires = { Règne, V2, Famille } ; termes = { Animal, TB, TC, Félidés, TE } TB TC Animal TE Félidés
  50. 50. Modèle d’organisation n°3 TB TC Animal TE Félidés Règne V2 Famille Extinction Surexploitation Espèces menacées Section Catégorie TIGRE
  51. 51. Liens utiles Systématique | Wikipedia Taxinomie | Wikipedia Rangs Taxinomiques | Wikipedia Taxon | Wikipedia
  52. 52. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Identifiant, liens et bloc Gestion des menus
  53. 53. Processus de création 1.Définition de l’identifiant du menu 2.Définition des liens du menu 3.Génération du bloc associé — Remarques : – Drupal permet de définir plusieurs menus ; – les liens sont affichés dans le bloc périphérique.
  54. 54. Trois types de lien 1.Lien pointant vers terme 2.Lien pointant vers noeud 3.Lien pointant vers une application
  55. 55. Lien sur noeud http://www.[domaine]/node/[id_noeud]
  56. 56. Lien sur terme http://www.[domaine]/taxonomy/term/[id_terme]
  57. 57. Lien sur module Contact http://www.[domaine]/contact
  58. 58. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Rôles et droits associés Gestion des droits
  59. 59. Rôles prédéfinis Anonymous User Authenticated User Administrator
  60. 60. Droits associés
  61. 61. Cas du module Contact Anonymous User : Lecture/Écriture Authenticated User : Lecture/Écriture Administrator : Lecture/Écriture
  62. 62. Liens utiles Documentation | drupal.org General concepts | drupal.org About taxonomy | drupal.org Guidelines for taxonomy | drupal.org Content types | drupal.org Glossary | drupal.org
  63. 63. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Sites Web Drupal
  64. 64. Quelques références http://www.whitehouse.gov/ http://www.nasa.gov/ http://www.mediapart.fr/
  65. 65. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Drupal vs Joomla vs Wordpress
  66. 66. Drupal - Joomla - WordPress « Drupal, Joomla et WordPress […] arrivent […] en tête des réponses à nos différentes questions […] : popularité, utilisation, CMS préférés, CMS recommandés, etc. » — Source : Vincent MAUCORPS (Smile), CMS open source : pénétration, usages et appréciations*(pdf). * Livre blanc publié en 2013.
  67. 67. Demande des utilisateurs Source : Google Trends.
  68. 68. Parts de marché sept. 2013 “How to read the diagram: 66.2% of the websites use none of the content management systems that we monitor. WordPress is used by 19.6% of all the websites, that is a content management system market share of 57.9%.” Source : Web3Techs.
  69. 69. Parts de marché sept. 2012 Source : Web3Techs. “How to read the diagram: 69.1% of the websites use none of the content management systems that we monitor. WordPress is used by 16.8% of all the websites, that is a content management system market share of 54.4%.”
  70. 70. Tendances 2012-2013 Les CMS gagnent 2,9% en passant de 30,9% à 33,8%. Drupal affiche la plus forte progression : – Drupal : +10% ; – Joomla : +7,9% ; – Wordpress : +6,4%.
  71. 71. Statistiques des trois portails Source : Alexa.
  72. 72. Comparaison des trois CMS Critère Définition Critère 01 : INS Hébergement et facilité d’installation Critère 02 : CAB Coût d’acquisition pour site de - de 15 pages ou un blog Critère 03 : CAH Coût d’acquisition pour des sites complexes Critère 04 : IHM Flexibilité c.-à-d. modularité du design Critère 05 : DES Ergonomie c.-à-d. utilisabilité du back-office Critère 06 : CON Organisation du contenu Source : Idealware.
  73. 73. Comparaison des trois CMS Critère Définition Critère 07 : WOR Workflow (gestion des droits) Critère 08 : WEB2 Fonctions 2.0 : gestion des commentaires, RSS, etc. Critère 09 : EXT Extensibilité et interopérabilité avec applications tiers Critère 10 : SCA Scalabilité et sécurité Critère 11 : MAI Maintenabilité (facilité de modification et stabilité du noyau) Critère 12 : SUP Support (importance de la communauté) Source : Idealware.
  74. 74. Drupal vs Joomla
  75. 75. Joomla vs Wordpress
  76. 76. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Rédaction du contenu - critères et métriques
  77. 77. Critères de référence Adéquation-pertinence (Relevance) Originalité (Insight) Clarté (Simplicity) Profondeur (Depth) Mise en perspective (Breadth) Source : Tito PHILIPS, « The 5 Elements of Authoritative Content », problogger.net.
  78. 78. Métriques de référence Entre 55 et 65 caractères par ligne Pas plus de 10 segments par page Au moins 300 mots par page Pas plus de 120 mots par paragraphe
  79. 79. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Annexe Principes du SEO
  80. 80. Google “Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text link.” — Source : « Webmaster Guidelines », google.com.
  81. 81. SEOMOZ “Variables that search engines can take into account directly : keyword placement, links and site structure.” — Source : « How usability experience and content affect search engine rankings », seomoz.org - moz.com.
  82. 82. SEO Gold “The directory structure tends to mimic the link or navigation structure of the site [et inversement].” — Source : « SEO Tutorial - Web Site Optimization », seo-gold.com.
  83. 83. More than 4 Links “If it takes at least 4 links to go from your home page to the deepest pages of your website some might be missed by the search engine spiders.” — Source : « SEO Tutorial - Web Site Optimization », seo-gold.com.
  84. 84. Structurer les pages Deux niveaux de classement… CN1 : catégories N1 - pages de niveau 1 CN2 : catégories N2 - pages de niveau 2 PN3 : pages élémentaires de niveau 3 Directory Structure – SEO
  85. 85. Niveau de classement La notion de niveau de classement ne peut s’appliquer qu’aux pages qui désignent des classes [catégories], dont la fonction est de segmenter le contenu. Ni la page d’accueil, ni les pages élémentaires ne peuvent être considérées comme des niveaux de classement.
  86. 86. Hors niveaux de classement Page d’accueil : elle constitue la racine du site, elle sert à décrire l’ensemble des pages qui constituent le site. Pages élémentaires : ce sont les pages de plus bas niveau qui, par définition, sont indivisibles.
  87. 87. Niveaux hiérarchiques Un site Web faisant appel à n niveaux de classement fait intervenir n+2 niveaux hiérarchiques comprenant : – page d’accueil ; – n niveaux intermédiaires ; – niveau élémentaire.
  88. 88. Hiérarchiser les liens du menu … correspondent à trois clics Liens N1 pointent vers catégories N1 Liens N2 pointent vers catégories N2 Liens N3 pointent vers pages N3 Navigation Structure – SEO
  89. 89. Hiérarchiser les mots clés Mots clés N1 associés aux catégories N1 Mots clés N2 associés aux catégories N2 Mots clés N3 associés aux pages N3 Keywords off Page – SEO
  90. 90. Structurer le texte des pages Titre : title et h1 : 10 mots clés max. Descriptif : 20 mots clés max. Sous-titres (titraille) : h2, h3…, h6 Entrées : strong Texte courant : em Keywords on Page – SEO
  91. 91. Méthodologie Lister les thèmes i.e. mots clés du site Normaliser la sémantique des mots clés Hiérarchiser les mots clés Dissocier les plans de classement
  92. 92. Frédéric Simonet Formateur Entreprise 2.0 Email : frederic.simonet@yourwebsite.fr Tél. : 06 62 63 94 49 Siloing du contenu et des menus SEO : technique avancée
  93. 93. Siloing : structure des pages
  94. 94. Siloing : structure des liens
  95. 95. Siloing (I) “The home page links out to just the top- level landing pages of the site.” — Source : « How to Theme a Web Site for Clear Subject Relevance », bruceclay.com.
  96. 96. Virtual Siloing (II) “Pages within a particular silo can be freely linked between, but links should not cross over to pages in different silos.” — Source : « How to Theme a Web Site for Clear Subject Relevance », bruceclay.com.
  97. 97. Étude de cas Heifer
  98. 98. Étude de cas Adamence

×