LES 8 CHOSES QUE VOUS DEVEZ FAIRE POUR CHAQUE IMAGE DE VOTRE SITE WORDPRESS

LES 8 CHOSES QUE VOUS DEVEZ FAIRE POUR CHAQUE IMAGE DE VOTRE SITE WORDPRESS

Ajouter une image à votre site web n’est pas aussi simple que de la télécharger et de cliquer sur le bouton de publication. Bien sûr, c’est une option – vous pouvez le faire paresseusement – mais si vous voulez un site web parfaitement optimisé et des résultats de recherche favorables, il y a quelques choses que vous devez faire pour vous assurer que les images sont optimisées avant de les publier. Vous pouvez trouver cela ennuyeux et fastidieux, et prendre beaucoup de temps, mais prendre le temps de bien faire les choses en vaudra la peine lorsque vous verrez votre note A+ sur Google et Bing Webmaster Tools et que vous serez récompensé par des classements de recherche exceptionnels.

Éditer

Si vous ne possédez pas de licence Adobe Photoshop, ne vous inquiétez pas, il existe de nombreux outils de retouche photo en ligne gratuits qui peuvent vous aider à faire votre travail. L’utilisation de photos de haute qualité sur votre site web est aussi importante que l’utilisation d’une bonne grammaire.

Ces sites web proposent des outils gratuits qui facilitent le recadrage, le redimensionnement et la retouche de vos images :

PicMonkey
Pixlr
Fotor
Compresser

Les fichiers d’images volumineux prennent beaucoup de place sur votre site web et ralentissent la vitesse de votre site et entravent considérablement ses performances. Avant de télécharger une image sur votre site, compressez-la. Dans Adobe Photoshop, sélectionnez « compresser pour le web » avant d’enregistrer le fichier. Vous pouvez également obtenir des résultats similaires en utilisant certains des outils de compression d’images gratuits disponibles en ligne. La vitesse du site est un facteur de classement, donc plus elle est rapide, mieux c’est.

PunyPNG
PNGGaunlet

Les résultats varient, mais dans un test, Adobe Photoshop a réduit une image de 236 Ko à 108,1 Ko, tandis que TinyPNG a réduit le même fichier de 236 Ko à 110,4 Ko. Les performances d’Adobe Photoshop sont donc légèrement meilleures, mais vous pouvez vous en approcher en utilisant d’autres programmes.

Nom du fichier

Une fois que vous avez préparé l’image pour le téléchargement, assurez-vous de lui donner un nom correct. Les moteurs de recherche utilisent les noms de fichiers pour identifier et indexer les résultats, c’est donc une étape très importante. Si vous nommez un fichier avec un tas de lettres et de chiffres, cela ne donne aux moteurs de recherche aucune information sur ce que l’image représente. Cependant, si le fichier a un nom spécifique tel que « Lever de soleil sur la Tour Eiffel », il peut être classé et indexé, alors que nommer le fichier par exemple « Paris » ne décrit pas très bien l’image. Utilisez des mots clés dans le nom du fichier pour améliorer les résultats de votre recherche. Veillez à utiliser des traits d’union dans le nom du fichier pour séparer les mots.

Ceci : Eiffel-Tower-Sunrise-Copyright-Melissa-McGibbon

Pas ça : ParisET7845781-4

URL

Lorsque vous téléchargez votre image éditée, compressée et correctement nommée sur votre site web, WordPress affiche les détails de la pièce jointe dans une boîte située sur le côté droit de la page Insérer un média, indiquant l’URL du permalien généré automatiquement en fonction du nom du fichier, qui est essentiellement l’adresse web de l’image. Vous ne pouvez pas modifier cette adresse une fois qu’elle a été téléchargée, donc si vous avez oublié de changer le nom du fichier avant de le télécharger, vous devrez supprimer l’image et télécharger à nouveau l’image nouvellement nommée.

Attribut du titre de l’image

La boîte de titre de l’image se trouve juste en dessous de la boîte d’URL. Ici, vous pouvez nommer l’image comme vous le souhaitez. Ce titre doit compléter l’attribut Alt Text, mais ne doit pas le répéter. Bien que Google utilise principalement l’attribut Alt Text pour déterminer les informations relatives à un fichier image, il est utile d’ajouter des informations supplémentaires pertinentes sur l’image dans la zone Titre. Une information courte et spécifique fera l’affaire.

Légende

L’ajout d’une légende n’est pas nécessaire à des fins de référencement, mais peut être utile pour l’expérience de l’utilisateur. Le contenu de cette boîte s’affichera sur le site, tandis que les attributs Alt et Title ne le feront pas.

Attribut de texte Alt

Le « Alt » est l’abréviation de « alternative ». Les moteurs de recherche se réfèrent au texte « alt » lorsqu’ils essaient de déterminer des informations sur l’image – une représentation textuelle du contenu de l’image. La meilleure utilisation d’une boîte de texte Alt est de fournir un appariement de mots pour l’image. La spécificité est également utile dans ce cas. C’est un élément très important pour le référencement car il fournit une description qui se prête aux résultats de la recherche. N’utilisez pas le même contenu pour les champs Alt Text et Title Text ou Description. Chacun d’eux doit être unique. C’est le contenu qui apparaîtra si un navigateur ne peut pas afficher l’image.

Ceci : Vue de la Tour Eiffel au lever du soleil depuis la Place du Trocadéro

Pas ça : La Tour Eiffel au matin

Description :

Les informations de description seront affichées sur la page de pièce jointe de votre image. Dans ce champ, vous pouvez être aussi descriptif que vous le souhaitez, par exemple en racontant l’histoire qui se cache derrière l’image ou en indiquant le type d’appareil photo que vous avez utilisé pour prendre la photo. Vous pouvez ajouter des liens dans le champ de description. Encore une fois, ne vous contentez pas de copier et de coller les informations du titre ou des attributs Alt.

Après en avoir fait un ou deux, vous commencerez à comprendre pourquoi les développeurs web valent chaque centime. Sur ce point, si vous ne voulez pas prendre le temps et l’énergie nécessaires pour optimiser correctement toutes les images de votre site, nous sommes à votre service.

Cliquez ici pour plus d’informations sur nos services de développement web.