Comment ajouter correctement des images dans WordPress (étape par étape)

Trouver l'image parfaite pour votre article WordPress est une excellente sensation, mais cela s'accompagne souvent d'une inquiétude lancinante quant au ralentissement de votre site Web ou à la détérioration de votre référencement.

C'est une préoccupation légitime, car une mauvaise approche peut entraîner des visiteurs frustrés et des classements de recherche plus bas. Nous savons à quel point il est crucial de trouver le bon équilibre pour un site prospère.

Grâce à notre expérience dans la gestion de milliers d'articles, nous avons développé un processus simple qui maintient le chargement rapide des pages tout en faisant en sorte que les images fonctionnent pour votre référencement. C'est la méthode sur laquelle nous comptons chaque jour.

Dans ce guide, nous vous présenterons ces étapes exactes. Vous apprendrez comment ajouter correctement des images d'une manière qui aide votre site Web à se développer.

L'importance de télécharger correctement les images dans WordPress

Parfois, les utilisateurs copient directement une image de la source et la collent dans le contenu de leur site Web. Malheureusement, cela peut causer des problèmes tels que des pages lentes, une mauvaise expérience utilisateur et un mauvais référencement.

Lorsque vous ajoutez des images à votre site Web WordPress, il est important de le faire correctement. Cela signifie utiliser le bon format de fichier, le bon nom de fichier et le bon texte alternatif.

Vous devriez également utiliser des noms de fichiers d'images descriptifs. Par exemple, au lieu de télécharger un fichier générique comme IMG_9021.jpg, vous devriez le renommer en quelque chose de descriptif comme recette-de-cookies-aux-pépites-de-chocolat.jpg avant de le télécharger.

Cette étape simple donne aux moteurs de recherche un indice sur ce qu'est l'image, ce qui peut aider votre référencement.

Ajouter correctement des images signifie également redimensionner vos images afin qu'elles se chargent rapidement et soient belles sur tous les appareils. Par exemple, certains formats d'image comme JPEG sont plus compressés que d'autres. Cela signifie que les images JPEG prendront moins de place sur votre serveur et mettront moins de temps à se charger.

En utilisant ces formats, ainsi qu'un plugin de compression d'images, vous pouvez améliorer l'expérience utilisateur de votre site web.

Le bloc d'image WordPress vous permet d'ajouter manuellement des informations SEO importantes comme le texte alternatif à chaque image. Cela peut améliorer le classement de votre site web et l'accessibilité de vos pages web pour les personnes handicapées.

Cela étant dit, voyons comment ajouter correctement des images dans WordPress. Nous couvrirons plusieurs méthodes, et vous pouvez utiliser les liens rapides ci-dessous pour accéder aux différentes sections de notre tutoriel :

Comment ajouter des images dans l'éditeur de blocs (Gutenberg)

Vous pouvez facilement ajouter des images dans l'éditeur de blocs WordPress en utilisant le bloc d'image.

Tout d'abord, vous devez ouvrir la page/publication existante ou nouvelle où vous souhaitez ajouter une image.

Une fois que vous y êtes, cliquez sur le bouton « Ajouter un bloc » (+) en haut à gauche de l'écran pour ouvrir le menu des blocs. À partir de là, vous devez trouver le bloc « Image » et l'ajouter à la publication ou à la page.

Une fois que vous avez fait cela, cliquez sur le bouton « Bibliothèque de médias » pour lancer l'invite « Sélectionner ou téléverser des médias » à l'écran.

Ici, vous pouvez passer à l'onglet « Téléverser des fichiers » si vous souhaitez téléverser une image depuis votre ordinateur.

Cependant, si vous souhaitez ajouter une image depuis la Bibliothèque de médias, vous pouvez également le faire en passant à l'onglet « Bibliothèque de médias ».

Dans le panneau « Détails de la pièce jointe » sur la droite, vous pouvez ajouter des informations importantes. Assurez-vous de remplir le champ « Texte alternatif » avec une brève description de ce que montre l'image. Ceci est crucial pour le référencement et pour les visiteurs utilisant des lecteurs d'écran.

Vous pouvez également ajouter un « Titre », qui apparaît lorsque quelqu'un survole l'image, et une « Légende », qui est une description visible affichée juste en dessous de l'image.

Pour plus de détails, vous pouvez consulter notre guide pour débutants sur comment ajouter des légendes aux images dans WordPress.

Ensuite, cliquez simplement sur le bouton « Sélectionner » pour ajouter l'image à votre page ou article.

Maintenant que vous l'avez téléchargée, vous pouvez personnaliser davantage la taille de l'image, ses dimensions, sa bordure et son style depuis le panneau de blocs à droite.

Pour plus de détails, consultez notre tutoriel sur comment ajouter et aligner des images dans WordPress.

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » pour enregistrer vos paramètres.

Vous avez maintenant correctement ajouté une image dans l'éditeur Gutenberg.

Comment ajouter des images dans l'éditeur classique

Si vous utilisez toujours l'ancien éditeur classique dans WordPress, vous pouvez utiliser cette méthode.

Tout d'abord, vous devez visiter la page ou l'article où vous souhaitez ajouter l'image depuis le tableau de bord WordPress. Une fois sur place, cliquez simplement sur le bouton « Ajouter un média » pour lancer la médiathèque.

Après cela, vous pouvez passer à l'onglet « Téléverser des fichiers » pour télécharger une image depuis votre ordinateur.

Alternativement, pour ajouter une image depuis la médiathèque, passez simplement à l'onglet « Médiathèque ».

Après avoir ajouté une image, vous devrez ajouter un texte alternatif et un titre. Vous pouvez également ajouter une description et une légende si vous le souhaitez.

Pour de meilleurs résultats, utilisez chaque champ pour son objectif spécifique. Le texte alternatif doit décrire clairement l'image pour les moteurs de recherche et les utilisateurs malvoyants.

La légende est une description visible pour vos lecteurs, et le titre peut fournir des informations supplémentaires lorsque quelqu'un survole l'image sur un ordinateur de bureau.

Ensuite, cliquez sur le bouton « Insérer dans l'article ».

L'image sera maintenant ajoutée à votre article ou page WordPress.

À partir d'ici, vous pouvez modifier son alignement en utilisant les icônes d'alignement situées au-dessus de l'image. Vous pouvez modifier davantage une image en cliquant sur l'icône en forme de crayon.

Cela ouvrira l'invite « Détails de l'image » sur votre écran, où vous pourrez modifier la taille et ajouter des attributs de titre d'image, des classes CSS, l'alignement, et plus encore.

Une fois que vous avez terminé, cliquez simplement sur le bouton « Mettre à jour » pour enregistrer les modifications que vous avez apportées.

Après cela, cliquez simplement sur le bouton « Publier » ou « Mettre à jour » pour enregistrer votre article.

Ajouter des images dans la médiathèque WordPress

Une autre méthode consiste à télécharger d'abord des images directement dans votre Bibliothèque de médias. C'est un excellent moyen de préparer et d'organiser vos images avant de les ajouter à un article ou à une page.

Pour ajouter une image depuis la Bibliothèque de médias, vous devez visiter la page Médias » Ajouter depuis la zone d'administration de WordPress.

Une fois que vous y êtes, cliquez sur le bouton « Sélectionner des fichiers » pour télécharger une image depuis votre ordinateur. Ensuite, cliquez sur le lien « Modifier » à côté de l'image.

Cela vous mènera à la page « Modifier le média », où vous pourrez commencer par modifier le titre de l'image. Ensuite, vous pourrez faire défiler vers le bas pour ajouter le texte alternatif, une légende et une description.

Une fois que vous avez fait cela, vous pouvez également cliquer sur le bouton « Modifier l'image ».

Cela vous dirigera vers une autre page, où vous pourrez recadrer, redimensionner, faire pivoter ou retourner l'image selon vos envies. Pour des instructions détaillées, veuillez consulter notre guide pour débutants sur comment effectuer des modifications d'image de base dans WordPress.

Une fois que vous êtes satisfait, cliquez simplement sur le bouton « Mettre à jour » pour enregistrer vos modifications.

Cela vous ramènera à la page « Modifier le média », où vous devrez cliquer à nouveau sur le bouton « Mettre à jour » pour enregistrer vos paramètres.

Vous avez maintenant ajouté avec succès une image à la Bibliothèque de médias.

Ensuite, visitez l'article auquel vous souhaitez ajouter cette image depuis la barre latérale d'administration de WordPress. Une fois sur place, cliquez sur le bouton « Ajouter un bloc » (+) pour ajouter un bloc « Image » à l'article.

Ensuite, vous devez sélectionner le bouton « Bibliothèque des médias ».

Cela ouvrira l'invite « Sélectionner ou télécharger un média » sur votre écran, où vous remarquerez l'image que vous avez téléchargée dans la bibliothèque des médias en haut.

Lorsque vous le sélectionnez, vous verrez que son titre, son texte alternatif, sa légende et sa description ont déjà été ajoutés à partir de la page de la médiathèque.

Cliquez maintenant simplement sur le bouton « Sélectionner » pour télécharger l'image dans l'éditeur de blocs.

Enfin, cliquez sur le bouton « Publier » ou « Mettre à jour » pour enregistrer vos paramètres.

Comment optimiser une image pour le SEO WordPress

Une fois que vous avez ajouté une image à un article/une page, il est également crucial de l'optimiser pour les moteurs de recherche. Malheureusement, WordPress n'offre aucune fonctionnalité SEO avancée intégrée pour les images.

C'est là qu'intervient All in One SEO pour WordPress (AIOSEO).

C'est le meilleur plugin SEO pour WordPress du marché car il rend l'optimisation de votre contenu, y compris les images, pour les moteurs de recherche extrêmement facile.

Chez WPBeginner, nous l'utilisons pour améliorer notre classement dans les moteurs de recherche et avons obtenu d'excellents résultats. Pour en savoir plus sur notre expérience, consultez notre avis sur AIOSEO.

Tout d'abord, vous devez installer et activer le plugin AIOSEO. Pour plus d'instructions, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous devrez configurer l'assistant de configuration.

Pour plus de détails, consultez notre guide sur comment configurer correctement All in One SEO pour WordPress.

Ensuite, accédez à la page Tout-en-un SEO » Apparence de la recherche dans la barre latérale d'administration de WordPress et basculez vers l'onglet « SEO des images ».

Après cela, faites défiler vers le bas et cliquez sur le bouton « Activer le SEO des images » pour débloquer la fonctionnalité.

Vous pourrez maintenant voir les paramètres de SEO des images. Ici, vous remarquerez différents onglets pour le titre, le texte alternatif, la légende, la description et le nom de fichier.

Configurer les titres d'images automatiques

Une fois que vous basculez vers l'onglet « Titre » sur la page SEO des images, vous pouvez commencer par créer un format de titre pour vos images à l'aide de balises intelligentes.

Ces balises intelligentes généreront ensuite automatiquement des attributs de titre pour vos images. C'est ce qu'un visiteur verra lorsqu'il passera sa souris sur vos images.

Par exemple, si vous souhaitez que chaque attribut de titre d'image utilise le titre de l'image et le titre du site, vous pouvez ajouter ces balises intelligentes dans le champ « Format du titre ».

Cela signifie qu'une image intitulée « Cookie aux pépites de chocolat » sur un site nommé « Mon blog génial » obtiendrait automatiquement un attribut de titre d'image de « Cookie aux pépites de chocolat – Mon blog génial ».

Après cela, vous pouvez également activer l'option Supprimer la ponctuation si vous souhaitez qu'AIOSEO supprime automatiquement certains caractères lors de la création d'un titre d'image à partir du nom de fichier.

Par exemple, si vous utilisez des tirets lors de l'enregistrement d'un fichier image comme « un-exemple-image », vous pouvez choisir l'option « Tirets (-) » dans la section « Caractères à convertir en espaces ».

Une fois que vous avez fait cela, AIOSEO supprimera automatiquement ces tirets et les transformera en espaces. C'est utile car cela convertit automatiquement un nom de fichier comme « un-exemple-image.jpg » en un titre propre et lisible comme « un exemple image », ce qui est mieux pour les utilisateurs et les moteurs de recherche.

Après cela, faites défiler vers le bas jusqu'à la section « Casse ».

À partir d'ici, vous pouvez choisir une option de casse pour votre titre. Nous vous recommandons de choisir la casse de phrase ou la casse de titre pour rendre vos titres plus lisibles.

Configurer les balises Alt automatiques

Après avoir configuré les paramètres de titre, basculez vers l'onglet « Balise Alt » en haut.

À partir d'ici, vous pouvez utiliser les balises intelligentes situées à côté de l'option « Format de la balise Alt » pour générer automatiquement le texte alternatif de toutes vos images.

Après cela, vous pouvez également activer le paramètre « Supprimer la ponctuation » si vous souhaitez que des caractères tels que les tirets (-) ou les traits de soulignement (_) soient convertis en espaces.

De même, s'il y a des caractères tels que des chiffres ou des signes plus (+) que vous ne souhaitez pas qu'AIOSEO supprime lors de la création du texte alternatif, vous pouvez cocher les cases correspondantes dans la section « Caractères à exclure de la suppression ».

Vous pouvez également sélectionner une casse pour votre texte alternatif.

Configurer les légendes et descriptions automatiques

Pour générer des légendes automatiques pour vos images, passez à l'onglet « Légendes ».

À partir d'ici, assurez-vous que l'option « Générer automatiquement la légende lors du téléchargement » est activée. Vous pouvez ensuite sélectionner les balises intelligentes qui seront utilisées pour générer des légendes pour vos images.

Ensuite, vous pouvez également utiliser la fonction « Supprimer la ponctuation » pour exclure ou inclure des caractères dans les légendes et choisir leur casse.

Une fois que vous avez terminé, vous devez passer à l'onglet « Description » en haut.

À partir d'ici, assurez-vous que l'option « Générer automatiquement la description lors du téléchargement » est activée. Vous devez également sélectionner les balises intelligentes que vous souhaitez utiliser pour générer des descriptions d'images automatiques.

Ensuite, vous pouvez également utiliser la fonction « Supprimer la ponctuation » pour inclure/exclure des caractères tels que les traits de soulignement, les apostrophes ou les chiffres dans la description.

Après cela, sélectionnez simplement une casse pour vos descriptions d'images.

Configurer les noms de fichiers automatiques

Comme nous l'avons mentionné précédemment, nous vous recommandons de donner à vos fichiers image des noms de fichiers optimisés pour le SEO. Vous pouvez le faire avant de télécharger vos images, ou AIOSEO peut le faire automatiquement pour vous.

Lorsque vous passez à l'onglet « Nom de fichier », vous verrez qu'AIOSEO fournit des paramètres par défaut de « Supprimer la ponctuation » pour vous aider à démarrer.

Cependant, s'il y a d'autres caractères que vous souhaitez qu'AIOSEO supprime de vos noms de fichiers image lors de la création de titres ou de texte alternatif, vous pouvez taper ces caractères dans la zone « Mots à supprimer ».

Après cela, vous pouvez également sélectionner une casse pour vos noms de fichiers.

Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres.

Vous avez maintenant optimisé avec succès vos images pour le SEO, et AIOSEO générera automatiquement des titres, du texte alternatif, des légendes et des descriptions pour toutes vos images.

Pour des instructions plus détaillées, veuillez consulter notre guide pour débutants sur comment optimiser les images pour les moteurs de recherche.

Bonus : Permettre aux utilisateurs de télécharger des images dans WordPress

Vous pourriez également vouloir permettre à vos utilisateurs de télécharger leurs propres images sur votre blog WordPress. Cela peut être utile si vous organisez un concours ou gérez un site web de photographie qui accepte des images générées par les utilisateurs.

Pour cela, vous pouvez utiliser WPForms, qui est le meilleur plugin de formulaire de contact du marché. Il est doté d'un constructeur par glisser-déposer qui facilite grandement la création de tout type de formulaire, y compris un formulaire de soumission d'images.

Nous avons utilisé ce plugin pour créer des formulaires de contact et des enquêtes annuelles pour notre site web, et nous apprécions la possibilité de visualiser les soumissions directement dans le tableau de bord WordPress.

Pour en savoir plus, consultez notre avis sur WPForms.

Tout d'abord, vous devrez installer et activer le plugin WPForms. Pour plus de détails, consultez nos instructions sur comment installer un plugin WordPress.

Après l'activation, rendez-vous sur l'écran WPForms » Ajouter nouveau depuis le tableau de bord WordPress pour lancer le constructeur de formulaires.

À partir de là, vous devez saisir un nom pour votre formulaire, puis cliquer sur le bouton « Utiliser un modèle » sous le modèle « Formulaire de contact simple ».

Cela chargera le modèle dans le constructeur de formulaires, où vous remarquerez son aperçu à droite et les champs disponibles dans la colonne de gauche.

À partir d'ici, faites glisser le champ « Téléchargement de fichier » sur le formulaire et cliquez dessus pour personnaliser davantage ses paramètres.

Vous pouvez modifier l'étiquette et la description du champ et même spécifier les extensions autorisées.

Par exemple, si vous souhaitez autoriser uniquement les fichiers JPEG et PNG, vous devez saisir ces options dans le champ « Extensions de fichiers autorisées ». N'oubliez pas que vous devez séparer chaque extension par une virgule.

Après cela, vous pouvez également configurer la taille maximale des fichiers image et le nombre de téléchargements dans la colonne de gauche.

Pour des instructions plus détaillées, vous pouvez consulter notre tutoriel sur comment autoriser les utilisateurs à télécharger des images dans WordPress.

Une fois que vous avez terminé, cliquez simplement sur le bouton « Enregistrer » pour sauvegarder vos paramètres.

Ensuite, ouvrez la page/publication où vous souhaitez ajouter le formulaire de téléchargement d'images. Une fois sur place, cliquez sur le bouton « + » dans le coin supérieur gauche de l'écran pour ouvrir le menu des blocs.

À partir d'ici, vous devez ajouter le bloc WPForms à la page/publication.

Choisissez simplement le formulaire de téléchargement de fichiers image que vous avez créé dans le menu déroulant.

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » pour enregistrer vos paramètres. Vous pouvez maintenant visiter votre site WordPress pour voir le formulaire en action, et les visiteurs pourront soumettre leurs images en utilisant le formulaire.

Questions fréquemment posées sur l'ajout d'images dans WordPress

Notre équipe d'experts reçoit souvent des questions sur la meilleure façon de gérer les images. Vous trouverez ci-dessous les réponses à certaines des questions les plus courantes que nous entendons.

1. Quel est le meilleur format de fichier image pour WordPress ?

Le meilleur format dépend de l'image. Les JPEG sont parfaits pour les photographies avec beaucoup de couleurs car ils équilibrent bien la qualité et la taille du fichier. Les PNG sont parfaits pour les graphiques qui nécessitent un arrière-plan transparent, comme les logos. Le WebP est un format plus récent qui offre une excellente compression mais peut ne pas être pris en charge par les très anciens navigateurs. En règle générale : utilisez JPEG pour les photos et PNG pour les logos ou les images nécessitant de la transparence.

2. Comment puis-je accélérer le chargement de mes images sur mon site Web ?

Les deux étapes les plus importantes sont le redimensionnement et la compression de vos images. Redimensionnez toujours les images aux bonnes dimensions à l'aide d'un outil d'édition avant de les télécharger.

Ensuite, utilisez un plugin de compression d'images dédié, qui réduira automatiquement la taille du fichier sans baisse de qualité perceptible, ce qui accélérera considérablement le chargement de vos pages.

3. Quelle est la différence entre le texte alternatif d'une image et une légende ?

Le texte alternatif (alt text) est un attribut HTML qui décrit l'image pour les moteurs de recherche et pour les lecteurs d'écran utilisés par les visiteurs malvoyants. Il n'est pas visible sur la page elle-même. Une légende est une description qui apparaît directement sous l'image pour que tous les visiteurs puissent la voir.

4. Puis-je télécharger plusieurs images sur WordPress en même temps ?

Oui. Dans la médiathèque WordPress, vous pouvez simplement glisser-déposer plusieurs fichiers image de votre ordinateur en une seule fois. Vous pouvez également cliquer sur le bouton « Sélectionner des fichiers » et sélectionner plusieurs images à télécharger ensemble, ce qui vous fait gagner beaucoup de temps.

5. Comment créer une galerie d'images dans WordPress ?

WordPress dispose d'un bloc Galerie intégré. Ajoutez simplement le bloc à votre article ou à votre page, puis vous pourrez télécharger de nouvelles images ou sélectionner des images existantes dans votre médiathèque.

Cela créera une galerie magnifique et organisée, et vous pourrez personnaliser le nombre de colonnes directement dans les options du bloc.

Nous espérons que cet article vous a aidé à apprendre comment ajouter correctement des images dans WordPress. Vous pourriez également vouloir consulter notre guide pour débutants sur comment trouver de belles images d'arrière-plan pour votre site WordPress et notre liste de super sources d'images du domaine public et sous licence CC0.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.