Toutes vos images sont stockées dans la médiathèque (menu Médias). Une image importée une fois peut être réutilisée sur autant de pages que vous voulez.
Préparer l’image AVANT de l’importer
C’est l’étape que tout le monde saute, et c’est la première cause de lenteur d’un site.
- Redimensionnez : une photo pleine largeur n’a jamais besoin de dépasser 1920 px de large. Une image dans le corps du texte, 1000 px suffisent.
- Compressez : passez le fichier sur Squoosh ou TinyPNG. Visez moins de 300 Ko.
- Nommez le fichier correctement :
chaise-bureau-ergonomique.jpget nonIMG_4821.jpg. Google lit ce nom.
Le texte alternatif : ne le sautez pas
À chaque insertion d’image, remplissez le champ Texte alternatif. Décrivez ce que montre l’image en une phrase courte.
Il sert à deux choses : les personnes aveugles ou malvoyantes l’entendent lu par leur lecteur d’écran, et Google s’en sert pour comprendre l’image. C’est aussi une obligation légale d’accessibilité.
Bon réflexe : décrivez l’image, ne la sur-optimisez pas. « Chaise de bureau ergonomique noire, vue de trois quarts » est bien meilleur que « chaise bureau pas cher achat chaise ergonomique ».
Insérer une image dans un contenu
- Ajoutez un bloc Image (ou tapez
/image). - Choisissez Médiathèque pour une image déjà présente, ou Téléverser pour une nouvelle.
- Remplissez le texte alternatif dans le panneau de droite.
- Réglez l’alignement et la taille avec la barre d’outils du bloc.
Remplacer une image partout
Attention : supprimer une image de la médiathèque la fait disparaître de toutes les pages qui l’utilisent, sans avertissement. Vérifiez avant de supprimer.