Comment ajouter des images sur WordPress

Cet article vous aide à comprendre comment ajouter des images sur WordPress. Je vous explique comment ajouter une seule image directement sur une page.

Une galerie WordPress peut être utilisée pour afficher plusieurs images et cela est couvert dans un autre article.

Vous apprendrez également à rechercher des images, à redimensionner et à compresser.

Passer directement à Ajouter une seule image à WordPress

Pourquoi utiliser des images sur un WordPress ?

Ajoutez régulièrement des images pour rendre l'expérience de lecture plus agréable, ce que les moteurs de recherche récompensent.

Les moteurs de recherche classent une page Web plus haut s'ils voient des images appropriées.

Ils savent que les humains sont visuels et qu'une page Web ressemble plutôt à un document texte sans image.

Le lecteur est plus satisfait de l'apparence des images et, en fin de compte, c'est ce qu'un moteur de recherche attend d'une page Web : attirer un public.

Recherche d'images pour un blog ou un site Web

Tenir compte de la forme

Lorsque vous décidez d'une image, pensez d'abord à la forme.

• Il doit s'adapter à l'espace désigné – s'agit-il d'un paysage, d'un portrait ou d'un carré ?
• Nous ne voulons pas perdre le focus principal de l'image une fois qu'elle est redimensionnée.

Capturez des images de stock avant de dépenser de l'argent. Même avec un filigrane sur sa taille, sa forme et sa couleur peuvent être vérifiées avant de faire un achat final.

Où trouver des images

J'utilise un certain nombre de sources pour les photos et les graphiques et, rarement, je crée les miennes. Cela dépend de l'endroit où l'image sera utilisée.

Sur mon site Web, je veux que les photos aient l'air professionnelles, mais mon blog peut avoir une ambiance plus détendue et amicale.

Il existe plusieurs façons de rechercher des photos pour un site Web ou un blog, gratuites ou payantes.

Payer un photographe professionnel

Je suis un défenseur des photographes professionnels. Les photos professionnelles peuvent donner un aspect net à un site Web.

Si vous ne pouvez pas vous permettre de devenir pro, vous pouvez essayer un photographe amateur local. Les photographes amateurs sont désireux de constituer un portfolio, ce qui peut souvent être moins cher.

Une entreprise peut payer un photographe pour une journée ou une demi-journée pour obtenir toutes les photos commerciales dont elle aura besoin pendant quelques années, et cela en vaut vraiment la peine.

Obtenez des photos de produits, de portfolio et d'équipe en une journée.

Rangez l'emplacement, nettoyez les véhicules d'affaires, faites-vous couper les cheveux et faites vraiment un effort pour obtenir de bonnes photos, à l'intérieur et à l'extérieur de votre lieu de travail.

Cependant, je comprends qu'un photographe peut coûter cher pour les start-ups qui ont une rotation élevée de produits. Prendre des photos à la maison peut fonctionner.

Prenez des photos vous-même

Les smartphones ont de très bons appareils photo de nos jours. Si vous en avez l'œil, prendre vos propres photos peut très bien fonctionner et vous faire économiser de l'argent.

Réglez l'appareil photo sur la résolution la plus élevée afin de pouvoir recadrer les photos comme bon vous semble.

Des produits utiles qui aideront à la photographie à domicile.

Les photos ou vidéos d'équipe peuvent être capturées à l'aide d'un trépied, d'un joli arrière-plan et d'un bon éclairage. Si vous en avez besoin régulièrement, cela peut valoir la peine de dépenser de l'argent pour certains équipements.

Photographiez de petits produits pour votre site Web à l'aide d'un kit de studio de caisson lumineux ou des lumières diffusantes plus hautes du kit d'éclairage de photographie.

La « photographie à domicile » naturelle aide à mettre la vie, le caractère et la réalité dans les blogs ou les publications sur les réseaux sociaux, alors n'ayez pas peur des environnements naturels ou des selfies.

Demandez à des amis ou des relations d'affaires

Vous pouvez échanger un service – demandez à des amis ou à des relations professionnelles de fournir des photos. Proposez de les citer ou de fournir un lien vers leur site Web, ce qui est très précieux pour le pageRank.

Utiliser un site Web boursier

Il peut très bien s'avérer difficile de créer des images adaptées à l'article, c'est là que les sites Web de stock sont très utiles.

Il existe une abondance de sites Web de stock qui fournissent des photographies, des graphiques, des illustrations, des icônes et des vidéos sur presque tous les sujets auxquels vous pouvez penser – une ressource vraiment utile.

Vous pouvez obtenir des photos professionnelles pour aussi peu que 5 £ pour une licence à vie. Cela en vaut la peine si vous dirigez une entreprise.

Quelques sites Web d'images de stock que j'aime sont : istockphoto.com, vingt20.com, shutterstock.com.

Le site de stock d'images gratuit appelé Pexels est génial. Téléchargez des photos gratuites de photographes amateurs et téléchargez les vôtres.

Utilisez des images Google, « étiquetées pour la réutilisation »

Google propose un outil de recherche qui permet de trouver des images étiquetées pour être réutilisées.

1. Allez directement sur www.google.com et recherchez un sujet puis cliquez sur IMAGES.
   Ou allez directement sur images.google.com.
2. En haut, cliquez sur OUTILS DE RECHERCHE.
3. Cliquez sur l'option 'étiqueté pour réutilisation'.

Google affiche une grille d'images étiquetées pour une réutilisation, même commerciale.

Soyez vigilant. Il est de votre responsabilité de vérifier les droits d'auteur de chaque image . Suivez les directives – vous pouvez être lourdement condamné à une amende si vous ne le faites pas.

Cliquez sur l'image pour visiter la page Web. Lisez les exigences en matière de droits d'auteur.

Un lien vers la page des photographes ou un crédit peut être demandé.

Avertissement lors de l'utilisation de Google images

Certaines images du domaine public peuvent être réutilisées sur des sites commerciaux, d'autres non.

Comme toute autre chose, les photos et les graphiques sont créés par une personne compétente. Ils possèdent donc les droits, même si ce n'est pas clairement indiqué.

Soyez prudent lorsque vous téléchargez des images directement depuis Google ou tout autre site Web, de lourdes amendes sont infligées en cas d'utilisation abusive.

Redimensionner et compresser des images pour le Web

La façon dont une image est redimensionnée, compressée, enregistrée et placée affectera le classement d'une page Web dans les moteurs de recherche.

Les sites Web avec des images à chargement lent sont pénalisés par les moteurs de recherche. Les visiteurs ne voudront pas toujours les attendre non plus.

J'ai écrit un article dédié à ce même sujet – Comment redimensionner une image pour le web. L'article parle de redimensionner les images par pixel et de les compresser pour réduire les kilo-octets.

Malheureusement, il n'y a pas de taille standard unique que je puisse vous faire savoir ici.

Tous les sites Web sont différents et il existe de nombreuses tailles d'écran sur lesquelles une image peut être vue - d'aussi petit qu'un téléphone à aussi grand qu'un téléviseur.

Gardez ces choses à l'esprit :

• Les photos ne doivent jamais mesurer moins de 450 pixels de large, car elles s'empileront probablement sur un appareil mobile, 450 rempliront un écran mobile et feront un peu plus de la moitié d'un écran moyen, ce qui est parfait pour un affichage sur deux colonnes. Ce sont les valeurs par défaut pour la plupart des plugins WordPress.
• Les agrandissements en plein écran ou « images de héros » comme on les appelle (ceux qui se trouvent en haut d'un site Web et qui s'étendent de gauche à droite de l'écran) doivent mesurer jusqu'à 1920 pixels de large pour s'adapter aux très grands écrans. C'est assez grand, et même pas assez grand pour des téléviseurs plus grands.
• Envisagez d'utiliser des plugins d'image adaptatifs dans WordPress pour afficher des tailles adéquates pour les appareils.

Lisez mon article – Comment redimensionner une image pour le Web pour plus de détails.

Enregistrer des images pour la recherche Google

Les moteurs de recherche peuvent reconnaître instantanément ce qu'une image illustre si elle est enregistrée correctement. Le nom de fichier est une partie essentielle de l'optimisation pour les moteurs de recherche.

Enregistrez l'image en fonction du sujet de la photographie.

C'est-à-dire que l'enregistrement d'une image en tant que <strawberry-cheese-cake.jpg> est plus informatif et efficace que <image07_912.JPG>.

Les moteurs de recherche reconnaîtront l'effort.

Les directives de qualité de Google demandent aux propriétaires de sites Web de « placer les images à côté du texte pertinent » dans la mesure du possible. Assurez-vous que toutes les images que vous utilisez correspondent au texte.

Une fois que vous avez redimensionné, compressé et enregistré votre image correctement, vous êtes prêt à l'ajouter à WordPress.

Ajouter une image à WordPress

• Connectez-vous à votre zone d'administration WordPress et accédez à la publication ou à la page.
• En utilisant l'éditeur de blocs Gutenberg, nous allons appuyer sur l'icône + PLUS pour ajouter un "bloc d'image". Survolez simplement n'importe quel bloc déjà utilisé sur la page. L'icône PLUS apparaît sous le bloc.

• Une fois que vous avez appuyé sur le signe PLUS, un menu contextuel contenant des options de bloc s'affiche.
• Il y a une section « les plus utilisés » qui est pratique pour les blocs régulièrement utilisés. Si vous ne voyez pas IMAGE ici, utilisez le champ de recherche en haut.
• Le nouveau bloc d'image est placé sous le symbole PLUS sur lequel vous avez cliqué. Les blocs peuvent être facilement déplacés à l'aide des flèches HAUT/BAS à gauche d'un bloc sélectionné.
• Appuyez sur le bouton TÉLÉCHARGER pour télécharger une image.
• L'image apparaîtra dans le bloc. Toute image que vous téléchargez s'affichera également dans la médiathèque.

Alignement d'images dans WordPress

Une image peut être alignée dans son bloc à l'aide de la barre d'outils. La barre d'outils apparaît en haut à gauche lorsque l'image est sélectionnée.

Utilisez l'icône qui ressemble à une boîte avec deux lignes, une au-dessus, une en dessous.

Appuyez simplement sur la flèche à droite de l'icône pour trouver des options qui alignent l'image à gauche, à droite, au centre, en largeur ou en pleine largeur.

Sauvegardez toujours, puis vérifiez sur le front-end pour voir comment l'image est positionnée. L'image peut ne pas être alignée tout à fait comme vous l'aviez imaginé. L'éditeur back-end raconte une histoire différente de celle du front-end.

Vérifiez-le sur un ordinateur de bureau et des appareils mobiles pour qu'il soit correct sur les deux tailles d'écran.

Les images peuvent également être liées ou remplacées à l'aide de la barre d'outils Image.

Colonnes WordPress pour le placement d'images

Nous utilisons des colonnes dans l'éditeur de blocs WordPress, pour placer une image à gauche ou à droite d'un autre bloc sur un grand écran. Imaginez des colonnes de journaux affichées les unes à côté des autres.

C'est ainsi que l'on placerait une image à côté d'un paragraphe, par exemple.

Sur un petit appareil, comme un smartphone, les colonnes s'empilent les unes au-dessus des autres. Habituellement, la colonne de gauche s'empilera au-dessus de la colonne de droite.

Pour créer 2 colonnes :

• Appuyez sur le symbole PLUS pour créer un bloc.
• Maintenant, appuyez sur COLUMNS ou recherchez COLUMNS.
• Choisissez l'option à l'extrême gauche, deux colonnes, réparties égales.
• Appuyez sur le signe plus dans chaque colonne pour ajouter une image, comme ci-dessus, à une colonne.
• Appuyez sur le signe plus dans la colonne suivante pour ajouter un paragraphe.

Optimiser les images pour les moteurs de recherche dans WordPress

Je voudrais souligner deux autres attributs importants que WordPress fournit pour aider les propriétaires de sites Web à optimiser les images pour la recherche.

Texte alternatif (balise alt)

Le texte alternatif signifie texte alternatif, c'est une balise d'information.

La balise Alt est utilisée pour aider les personnes – celles dont les images sont désactivées, les utilisateurs malvoyants et/ou utilisant des lecteurs d'écran.

La balise alt aide également Google à comprendre quelle est l'image.

Utilisez des phrases clés lorsque vous l'écrivez.

Dans les blocs WordPress, vous verrez un champ pour la balise ALT une fois que vous aurez cliqué sur le bloc d'image. C'est sur le côté droit de la page, sous les paramètres de bloc.

Légendes des images

Fournir des légendes d'images aidera également à se classer dans les moteurs de recherche, bien que je ne les utilise pas souvent car je les trouve désordonnés.

Google souhaite que vous fournissiez à l'utilisateur une bonne expérience une fois qu'il est sur le site Web.

Pour ajouter une légende, cliquez simplement sur le bloc d'image sur la page et le champ LÉGENDE apparaîtra sous l'image.

Si vous n'incluez pas de légende, rien n'apparaîtra ici du tout.

Galeries WordPress

Une galerie WordPress offre la possibilité d'inclure plus d'une photographie dans une zone, toutes avec une mise en page similaire.

Un tutoriel rapide pour ajouter une galerie WordPress :

• Appuyez sur le symbole PLUS pour créer un bloc.
• Recherchez puis appuyez sur GALERIE.
• Un bloc de galerie apparaît sur la page ou la publication.
• Cliquez sur le bouton « Télécharger » pour télécharger des images depuis l'ordinateur.
• Utilisez le bouton « Médiathèque » pour inclure des images déjà hébergées dans la médiathèque.
• Sélectionnez plusieurs images - elles seront surlignées en bleu et vous verrez une coche.
• Appuyez sur le bouton bleu, en bas à droite intitulé - CRÉER UNE NOUVELLE GALERIE.
• Continuez à ajouter à la galerie en utilisant les liens sur le côté gauche.
• Ou INSÉRER LA GALERIE à la page, en utilisant le bouton bleu, en bas à gauche.

Une fois que la galerie est sur la page, les paramètres peuvent être modifiés - sélectionnez le bloc GALERIE, puis utilisez les paramètres de bloc qui apparaissent dans la barre latérale à droite.

J'ai écrit un article beaucoup plus détaillé qui aidera - la galerie WordPress - à ajouter, éditer et améliorer.

Processus rapide pour ajouter des images à WordPress

• Trouvez une image aux proportions appropriées.
• Vérifiez qu'il est disponible pour une réutilisation ou achetez une licence.
• Redimensionnez la largeur en pixels pour l'adapter à l'article.
• Utilisez un logiciel de compression pour réduire le ko.
• Enregistrez-le selon les exigences de Google.
• Ajoutez-le à un article, une page ou une galerie WordPress à l'aide de blocs.
• Optimisez chaque image à l'aide de balises ALT, de balises de titre et de légendes.