Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

Image vedette WordPress

Comment ajouter une image en vedette sur WordPress, étape par étape 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : John Turner
image du réviseur John Turner
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Vous souhaitez rendre vos articles WordPress plus attrayants, mais vous n'arrivez pas à vous y retrouver dans les paramètres de l'image vedette de WordPress ?

Les images en vedette sont un excellent moyen d'attirer l'attention et d'inciter un plus grand nombre de personnes à lire vos articles de blog. Mais comment fonctionnent les images en vedette et quelles sont les étapes à suivre pour les ajouter à votre site WordPress ?

Dans ce guide, nous vous montrerons comment utiliser les paramètres de l'image vedette de WordPress pour ajouter de belles vignettes à vos articles et à vos pages.

Qu'est-ce qu'une image en vedette sur WordPress ?

Une image vedette WordPress, ou une vignette d'article, est l'image principale représentant le contenu de l'article ou de la page sur votre site web WordPress. C'est une sorte d'accroche qui se trouve au-dessus ou au-dessous du titre de votre article, incitant les utilisateurs à cliquer et à lire votre contenu.

Exemple d'image vedette WordPress

Ces images renforcent l'attrait de votre site, améliorent l'engagement des utilisateurs et augmentent les taux de clics (CTR).

Les images des articles vedettes n'apparaissent pas seulement sur la page d'accueil de votre blog WordPress, les pages d'archives, les types d'articles personnalisés et les articles connexes. Elles sont également affichées lorsque vous partagez votre contenu sur les plateformes de médias sociaux à l'aide d'un plugin WordPress SEO comme All in One SEO.

En outre, vos images peuvent apparaître dans les résultats des moteurs de recherche sous la forme d'un extrait vedette. Cela peut contribuer à générer du trafic vers votre site web à partir des résultats de recherche organiques.

Les images WordPress dans les résultats de recherche

Presque tous les thèmes WordPress vous permettent de définir des images en vedette, mais la taille, la forme et la disposition peuvent varier d'un thème à l'autre. Si votre thème les prend en charge, vous verrez une section d'images vedettes où vous pourrez télécharger des images, définir les dimensions, etc.

Ceci étant dit, nous allons voir comment ajouter une image vedette à votre site WordPress, étape par étape.

Comment ajouter une image en vedette ou une vignette d'article dans WordPress

Pour ajouter une image vedette à un article WordPress, allez dans Articles " Ajouter un nouvel article dans votre tableau de bord WordPress. Vous pouvez également modifier un article existant en cliquant sur Modifier.

Ajouter ou modifier un article WordPress

Une fois que vous êtes dans l'éditeur de contenu de l'article (l'éditeur de blocs ou Gutenberg), vous verrez le panneau Image en vedette sur le côté droit.

Panneau d'images vedettes de WordPress

Ensuite, vous devez cliquer sur la zone "Définir l'image principale". Cela ouvrira l'outil de téléchargement de médias de WordPress sous forme de fenêtre contextuelle.

Chargement de la bibliothèque de médias de WordPress

À partir de là, deux options s'offrent à vous.

Vous pouvez choisir une image existante dans votre bibliothèque de médias WordPress en cliquant sur la vignette de l'image. Cela sélectionnera l'image et vous permettra de saisir un texte alt personnalisé, un titre, une légende et une description.

Vous pouvez également cliquer sur l'onglet Charger des fichiers et charger une image depuis votre ordinateur. Elle sera alors téléchargée dans votre bibliothèque de médias, où vous pourrez saisir des descriptions et des légendes similaires.

Télécharger des fichiers dans la bibliothèque de médias de WordPress

Après avoir téléchargé ou sélectionné une image par défaut, il suffit de cliquer sur le bouton Définir l'image en vedette.

WordPress affiche maintenant un aperçu de votre image dans la barre latérale droite.

Article WordPress avec une nouvelle image vedette

En fonction de votre thème, vous pouvez ajuster la taille des vignettes et choisir d'autres options de personnalisation.

Dans ce guide, nous utilisons le thème WordPress Twenty Twenty-Three, qui n'a pas d'options supplémentaires pour les images en vedette.

Lorsque vous êtes satisfait de son apparence, vous pouvez enregistrer les modifications et votre nouvelle image vedette apparaîtra automatiquement dans vos articles WordPress.

Archives des articles de blog avec l'image vedette de WordPress

La prochaine question que vous vous posez est la suivante : où trouver des photos à utiliser en tant qu'images vedettes ?

Malheureusement, vous ne pouvez pas vous contenter de prendre des images et des photos à partir d'une recherche d'images sur Google ou de n'importe quelle photo prise au hasard sur l'internet. La plupart de ces images sont protégées par les lois sur les droits d'auteur, et vous risquez donc d'être confronté à des problèmes de violation des droits d'auteur si vous les utilisez sans l'autorisation du propriétaire.

Cependant, la bonne nouvelle est qu'il existe plusieurs endroits où vous pouvez trouver des images gratuites pour vos articles de blog et, à leur tour, les utiliser comme images vedettes de WordPress.

Nos endroits préférés pour trouver des images gratuites en haute résolution avec une licence Creative Commons sont les suivants :

  • Unsplash - Un site web populaire avec des milliers d'images que vous pouvez télécharger et utiliser gratuitement sur votre site web et d'autres projets.
  • Pixabay - Un autre site populaire qui propose une vaste collection d'images gratuites classées par catégories et par étiquettes.
  • New Old Stock - Une collection créative de photos anciennes provenant de diverses archives publiques.

Il existe également plusieurs plugins WordPress qui vous permettent d'importer des photos d'archives gratuites sur votre site web. Les utilisateurs de SeedProd Pro, par exemple, peuvent accéder à 2 millions de photos d'archives qu'ils peuvent utiliser avec son puissant constructeur de pages par glisser-déposer.

Bibliothèque d'images de stock SeedProd

Il arrive parfois qu'une photo d'archive ne suffise pas à représenter votre article de blog. Vous pouvez avoir besoin de quelque chose de plus unique ou de plus personnalisé pour illustrer réellement votre contenu.

Dans ce cas, vous pouvez utiliser un outil gratuit pour créer une image originale. Les logiciels de création et d'édition d'images tels que Canva permettent aux débutants de créer et même de vendre rapidement des graphiques de qualité professionnelle.

Pour commencer, vous devez déterminer les dimensions de votre image vedette. Il s'agit généralement de la largeur de votre contenu principal.

Si vous utilisez Chrome, vous pouvez déterminer la taille de votre image vedette WordPress en cliquant avec le bouton droit de la souris sur le contenu de votre article de blog et en sélectionnant l'outil "inspecter".

Utilisez l'outil chrome inspect pour voir le code de votre contenu.

Survolez ensuite les lignes de code jusqu'à ce que la largeur totale du contenu soit mise en évidence dans l'aperçu.

Vous devriez maintenant voir une infobulle avec les dimensions du contenu. Dans notre cas, la largeur de notre image vedette doit être d'environ 717 pixels.

Utilisez l'outil d'inspection de Chrome pour trouver les dimensions de votre image vedette WordPress

Ensuite, connectez-vous à Canva (vous pouvez commencer avec un compte gratuit) et cliquez sur l'icône de taille personnalisée dans le tableau de bord.

Taille de la toile personnalisée Canva

Dans le panneau popup, entrez la largeur de votre contenu, que vous avez trouvée en inspectant votre blog, et choisissez la hauteur de l'image.

Saisissez les dimensions de votre image personnalisée

En règle générale, il est préférable de choisir une hauteur d'image plus petite que la largeur, mais cela dépend de l'aspect général de votre blog. Une fois que vous avez fait cela, cliquez sur le bouton Créer un nouveau design.

Canva ouvrira une nouvelle fenêtre avec une toile vierge pour votre conception.

Créer une image vedette personnalisée pour WordPress

À partir de là, vous pouvez choisir parmi de nombreux modèles prédéfinis et les personnaliser jusqu'à ce que vous obteniez un design époustouflant pour votre image vedette WordPress.

Personnaliser l'image vedette de WordPress

Il suffit maintenant de cliquer sur le bouton Partager et de télécharger votre image.

Avant de télécharger des images sur WordPress, il est bon de les optimiser afin qu'elles n'alourdissent pas votre site. Les images de grande taille peuvent avoir un impact sur le temps de chargement de votre site et nuire à l'expérience de l'utilisateur.

Pour vous aider, voici quelques conseils pour optimiser les images pour le web :

  • Choisissez le meilleur format de fichier : Lorsque vous enregistrez votre image, veillez à le faire dans le bon format de fichier. Choisissez le format JPEG pour les photos riches en couleurs, le format PNG pour les images transparentes ou aux lignes nettes, et le format GIF pour les petites animations.
  • Réduire la taille des images: Réduisez la taille des images pour les adapter à la conception de votre site web. Vous pouvez utiliser des outils tels que Photoshop, GIMP ou Pixlr en ligne.
  • Compression d'images : Réduisez la taille des fichiers de vos images à l'aide d'outils de compression tels que TinyPNG ou JPEGmini. La compression sans perte est la meilleure solution pour les PNG et les GIF, car elle permet de réduire la taille des images sans perte de qualité. La compression avec perte entraîne une légère perte de qualité, mais elle est préférable pour les formats de fichiers JPEG et WebP.

En suivant ces étapes, vous pourrez optimiser les images vedettes et rendre votre site Web WordPress plus rapide.

Une fois vos images optimisées, vous pouvez retourner dans l'administration de WordPress et suivre les instructions précédentes pour les ajouter à WordPress en tant qu'images vedettes.

Il peut arriver que vous souhaitiez remplacer ou supprimer une image vedette d'un article ou d'une page spécifique de WordPress. Cette opération est tout aussi simple que l'ajout d'une image.

Pour supprimer une image vedette dans WordPress, éditez l'article ou la page. Puis, dans la barre latérale droite, cliquez sur le lien Supprimer l'image en vedette.

Comment supprimer une image vedette de WordPress

Vous pouvez également cliquer sur le bouton Remplacer l'image, qui ouvre la bibliothèque de médias pour sélectionner une nouvelle image.

Puis-je avoir plusieurs images en vedette dans un même article ou une même page ?

Par défaut, WordPress n'autorise qu'une seule image par article ou par page. Toutefois, vous pouvez utiliser des plugins pour ajouter des images supplémentaires si nécessaire.

Pourquoi mon image vedette ne s'affiche-t-elle pas sur mon site WordPress ?

Si votre image vedette ne s'affiche pas, cela peut être dû à plusieurs raisons :

  • Votre thème ne prend pas en charge les images en vedette.
  • Vous n'avez pas défini d'image vedette pour l'article ou la page en question.
  • Il y a un conflit avec un plugin ou un code personnalisé.
  • Le fichier image est trop volumineux ou son format n'est pas pris en charge.

Pour résoudre ce problème, assurez-vous que votre thème prend en charge les images en vedette, vérifiez les paramètres de votre article ou de votre page et résolvez les éventuels conflits de plugins ou de codes.

Comment optimiser mes images vedettes pour le référencement et le partage sur les médias sociaux ?

Pour optimiser vos images en vedette pour le référencement et le partage sur les médias sociaux, suivez ces conseils :

  • Utilisez des noms de fichiers descriptifs et du texte alt pour fournir un contexte aux moteurs de recherche.
  • Choisissez le bon format d'image pour une qualité et une taille de fichier optimales.
  • Compressez vos images pour réduire la taille du fichier sans sacrifier la qualité.
  • Utilisez des plugins comme All in One SEO pour configurer les métadonnées Open Graph et Twitter Card afin d'améliorer les aperçus de partage des médias sociaux.
Puis-je afficher l'image en vedette à un autre endroit de mon article ou de ma page ?

L'emplacement de l'image vedette dépend de la conception de votre thème. Pour modifier l'emplacement, vous pouvez soit personnaliser les modèles PHP de votre thème, soit utiliser un constructeur de pages comme SeedProd pour concevoir des mises en page personnalisées offrant un meilleur contrôle sur l'emplacement de l'image en vedette.

Changer l'emplacement de l'image vedette de WordPress avec le constructeur de pages SeedProd

Et voilà !

Nous espérons que cet article vous a aidé à apprendre comment ajouter une image vedette WordPress au contenu de votre site. Vous pourriez aussi aimer ce guide sur la façon de changer de thème WordPress sans perdre de contenu.

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.