Université Sultan Moulay Slimane

Faculté Polydisciplinaire
Béni Mellal

SYSTÈMES DE GESTION DE CONTENU

Prof. Zakaria Bousalem

Licences d'excellence
D3SI, IAI3D, IOTR

FP - Béni Mellal 2024/2025

2 Qu’est-ce qu’un CMS ?
Définition

Un CMS (Content Management System, ou Système de Gestion de

Contenu) est une application web qui permet de créer, modifier et publier du
contenu sur un site web sans avoir besoin de compétences avancées en
programmation. Il sépare le fond (le contenu) de la forme (le design).

Fonctionnalités principales

• Création et modification de pages et d’articles

• Téléversement de médias (images, vidéos, documents)
• Gestion des utilisateurs
• Personnalisation de l’apparence via des thèmes
• Ajout de fonctionnalités via des extensions (plugins)
3 Qu’est-ce qu’un CMS ?
Historique succinct

• Années 1990 : Création de sites web statiques en HTML

• Début des années 2000 : Apparition des premiers CMS open
source (WordPress en 2003)
• Aujourd’hui : Les CMS sont utilisés pour tous types de sites
(blogs, sites vitrines, e-commerce, intranet)
4 Qu’est-ce qu’un CMS ?
Exemples de CMS

CMS Usage principal Points forts

WordPress Blog, site vitrine, PME Interface simple, très populaire
Portails Bonne gestion des accès
Joomla
communautaires utilisateurs
Drupal Sites institutionnels Hautement personnalisable
Wix Petits sites personnels Glisser-déposer, très accessible
Shopify Sites e-commerce Solution clé en main, très fiable
5 Avantages et inconvénients des CMS
Avantages
• Prise en main rapide, même pour les débutants
• Pas besoin de coder
• Nombreux thèmes et plugins disponibles
• Gestion multi-utilisateurs
• Large communauté d’utilisateurs et de développeurs

Inconvénients
• Moins de liberté qu’un développement sur mesure
• Limitations dans la personnalisation avancée
• Risques liés à la sécurité si le site n’est pas bien maintenu
• Certains plugins ou fonctionnalités sont payants
Apprendre à créer son site WordPress
Qu’est-ce que WordPress ?
8 WordPress est un CMS

▪ CMS = Content Management System =

Système de gestion de contenus

▪ WordPress est un gestionnaire de contenu,

qui vous permet de créer tous types de site
web. Il est créé en 2003 par Michel Valdrighi.

▪ Utilisé sur près de 62% des sites web

9 Autres CMS

Shopify Wix Squarespace

6.7 % 5.3 % 3.3 %

WordPress
62 %
Joomla Drupal Webflow
2.1 % 1.2 % 1,2 %
10 Les avantages de WordPress

1. Rapide à mettre en place 3. Polyvalent

Grâce aux outils disponibles sur Vous pouvez faire tous types de
une majorité d'hébergeur web, sites avec WordPress : Site vitrine,
vous pouvez installer WordPress e-commerce, forum, marketplace,
en quelques minutes réseaux sociaux…

2. Facile à utiliser 4. Gratuit

WordPress est facile à prendre en Le plus gros point fort de
main. Pas besoin d'être WordPress est qu’il est gratuit. Vous
développeur web pour créer ses ne payez que votre hébergement et
premières pages votre nom de domaine.
11 Des sites prestigieux créés avec WordPress

The Walt Disney Company La maison blanche Renault LVMH

thewaltdisneycompany.com www.whitehouse.gov www.renaultgroup.com www.bbcamerica.com

La différence entre
WordPress.com et WordPress.org
13 WordPress.com

▪ WordPress.com est une plateforme d’hébergement de sites web,

similaire à Blogger, Tumblr ou OverBlog.
▪ Elle permet de créer et administrer un site gratuitement, sans avoir à
installer WordPress soi-même.
▪ C’est une entreprise à but lucratif, détenue par Automattic, la société
fondée par Matt Mullenweg, l’un des créateurs de WordPress.
▪ WordPress.com fonctionne grâce au logiciel open source
WordPress, qu’il utilise comme moteur.
14 WordPress.org

▪ WordPress.org est un logiciel open source que tout le monde peut

télécharger et utiliser gratuitement.
▪ Pour l’utiliser, il faut disposer d’un hébergement web et d’un nom de
domaine.
▪ Il s’agit d’une solution dite auto-hébergée, car vous êtes entièrement
responsable de son installation et de sa gestion.
▪ WordPress.org est géré par la WordPress Foundation, une
organisation à but non lucratif fondée par Matt Mullenweg.
La principale différence entre WordPress.com et WordPress.org réside dans
l’hébergement du site.
• WordPress.com est une plateforme d’hébergement clé en main : tout est géré pour
vous (hébergement, mises à jour, sécurité).
• WordPress.org, en revanche, est une solution auto-hébergée : c’est à vous de
choisir un hébergeur, installer le logiciel et gérer la maintenance du site.
Dans les deux cas, le logiciel utilisé est le même : WordPress, un CMS open source.
Différences entre système Open Source et
Système propriétaire
17 Propriétaire VS Libre

Logiciel propriétaire Logiciel libre

• Le code source n’est pas accessible. • Le code source est ouvert et modifiable.
• L’utilisateur ne peut pas modifier le • L’utilisateur peut adapter le CMS à ses
CMS. besoins spécifiques.
• L’utilisation est souvent limitée par une • Il est possible de partager, redistribuer et
licence commerciale. héberger librement.
• Il est interdit de redistribuer ou • Une large communauté contribue à son
d’adapter le logiciel. développement.
• Forte dépendance à l’éditeur (support, • L’utilisateur a une autonomie totale sur les
mises à jour, hébergement…). extensions et la maintenance.
• Les fonctionnalités peuvent être limitées • Le CMS est généralement gratuit, seul
ou payantes. l’hébergement est payant.
• Exemples : Wix, Shopify, Squarespace. • Exemples : WordPress.org, Joomla, Drupal.
Les choses à faire avant de créer
son site
19 Les étapes précèdent la création d’un site web

Maintenance
Développement Maintenance,
Maquettage sauvegardes et
Intégration et
mises à jour
Wireframe Création d’une développement
régulières
maquette pour de votre site
Création du
Arborescence ensuite intégrer WordPress
wireframe qui
les différents
Cahier des charges Création d’une nous permettra
arborescence éléments sur le
Création d’un de réaliser la
sur octopus site
mini-cahier des maquette
charges, voire
exemple

Etape 1 Etape 2 Etape 3 Etape 4 Etape 5 Etape 6

Cahier des charges
21 Cahier des charges
• Le cahier des charges est un document contractuel essentiel dans
la gestion d’un projet.
• Il formalise les besoins, objectifs et contraintes du projet.
• Il permet au maître d’ouvrage (le client) de définir clairement ses
attentes auprès du maître d’œuvre (le prestataire).
• Le CDC sert de référence tout au long du projet pour assurer le
respect des exigences.
• En cas de non-respect des éléments du cahier des charges, des
pénalités peuvent être appliquées.
L'arborescence
23 L'arborescence

• L’arborescence d’un site désigne la structure et

l’organisation de ses pages.
• Elle est représentée par les URL des différentes pages
du site.
• Elle permet de hiérarchiser les contenus, en classant
les pages de manière logique (ex. : Accueil > Services >
Tarifs).
• Elle offre une vue d’ensemble du site, facilitant sa
navigation et sa compréhension.
• Une bonne arborescence améliore à la fois
l’expérience utilisateur et le référencement naturel
(SEO).
24 L'arborescence

• Lors d’une création ou refonte de site, commencez

par définir vos mots-clés et le nombre de pages
nécessaires. Cela permet de structurer votre
contenu de façon claire.
• L’arborescence doit être hiérarchisée, avec un
maximum de trois niveaux de profondeur pour
rester simple et intuitive.
• Enfin, réalisez un schéma (sur papier ou avec un
outil en ligne) afin que le visiteur puisse trouver
rapidement ce qu’il cherche, sans se perdre dans
la navigation.
25 Pourquoi faire une arborescence ?

• Elle offre une vision schématique claire de la

navigation du site avant la phase de maquettage.
• Elle contribue à une meilleure ergonomie, en
guidant l’utilisateur pour qu’il accède facilement
aux contenus.
• Elle est essentielle pour le référencement (SEO) :
plus une page est profonde dans la structure du
site, moins elle est jugée importante par les
moteurs de recherche.
Création du wireframe
27 Wireframe

• Le wireframe vise à optimiser l’ergonomie

du site et à faciliter la navigation pour les
internautes.
• Une fois le schéma conçu, il est transmis au
graphiste ou webdesigner, qui se charge de
le transformer en une maquette visuelle prête
à être intégrée en ligne.
28 Les différents outils pour réaliser son wireframe
Hébergement web
30 Qu'est-ce qu'un hébergement web?

Qu’est-ce qu’un hébergeur web ?

• Une entreprise qui fournit un espace de stockage
sur un serveur connecté à Internet.
• Elle se charge de gérer, sécuriser et sauvegarder
les données du site.
Peut-on héberger soi-même un site ?
• Oui, mais c’est complexe.
• Il faut un serveur personnel, une connexion
permanente, et assurer la sécurité et la
maintenance soi-même.
31 Différents types d'hébergement web

Mutualisé VPS
L’hébergement mutualisé consiste Le VPS consiste en effet à créer
à se partager à plusieurs des plusieurs serveurs virtuels sur un
seuls et mêmes serveurs. même serveur réel, via des
techniques de virtualisation.

Dédié Cloud
L’hébergement dédié consiste à L’hébergement Cloud repose sur
louer auprès d’un hébergeur web une multitude de serveurs et le
un serveur complet qu’il est client paye pour ce qu’il utilise
ensuite possible de configurer vraiment, ce qui permet une
selon ses besoins. flexibilité accrue.
Comment choisir son hébergeur web
33 Choisir son hébergement web

Support technique Le prix Evolutivité

La disponibilité et la Le prix est toujours le plus L’évolutivité de
qualité du support gros argument (entre 2$ l'hébergement
technique et 200$/mois)

La localisation Les aides La fiabilité

Eviter les hébergeur à Le degré d’autonomie Connaître le passé de
l’autre bout du monde désiré l’entreprise et les avis
client
Le nom de domaine
35 Qu'est-ce que le nom de domaine d'un site web ?

• Une adresse internet (ou nom de domaine) est l’équivalent de votre adresse
postale sur le web.
• C’est ce que vos contacts et clients utiliseront pour accéder à votre site internet.
• Il est indispensable pour :
o la création d’un site web,
o la personnalisation d’une adresse email professionnelle.
36 Les registrars

• Un registrar est un intermédiaire agréé chargé de gérer la réservation

des noms de domaine.
• Il est accrédité par des organismes officiels comme :
o l’ICANN (au niveau international),
• Son rôle est de vérifier la disponibilité d’un nom de domaine, puis de
l’enregistrer pour le compte du client.
• Le coût d’un nom de domaine standard est en moyenne de 10$ par an.
Mise en place d'un hébergement
38 Services d’hébergement

o2switch Hostinger Local WP

Découverte du back office de WordPress
Le vocabulaire de WordPress
41 Le vocabulaire de WordPress

Back office Front office HTML

Tableau de bord ou La partie visible de votre HTML signifie HyperText
Dashboard, c’est depuis le site web par les Markup Language. C’est
back-office que vous utilisateurs un langage utilisé pour
administrer votre site écrire le contenu des
WordPress. pages web.

CSS Footer Header

Le CSS est un langage de Footer signifie pied de Entête en français,
programmation. Il page en anglais. C’est la contenu situé tout en
permet de modifier et de dernière section d’une haut de vos pages et
séparer la mise en page page web, se trouvant regroupant
d’un document HTML. généralement sous le généralement votre logo
corps du texte. et menu
42 Différence entre "pages" et "articles"
Pages
• Contenu statique, intemporel (exemples : page d’accueil, page "À propos",
page de contact).
• Pas classées par date ni par catégorie.
• Hiérarchiques : une page peut avoir des sous-pages.
• Moins souvent mises à jour.

Articles
• Contenu dynamique, souvent daté (exemples : actualités, billets de blog).
• Classés par catégories et étiquettes.
• Apparaissent dans un flux chronologique.
• Peuvent susciter des commentaires.
43 Catégories, étiquettes et hiérarchie des contenus
Catégories
• Regroupent les articles par thème général.
• Structure hiérarchique possible (catégories et sous-catégories).
• Obligatoire pour chaque article (par défaut : "Non classé").

Étiquettes (tags)
• Mots-clés plus précis, non hiérarchiques.
• Permettent de relier des articles sur des sujets similaires.
• Optionnelles.

Hiérarchie
• Les pages peuvent avoir des relations parent/enfant.
• Cela permet une organisation logique du site (ex. : "Nos services" > "Coaching",
"Formation", "Conseil").
Le tableau de bord
45 Tableau de bord

Le tableau de bord regroupe différents

widgets et notifications qui vous
informent :
• des dernières nouveautés liées à
votre site,
• de l’état de santé global de votre
installation (performances, mises à jour,
sécurité, etc.).
46 Articles

C’est ici que vous pouvez créer, modifier

ou supprimer les articles publiés sur votre
site.
Vous pouvez également organiser vos
contenus en catégories pour une
meilleure structure.
47 La médiathèque

C’est ici que vous pouvez gérer tous les

fichiers médias de votre site :
images, vidéos, icônes, documents, etc.
48 Pages

C’est ici que vous pouvez créer, modifier ou

supprimer les pages de votre site web (ex. :
Accueil, À propos, Contact…).
49 Commentaires

C’est ici que vous pouvez gérer les

commentaires laissés sur votre site, si
vous les avez activés sur vos articles
(modération, approbation, suppression…).
50 Les thèmes

Un thème est un ensemble de fichiers modèles

(templates) et de feuilles de style qui
définissent l’apparence visuelle et la mise en
page de votre site.
Autrement dit, c’est le design général du site :
couleurs, polices, disposition des éléments, etc.
51 Trois types de thèmes

Gratuit
01
Généralement
disponible sur la

Trois types
bibliothèque de
WordPress.org

de thèmes 02 Freemium
Thème gratuit mais
limité en fonctionnalités
Les différents types
de thèmes que vous
pouvez rencontrer Premium
03
Thème payant
disponible sur des
marketplaces
52 Trois sous - types de thèmes

Starter thème

Trois sous - Thèmes neutre et minimaliste

types de
thèmes Thème spécialisé
Thème plus complexe avec plus de
fonctionnalités

Parmi les types de

thèmes vous allez
Thème multipurpose
aussi croiser des
Thème avec un page builder intégrait
sous-types de thèmes
53 Les plateformes pour acheter des thèmes
Themeforest

Marketplace principale
pour acheter des
thèmes pour tout type
de site

Les plateformes
pour acheter des Elegant

Marketplace pour les

thèmes thèmes utilisant DIVI

WooCommerce

Principalement utilisé
pour les sites e-
commerce
54 Comment évaluer un bon thème ?

La date de sa La présence d’une La présence d’un

dernière mise à jour documentation support en ligne
avec maximum 2
mois

Les notes La compatibilité

Avec un minimum avec votre page
de 4/5 builder
55 Les plugins

Une extension (ou plugin en anglais) est

utilisée pour ajouter des fonctionnalités à
WordPress.
Il en existe près de 60 000 à ce jour
(majoritairement gratuites), dans tous les
domaines : référencement, sécurité, e-
commerce, sauvegardes, etc.
56 Comment évaluer une bonne extension ?

La date de sa La présence La présence

dernière mise à d’une d’un support en
jours documentation ligne

Les notes des La

utilisateurs compatibilité
avec votre
page builder
57 Le bon plugin et le mauvais plugin

Le bon plugin Le mauvais plugin

1. Très bonne note 1. Pas de note / très faible

2. +5 Millions d'installations actives 2. Peu d'installation active
3. Mises à jour récente 3. Mises à jour > 6 mois
4. Tester avec la dernière version 4. Non testé avec la dernière
de WordPress version de WordPress
(risque de non-compatibilité)
58 Outils

Ici vous disposerez de différents

outils d’importation et d’exportation
de contenue pour votre site
59 Réglages

C’est ici que vous pouvez configurer les

paramètres généraux de votre site web
:titre du site, fuseau horaire, langue,
format des URLs, etc.
Découverte des pages builder
et Elementor
61 Les pages builder

Les constructeurs de page permettent de créer et

personnaliser facilement vos pages (et parfois vos
articles) grâce à une interface visuelle simple,
souvent basée sur le glisser-déposer (drag & drop).
• Ils offrent des mises en page complexes sans
coder.
• La plupart sont disponibles sous forme de
plugins, mais certains sont directement intégrés
à des thèmes.
• Exemples populaires : Elementor, Divi, Beaver
Builder…
62 Page builder les plus connus

Elementor : propose une version gratuite complète, une

interface intuitive, et une compatibilité étendue avec de
nombreux thèmes WordPress. Il convient bien aux utilisateurs
recherchant flexibilité et simplicité.

Divi : offre une solution tout-en-un (thème + constructeur) avec

une expérience cohérente, mais reste moins ouvert à
l’intégration avec d’autres thèmes. Il s’adresse à ceux qui
privilégient une approche unifiée du design.
63 Elementor vs Divi : Tableau comparatif
64 Gutenberg

▪ Gutenberg est l’éditeur de contenu par blocs

intégré nativement à WordPress depuis la version 5.0.
▪ Il permet de créer des mises en page visuelles en
insérant des blocs (texte, image, galerie, vidéo,
bouton, etc.) de façon modulaire et intuitive.
▪ L’objectif est d’offrir une expérience d’édition plus
souple, sans avoir besoin de coder, tout en
rapprochant WordPress des standards des
constructeurs de pages modernes.
▪ Gutenberg :
– Idéal pour les utilisateurs cherchant une solution simple pour ajouter des boutons,
tableaux ou appliquer des styles personnalisés à chaque bloc.
– Permet une édition intuitive et fluide, directement depuis l’éditeur natif de WordPress.
▪ Elementor :
– Offre un contrôle total sur la conception : mise en forme, espacement,
typographie, etc.
– Propose des modèles prédéfinis pour accélérer la création de pages.
– Permet de personnaliser facilement un thème ou de créer un design unique, sans
coder.
66

Mauvais thème

Utiliser les thèmes les plus

courants : Astra, Kadance ,
OcéanWp , Neve Bug système

Regarder les informations

système et partez à la
Bug de plugin
recherche de memory limit
Désactiver vos extensions (si rouge, pas assez de
pour chercher les conflits RAM)

Résoudre le souci -> Plugin

-> Wp config file rédacteur
Conflit -> installer -> Min 128/256
-> Save -> Uninstal
N’installez jamais 2 pages
builders sur un site (hos
Gutenberg)
Exploration de Elementor
Aller plus loin avec Elementor free
69 Elementor Header & Footer Builder

Plugin gratuit permettant d’éditer le header et le

footer de votre site WordPress avec Elementor.
Très utile si vous n’avez pas la version Pro
d’Elementor, car il débloque des fonctionnalités
normalement réservées aux utilisateurs payants.
70 Essential addon for Elementor

▪ Essential Addons est une extension gratuite qui

enrichit Elementor en ajoutant de nombreux
widgets supplémentaires.
▪ Elle permet de créer des mises en page plus
variées sans avoir à coder.
▪ Parmi les éléments disponibles : compteurs
animés, galeries avancées, onglets interactifs,
et bien d'autres.
▪ Un véritable atout pour améliorer le design et les
fonctionnalités de votre site.
71 Happy addon for Elementor

▪ Happy Addons for Elementor est un plugin

gratuit qui ajoute de nouveaux widgets
uniques à l’éditeur Elementor.
▪ Il est particulièrement utile si vous n’avez pas
la version Pro, car il étend les fonctionnalités
disponibles sans coût supplémentaire.
Création d’un site vitrine avec
Elementor
73 Création d’un site vitrine avec Elementor

▪ Objectif : Elementor est particulièrement adapté à la création de sites

vitrines, visant à présenter une entreprise, un projet ou un portfolio.
▪ Avantage : Grâce à ses modèles prédéfinis et à son interface intuitive, il
permet de concevoir rapidement un site professionnel, opérationnel en
quelques heures seulement.
Optimisation sur mobile
du site vitrine
75 Responsive

▪ C’est une méthode de conception web

qui permet au contenu de s’adapter
automatiquement à la taille de l’écran
utilisé (ordinateur, tablette,
smartphone…).
▪ On parle aussi de site adaptatif,
garantissant une expérience utilisateur
optimale sur tous les appareils.
76 L’importance d’avoir un site responsive

L’expérience Le référencement
Garantir une expérience Faciliter le classement
utilisateur parfaite quel dans les moteurs de
que soit la taille de recherche
l’écran

Le temps Réduire les coûts

Optimiser le Un site Web avec un

temps des mises design responsive
à jour réduit
considérablement les
coûts
Gestion & création d’un formulaire
de contact
78 WP form

▪ WPForms est l’un des meilleurs

plugins pour créer des formulaires de
contact sur WordPress.
▪ La version gratuite (Lite) permet de
concevoir facilement différents types de
formulaires grâce à une interface simple
et intuitive.
79 Gestion & création d’un blog et d’articles

▪ À l’origine, WordPress a été conçu comme une plateforme de blogging.

▪ La création d’articles est donc simple et intuitive.
▪ Vous pouvez :
o Rédiger et structurer vos textes avec des titres hiérarchisés (H2,
H3…),
o Ajouter des images et médias pour illustrer vos contenus,
o Programmer la publication à une date et heure précises.
▪ Les catégories et étiquettes (tags) permettent d’organiser les articles,
facilitant la navigation pour les lecteurs et le référencement sur Google.
Mise en place du
référencement naturel
81 Optimiser le référencement naturel des pages

01 Optimiser les balise titre

La balise title est

02 Optimiser les balise Hn
Un contenu bien structuré
03 Meta description
Une description
importante pour le SEO, est important pour accrocheuse peut inciter
l’internaute comme pour le les internautes à choisir un
car elle donne au moteur
résultat plutôt qu’un autre.
de recherche des moteur de recherche.
indications fortes sur le
sujet traité par la page

04 Liens externe et interne

Le web est construit grâce
05 Avoir un site rapide
Un site trop lent fait fuir les
06 Créer un site responsive
Les visites sur téléphones
au lien. En donnant à vos internautes et fait baisser mobiles peuvent
lecteurs un lien vers votre taux de conversion représenter plus de 60 %
d’autres contenus de des visites. Ne pas penser
qualité vous rendez votre son marketing pour le
contenu de meilleure mobile est un non-sens.
qualité.
82 Yoast seo

▪ Plugin de référencement pour

WordPress
▪ Optimise titres et meta descriptions
▪ Analyse SEO du contenu en temps réel
▪ Suggestions de mots-clés
▪ Améliore la lisibilité des textes
▪ Système d’indication par feux tricolores
▪ Aide à éviter le contenu dupliqué
Sécuriser et optimiser
votre site web
84 Rappels de Sécurité essentiels pour WordPress

Le compte Mises à jours régulière Hebergement

administrateur
Mettre à jours : les Choisissez un bon
Créez toujours un
thèmes, plugins, hébergeur web ( les plus
ADMIN avec un login +
WordPress populaire)
mot de passe ultra
sécurisé.

Limiter le nombre de Faire des sauvegardes Plugin de sécurité

connection possible
Les backups du système Installez des plugins de
Installez une extension sont à effectuer au sécurité
qui bloque les tentatives moins toutes les
répétées d’une même semaines pour prévenir
adresse IP. (WPS Limit un piratage ou un crash
Login par exemple) disque.
85 3 plugins de sécurité

Limit Login Attempts

Wordfence Askimet
Reloaded

antimalware et la meilleure Limitez le

attaques en tous solution au nombre de
genre monde pour connection par
protéger votre adresses IP
blog des
indésirables.
86 Ce qui peut ralentir votre site web

01 02 03
Thème trop lourd Trop d'extension Hebergement low cost
Trop de fonctionnalités, Ou trop d’extensions Un hébergement bas de
des tonnes de fichiers à lourdes (Visual gamme (ne supporte
charger, des tonnes Composer, Revolution pas le trafic, etc.) ou une
d’effets très gourmands, Slider, etc.) ; offre trop petite par
etc. rapport au site ;

04 05 06
Trop images Trop de polices Absence de mise en
cache
Ou des images trop Trop de polices
lourdes et donc longues d’écriture personnalisées Pas de mise en cache
à charger
87 Smush – Lazy Load Images

▪ Les images représentent plus de 50 % du poids

total d’une page web.
▪ Elles ont un impact direct sur la performance du
site : un mauvais format ou une taille excessive
peut ralentir considérablement le chargement.
▪ Une expérience utilisateur fluide dépend en
partie d’images optimisées.
88 3 habitudes à prendre avec ses images

Ne pas envoyer d’images surdimensionné

Essayer d’avoir des images les moins lourdes
possible (environ 100KB)

Choisissez le bon format d’image

3 habitudes à JPG = Photos, images dotées de milliers de couleurs
ou de nuances de gris.
prendre avec ses
PNG = Schémas, images simples, logos ou images
images dotées de transparen

GIF = images animées. Elles sont souvent très lourdes.

Pour réduire leur poids avant de les téléverser sur
votre site WordPress,

Compresser les images

Compresser vos images avant de les envoyer
sans perdre en résolution
89 UpdraftPlus

UpdraftPlus est un plugin WordPress très

populaire qui permet de sauvegarder, migrer et
restaurer facilement un site, sans nécessiter de
connaissances techniques en développement
ou en gestion de base de données.