Gérer les médias : images, vidéos et optimisation

Niveau : Débutant

Objectif : garder un site rapide sans sacrifier la qualité.

Plan d’action pas à pas

  • Compresser les images avant upload (WebP conseillé).
  • Nommer les fichiers proprement (sans espaces/accents).
  • Renseigner les textes alternatifs (accessibilité + SEO).
  • Éviter les vidéos lourdes en auto-hébergement.
  • Nettoyer régulièrement la médiathèque.

Chapitre 1 — Compresser les images avant upload (WebP conseillé).

  • Prends 2 minutes pour cadrer ce que tu veux obtenir avec cette action.
  • Rends-toi dans Médias > Bibliothèque pour appliquer la modification.
  • Applique précisément : Compresser les images avant upload (WebP conseillé).
  • Cas concret recommandé : Convertis en WebP et renseigne systématiquement le texte alternatif.
  • Enregistre, puis rafraîchis la page pour vérifier que le changement est bien pris en compte.
  • Passe en vue smartphone/tablette pour éviter les mauvaises surprises.
  • Le bon réflexe : vérifier via outil de compression image.
  • Erreur fréquente à éviter : uploader des médias non optimisés.
  • Validation attendue : Vérifie poids des fichiers et rendu sur mobile.
  • Une fois validé, passe au chapitre suivant sans toucher au reste.

Chapitre 2 — Nommer les fichiers proprement (sans espaces/accents).

  • Prends 2 minutes pour cadrer ce que tu veux obtenir avec cette action.
  • Rends-toi dans Tableau de bord WordPress pour appliquer la modification.
  • Applique précisément : Nommer les fichiers proprement (sans espaces/accents).
  • Cas concret recommandé : Utilise des noms simples et des réglages lisibles.
  • Enregistre, puis rafraîchis la page pour vérifier que le changement est bien pris en compte.
  • Passe en vue smartphone/tablette pour éviter les mauvaises surprises.
  • Le bon réflexe : vérifier via prévisualisation WordPress.
  • Erreur fréquente à éviter : faire plusieurs changements simultanés sans test.
  • Validation attendue : Recharge la page concernée et vérifie que le résultat est visible.
  • Une fois validé, passe au chapitre suivant sans toucher au reste.

Chapitre 3 — Renseigner les textes alternatifs (accessibilité + SEO).

  • Commence par lire l’étape une première fois pour bien comprendre le résultat attendu.
  • Depuis le menu Articles > Ajouter, ouvre la section concernée.
  • Exécute cette partie sans sauter de sous-étape : Renseigner les textes alternatifs (accessibilité + SEO).
  • Exemple simple : Structure avec un H2 toutes les 2–3 sections et un résumé final.
  • Sauvegarde immédiatement les modifications avant de passer au point suivant.
  • Contrôle la lisibilité mobile (tailles, espacements, boutons).
  • Utilise extension SEO pour fiabiliser ton résultat.
  • Point de vigilance : rédiger sans angle clair.
  • Contrôle final : Contrôle lisibilité, meta description et lien interne.
  • Quand ce point est validé, passe à la suite et garde la même méthode.

Chapitre 4 — Éviter les vidéos lourdes en auto-hébergement.

  • Prends 2 minutes pour cadrer ce que tu veux obtenir avec cette action.
  • Rends-toi dans Médias > Bibliothèque pour appliquer la modification.
  • Applique précisément : Éviter les vidéos lourdes en auto-hébergement.
  • Cas concret recommandé : Convertis en WebP et renseigne systématiquement le texte alternatif.
  • Enregistre, puis rafraîchis la page pour vérifier que le changement est bien pris en compte.
  • Passe en vue smartphone/tablette pour éviter les mauvaises surprises.
  • Le bon réflexe : vérifier via outil de compression image.
  • Erreur fréquente à éviter : uploader des médias non optimisés.
  • Validation attendue : Vérifie poids des fichiers et rendu sur mobile.
  • Une fois validé, passe au chapitre suivant sans toucher au reste.

Chapitre 5 — Nettoyer régulièrement la médiathèque.

  • Commence par lire l’étape une première fois pour bien comprendre le résultat attendu.
  • Depuis le menu Médias > Bibliothèque, ouvre la section concernée.
  • Exécute cette partie sans sauter de sous-étape : Nettoyer régulièrement la médiathèque.
  • Exemple simple : Convertis en WebP et renseigne systématiquement le texte alternatif.
  • Sauvegarde immédiatement les modifications avant de passer au point suivant.
  • Contrôle la lisibilité mobile (tailles, espacements, boutons).
  • Utilise outil de compression image pour fiabiliser ton résultat.
  • Point de vigilance : uploader des médias non optimisés.
  • Contrôle final : Vérifie poids des fichiers et rendu sur mobile.
  • Quand ce point est validé, passe à la suite et garde la même méthode.

Erreurs à éviter

  • Uploader des images de 5 Mo.
  • Ignorer l’attribut alt.
  • Multiplier les doublons médias.

Checklist finale

  • Les réglages clés sont configurés.
  • Le rendu mobile est validé.
  • Le parcours utilisateur est fluide.
  • Une sauvegarde est disponible.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *