Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Ajout de Médias aux Articles | Création de Contenu
Créer un Site Web Sans Code avec WordPress

bookAjout de Médias aux Articles

Les médias—tels que les images et les vidéos—rendent votre contenu plus dynamique et attrayant. Dans cette leçon, vous découvrirez les meilleures pratiques pour téléverser des médias dans les articles WordPress, comment optimiser vos fichiers, ainsi que l'utilisation du texte alternatif et des légendes pour l'accessibilité et le référencement (SEO).

Téléversement et intégration de médias dans WordPress
expand arrow

Les médias peuvent être ajoutés à un article à l'aide de blocs. Voici un bref rappel des types de blocs concernés :

  • Utiliser le bloc Image pour téléverser des photos ou choisir depuis la médiathèque ;
  • Utiliser le bloc Vidéo uniquement si le téléversement d'un fichier vidéo sur votre serveur est absolument nécessaire (non recommandé) ;
  • Utiliser le bloc Intégration pour insérer des vidéos YouTube, Vimeo ou d'autres plateformes externes en collant simplement le lien de la vidéo.
Pourquoi utiliser des services vidéo externes ?
expand arrow

Il est préférable d'utiliser des plateformes externes comme YouTube ou Vimeo pour héberger vos vidéos. Cela s'explique par :

  • Espace de stockage limité sur votre serveur d'hébergement : les vidéos occupent beaucoup d'espace ;
  • Les vidéos consomment beaucoup de bande passante : chaque lecture utilise des données de votre forfait d'hébergement ;
  • Les fichiers volumineux ralentissent votre site : cela peut nuire à l'expérience des visiteurs et à votre référencement.

En intégrant des vidéos depuis des plateformes comme YouTube, votre site se charge plus rapidement et vous préservez les ressources de votre serveur.

Optimisation des images pour la performance
expand arrow

Les images volumineuses peuvent également ralentir votre site web. Pour améliorer les temps de chargement :

  • Utiliser le format JPEG ou WebP ; ces formats offrent une bonne qualité avec des tailles de fichier réduites ;
  • Redimensionner vos images avant de les téléverser ; éviter de téléverser les fichiers en taille réelle provenant de votre appareil photo ou téléphone ;
  • Utiliser des outils de compression comme TinyPNG ou ImageOptim pour réduire la taille des fichiers.

Il est conseillé de maintenir la taille des fichiers image en dessous de 200–300 Ko lorsque cela est possible, afin de contribuer à un chargement plus rapide des pages, en particulier sur les connexions internet lentes.

Utilisation des légendes et du texte alternatif
expand arrow

L'ajout de texte alternatif (alt text) et de légendes à vos images améliore à la fois l'accessibilité et l'optimisation pour les moteurs de recherche (SEO).

Le texte alternatif est une description écrite de votre image. Il est essentiel pour les personnes utilisant des lecteurs d'écran—par exemple, une personne malvoyante. Le lecteur d'écran lit le texte alternatif à voix haute afin qu'elles sachent ce qui s'affiche à l'écran.

Le texte alternatif est également utilisé par Google et d'autres moteurs de recherche pour comprendre le contenu de votre image ; cela aide vos images à apparaître dans la recherche d'images Google, attirant ainsi plus de visiteurs sur votre site web.

Les légendes sont visibles sur la page, juste en dessous de l'image ; elles aident à expliquer ou à donner un contexte supplémentaire à l'image pour tous les utilisateurs.

Exemple :
Si vous téléversez une photo d'une salade pour un article de blog, votre texte alternatif pourrait être :
"Fresh green salad with cherry tomatoes and feta cheese". Cela indique à Google et aux lecteurs d'écran exactement ce que contient l'image.

Lorsque vous téléversez une image dans WordPress, consultez le panneau des paramètres de l'image à droite. Vous y trouverez des champs pour le texte alternatif et la légende.

Prenez le temps de les remplir, en particulier le texte alternatif. Essayez d'inclure des mots-clés en lien avec votre sujet, mais évitez d'en abuser.

L'ajout de ces informations améliore :

  • L'accessibilité pour tous les utilisateurs ;
  • Le classement SEO de votre contenu ;
  • Les chances que votre image apparaisse dans Google Images, générant plus de trafic vers votre site.
question mark

Laquelle des pratiques suivantes est la meilleure lors de l'ajout d'images à un article WordPress ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

bookAjout de Médias aux Articles

Les médias—tels que les images et les vidéos—rendent votre contenu plus dynamique et attrayant. Dans cette leçon, vous découvrirez les meilleures pratiques pour téléverser des médias dans les articles WordPress, comment optimiser vos fichiers, ainsi que l'utilisation du texte alternatif et des légendes pour l'accessibilité et le référencement (SEO).

Téléversement et intégration de médias dans WordPress
expand arrow

Les médias peuvent être ajoutés à un article à l'aide de blocs. Voici un bref rappel des types de blocs concernés :

  • Utiliser le bloc Image pour téléverser des photos ou choisir depuis la médiathèque ;
  • Utiliser le bloc Vidéo uniquement si le téléversement d'un fichier vidéo sur votre serveur est absolument nécessaire (non recommandé) ;
  • Utiliser le bloc Intégration pour insérer des vidéos YouTube, Vimeo ou d'autres plateformes externes en collant simplement le lien de la vidéo.
Pourquoi utiliser des services vidéo externes ?
expand arrow

Il est préférable d'utiliser des plateformes externes comme YouTube ou Vimeo pour héberger vos vidéos. Cela s'explique par :

  • Espace de stockage limité sur votre serveur d'hébergement : les vidéos occupent beaucoup d'espace ;
  • Les vidéos consomment beaucoup de bande passante : chaque lecture utilise des données de votre forfait d'hébergement ;
  • Les fichiers volumineux ralentissent votre site : cela peut nuire à l'expérience des visiteurs et à votre référencement.

En intégrant des vidéos depuis des plateformes comme YouTube, votre site se charge plus rapidement et vous préservez les ressources de votre serveur.

Optimisation des images pour la performance
expand arrow

Les images volumineuses peuvent également ralentir votre site web. Pour améliorer les temps de chargement :

  • Utiliser le format JPEG ou WebP ; ces formats offrent une bonne qualité avec des tailles de fichier réduites ;
  • Redimensionner vos images avant de les téléverser ; éviter de téléverser les fichiers en taille réelle provenant de votre appareil photo ou téléphone ;
  • Utiliser des outils de compression comme TinyPNG ou ImageOptim pour réduire la taille des fichiers.

Il est conseillé de maintenir la taille des fichiers image en dessous de 200–300 Ko lorsque cela est possible, afin de contribuer à un chargement plus rapide des pages, en particulier sur les connexions internet lentes.

Utilisation des légendes et du texte alternatif
expand arrow

L'ajout de texte alternatif (alt text) et de légendes à vos images améliore à la fois l'accessibilité et l'optimisation pour les moteurs de recherche (SEO).

Le texte alternatif est une description écrite de votre image. Il est essentiel pour les personnes utilisant des lecteurs d'écran—par exemple, une personne malvoyante. Le lecteur d'écran lit le texte alternatif à voix haute afin qu'elles sachent ce qui s'affiche à l'écran.

Le texte alternatif est également utilisé par Google et d'autres moteurs de recherche pour comprendre le contenu de votre image ; cela aide vos images à apparaître dans la recherche d'images Google, attirant ainsi plus de visiteurs sur votre site web.

Les légendes sont visibles sur la page, juste en dessous de l'image ; elles aident à expliquer ou à donner un contexte supplémentaire à l'image pour tous les utilisateurs.

Exemple :
Si vous téléversez une photo d'une salade pour un article de blog, votre texte alternatif pourrait être :
"Fresh green salad with cherry tomatoes and feta cheese". Cela indique à Google et aux lecteurs d'écran exactement ce que contient l'image.

Lorsque vous téléversez une image dans WordPress, consultez le panneau des paramètres de l'image à droite. Vous y trouverez des champs pour le texte alternatif et la légende.

Prenez le temps de les remplir, en particulier le texte alternatif. Essayez d'inclure des mots-clés en lien avec votre sujet, mais évitez d'en abuser.

L'ajout de ces informations améliore :

  • L'accessibilité pour tous les utilisateurs ;
  • Le classement SEO de votre contenu ;
  • Les chances que votre image apparaisse dans Google Images, générant plus de trafic vers votre site.
question mark

Laquelle des pratiques suivantes est la meilleure lors de l'ajout d'images à un article WordPress ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 2
some-alt