Architecture de l'information pour WordPress
Architecture
de l’information
pour
2
L'architecture de l'information
(AI) est l'art d'exprimer un
modèle ou un concept
d'information utilisé dans des
activités exigeant des détails
explicites dans des systèmes
complexes.
3
Mark A Coleman
4
Organiser vos contenus
5
Organiser vos contenus
pour que l’utilisateur trouve ce
qu’il cherche
6
Organiser vos contenus
pour que l’utilisateur trouve ce
que voudriez qu’il trouve
7
Organiser vos contenus
pour que vous puissiez créer et
classer vos contenus
efficacement
8
Organiser vos contenus
pour que vos contenus soient
pérennes et évolutifs
9
Les symptômes
souvent on se lance rapidement dans :
• une arborescence
• la définition des onglets de navigation,
du fil d’Ariane…
Tout est simple… au début
Architecture de l'information pour WordPress
Architecture de l'information pour WordPress
12
Et puis…
• On découvre des défauts de conception
au moment de la saisie
• On a du mal à choisir les modes de
navigation ou ils ne fonctionnent pas
• On est bloqué au moment d’ajouter
une rubrique
13
WordPress offre un cadre riche et
efficace à l’architecture de
l’information.
L’idée est d’en tirer le maximum.
14
Systèmes de navigation
Classer les contenus
Structurer les contenus
15
Systèmes de navigation
Classer les contenus
Structurer les contenus
Structurer vos
contenus
16
17
Le plus souvent, le format est
défini par les champs qui
décrivent le contenu
• Titre
• Extrait
• Texte
• Auteur
• Image à la une
Je suis un article
18
Le plus souvent, le format est
défini par les champs qui
décrivent le contenu
• Titre
• Extrait
• Texte
• Auteur
• Image à la une
Champs par défaut
19
? ?
?
Image à la une
Texte
Titre
Extrait
20
?
?
Image à la une
• La taille peut être
intégrée au texte
• Elle peut être dans
un champ à part
• Elle peut être dans
2 champs
(longueur et
largeur)
21
?
?
Image à la une
En créant 2 champs,
on se donne la
possibilité de laisser
l’utilisateur afficher
toutes les tables
d’une certaine
largeur (par
exemple).
22
Dans WordPress, on utilise les
champs personnalisés pour
ajouter des champs à un type
contenu
23
On peut ajouter des champs
personnalisés :
• à la main
• avec une extension maison
• en utilisant des extensions spécialisées
comme Advanced Custom Fields
24
Clé
Valeur
25
Advanced Custom Fields
26
27
{Bonus} N’ajoutez pas vos champs
personnalisés avec un thème.
Vos contenus doivent être
indépendants de l’apparence du
site. Vous me remercierez à la
prochaine refonte ;-)
28
{Bonus} N’abusez pas des champs
personnalisés, ils alourdissent la
saisie. Si c’est juste une question
d’affichage, basez-vous sur un
code HTML bien structuré et
éventuellement des shortcodes.
Identifier vos
contenus
29
30
Faire la liste de chaque type de
contenu
• Article d’actualité
• Fiche métier
• Fiche beauté
• Recette de cuisine
• 10 conseils santé
• Tutoriel
• Biographie auteur
• Conférence
• Offre d’emploi
31
{Bonus} contenu = article.
Une offre d’emploi est un
contenu. C’est aussi le cas des
fiches produits, de la bio d’un
conférencier…
32
Bien identifier un type de
contenu
• Article d’actualité politique
• Article d’actualité culturelle
• Article d’actualité économique
Un type de contenu se
distingue par son format
33
Par défaut, WordPress met à
disposition 2 types de contenus :
les articles et les pages.
Les articles s’empilent par ordre de
publication.
34
Par défaut, WordPress met à
disposition 2 types de contenus :
les articles et les pages.
Les pages sont liées les unes aux autres et
forment une arborescence.
35
Les articles et les pages sont un
héritage des débuts de
WordPress.
Articles de blog et pages statiques
comme la page à propos.
36
Les articles et les pages sont un
héritage des débuts de
WordPress.
Aucun problème pour les utiliser tels
quels. Mais vous pouvez aussi décider de
les détourner.
37
Les articles et les pages peuvent
être étendus avec des champs
personnalisés.
38
On peut ajouter d’autres types de
contenus
Les types de contenu
personnalisés.
39
Les types de contenu
personnalisés peuvent eux aussi
être étendus avec des champs
personnalisés.
On peut donc avoir un format de contenu
pour chaque type de contenu
personnalisé.
40
Ex. de type de contenu personnalisé
41
42
{Bonus} Lorsque vous ajoutez un
type de contenu personnalisé,
WordPress crée tous les écrans
d’administration nécessaires
automatiquement o/.
43
Comment faire ?
• Une liste de tous les types de contenu
précisant comment le réaliser dans
WordPress
• Pour chaque type de contenu, la liste
de ses champs (avec éventuellement
ses contraintes)
44
Comment faire ?
• Une ou plusieurs extensions en charge
d’ajouter les types de contenus
personnalisés et les champs
personnalisés
Classer vos contenus
45
46
On utilise des taxonomies
47
Mark A Coleman
48
On utilise des taxonomies des
plans de classement.
Par défaut, WordPress fournit les
taxonomies Catégories et Étiquettes pour
les articles.
49
On utilise des taxonomies des
plans de classement.
Les Catégories forment une arborescence
et les Étiquettes sont des mots-clés.
50
Les taxonomies par défaut
de WordPress
51
L’écran d’administration
des catégories
52
A l’origine,
Catégories = navigation principale
Étiquettes = navigation secondaire
accessible depuis les articles
53
{Bonus} Taxonomie = navigation
Un système de navigation peut
combiner plusieurs taxonomies.
54
Systèmes de navigation
Taxonomies
Types de contenu
55
C’est à vous de décider du rôle
que jouera chaque taxonomie.
56
Pour chaque élément d’une
taxonomie, vous pouvez afficher
les contenus qui lui sont
rattachés.
Ex. Afficher les contenus de la Catégorie
Actualité.
57
On peut ajouter des taxonomies
personnalisées
• Métiers
• Pays
• Matériaux
• Familles d’animaux
• Âges
• Villes
• Peintures
• Types de cuisine
• Tailles de bateaux
58
Ex. de taxonomie personnalisée
59
Les taxonomies peuvent être
partagées entre plusieurs types
de contenu.
Ex. les Catégories peuvent être partagées
entre les Articles et les Événements.
60
Partager une taxonomie
61
Les taxonomies sont des
formidables outils pour
regrouper les contenus quel que
soient leur types.
62
Ça permet d’avoir des listes
mélangeant plusieurs types de
contenu.
Ex. On pourra afficher les Articles et les
Événements pour une Catégorie donnée.
63
{Bonus} Lorsque vous ajoutez une
taxonomie personnalisée,
WordPress crée tous les écrans
d’administration nécessaires
automatiquement o/.
64
Comment faire ?
• Listez les taxonomies disponibles pour
chaque type de contenu
• Définissez comment chaque système de
navigation exploite vos taxonomies et
vos types de contenu.
Quelques pièges
65
66
• Évitez les recouvrements entre les
champs personnalisés, les types de
contenu et les taxonomies.
67
• Ne confondez pas taxonomie et
navigation.
Une navigation peut exploiter plusieurs
taxonomies et avoir des libellés
différents.
68
• Ne confondez pas taxonomie et
navigation.
Les navigations sont destinées aux
utilisateurs. Les taxonomies servent à
organiser vos contenus de manière
pérenne.
69
• Prenez l’habitude d’avoir une
taxonomie principale sans multi-
indexation – pratique pour l’analytics
notamment.
70
• Chaque élément d’une taxonomie doit
être utile.
Évitez les redondances et les éléments
auxquels aucun contenu n’est rattaché –
essentiel pour le SEO !
71
Il est courant que certaines
parties de contenu soient
partagées par plusieurs
contenus.
Ex. la définition d’un mot, l’étape d’une
recette de cuisine…
72
• Évitez de répéter un même contenu à
plusieurs endroits
Vous pouvez imbriquer vos contenus ou
les lier les uns aux autres (ex. en utilisant
un shortcode).
Aller plus loin
73
74
Les évolutions de WordPress
• Ex. Depuis WordPress 4.4 on peut
ajouter des champs personnalisés pour
les taxonomies o/.
>>> 16:30 Taxonomy Term Meta par Matt Perry
75
Les méthodes pour :
• créer des systèmes de navigation
efficaces
• hiérarchiser ces moyens de navigation
• trouver les termes que vont
comprendre vos utilisateurs
76
77
Le suivi statistique de l’audience
et de la production de contenu
pour vérifier :
• que l’organisation des contenus est bien
exploitée
• que les systèmes de navigation
remplissent leur rôle
78
Benjamin LUPU
Directeur digital Jeune Afrique
@benjaminlupu
Mobile (WP-AppKit)
Analytics
UX
Développement
UX
Marketing
Projets
79
Mark A Coleman
Merci

Contenu connexe

ODP
Les taxonomies, un système flexible et puissant - WordCamp Bordeaux 2017
PDF
Formation cloud site-referencement-twitter
PPTX
Projet Plateforme de Partage de Contenus Multimédias (3)
PDF
Utiliser WordPress
PPTX
Prise en main de WordPress
PPTX
Projet Plateforme de Partage de Contenus Multimédias 2013 (3/5)
PDF
Guide wordpress pour_collections_numeriques
PPTX
Séance 3: projet PPCM 2014
Les taxonomies, un système flexible et puissant - WordCamp Bordeaux 2017
Formation cloud site-referencement-twitter
Projet Plateforme de Partage de Contenus Multimédias (3)
Utiliser WordPress
Prise en main de WordPress
Projet Plateforme de Partage de Contenus Multimédias 2013 (3/5)
Guide wordpress pour_collections_numeriques
Séance 3: projet PPCM 2014

Tendances (10)

PDF
WordPress
PPT
Tutoriel SPIP
PPT
Créer un blog sur WordPress
KEY
WordPress en tant que CMS
PDF
WordPress Bases e-learning
PDF
Creer un site internet sous WordPress
PDF
Wordpress meetup
PPTX
Support de formation pour Wordpress
PPTX
Presentation joomla
WordPress
Tutoriel SPIP
Créer un blog sur WordPress
WordPress en tant que CMS
WordPress Bases e-learning
Creer un site internet sous WordPress
Wordpress meetup
Support de formation pour Wordpress
Presentation joomla
Publicité

Similaire à Architecture de l'information pour WordPress (20)

PPTX
WordPress et SEO - SEOCampus 2013
KEY
Histoires de CMS
PDF
Guide d'utilisation Scoop.it
PDF
Fichepratique blog c_di_pietro_juin2014
PPT
Formation Hypotheses.org - Mars 2012
PPTX
CMS et Wordpress
PPT
Presentation & Tour d'horizon scoop.it
 
PPTX
Tutoriel express pour Omeka sur Omeka.net
PPTX
Stratégie SEO avec WordPress
PPTX
Formation wordpress partie1
PDF
Le Contenu, pilier principal du Référencement Naturel
PDF
Comment réussir sa stratégie de contenu grâce à la data SEO
PPT
Usage des blogs dans les bibliothèques
PDF
Composant optimisation seo
PDF
Drupal 7 - Fondamentaux et ateliers
PDF
Webinar engagement curation
PDF
Blog sur Wordpress.com
PDF
Découvrez Scoopit et ses Topics
PPT
Cours CMS pour Développement Web Ing Info
PDF
Wordpress notes de cours
WordPress et SEO - SEOCampus 2013
Histoires de CMS
Guide d'utilisation Scoop.it
Fichepratique blog c_di_pietro_juin2014
Formation Hypotheses.org - Mars 2012
CMS et Wordpress
Presentation & Tour d'horizon scoop.it
 
Tutoriel express pour Omeka sur Omeka.net
Stratégie SEO avec WordPress
Formation wordpress partie1
Le Contenu, pilier principal du Référencement Naturel
Comment réussir sa stratégie de contenu grâce à la data SEO
Usage des blogs dans les bibliothèques
Composant optimisation seo
Drupal 7 - Fondamentaux et ateliers
Webinar engagement curation
Blog sur Wordpress.com
Découvrez Scoopit et ses Topics
Cours CMS pour Développement Web Ing Info
Wordpress notes de cours
Publicité

Plus de Benjamin LUPU (8)

PDF
Construire une PWA connectée à WordPress
PPTX
Devenir un utilisateur actif de Google Analytics
PDF
Building a mobile app connected to WordPress with WP-AppKit
PPTX
WordPress comme back office d'applications mobiles
PPTX
Wordpress as a Back Office for Mobile Applications
PDF
Réaliser une application mobile pour un groupe de presse avec PhoneGap
PPTX
L'analytics au service de vos contenus ?
PPTX
Construire un site de presse avec Wordpress ?
Construire une PWA connectée à WordPress
Devenir un utilisateur actif de Google Analytics
Building a mobile app connected to WordPress with WP-AppKit
WordPress comme back office d'applications mobiles
Wordpress as a Back Office for Mobile Applications
Réaliser une application mobile pour un groupe de presse avec PhoneGap
L'analytics au service de vos contenus ?
Construire un site de presse avec Wordpress ?

Architecture de l'information pour WordPress