Mai 21, 2020 | Webmarketing

L’art d’optimiser ses images pour le web et le SEO

Savez-vous que les images impactent le référencement naturel et la performance de votre site ?

Une page web doit comporter au moins une image pour augmenter sa visibilité.

Utilisez seulement des photos libres de droits.

Voici les bonnes pratiques SEO pour vos images.

Optimiser l’image avant de l’importer

Google aime les sites rapides. Et si vous lui imposer des images trop lourdes, il ne sera pas content car vos pages auront un chargement très lent.

Vous devez optimiser vos images avant de les importer dans la bibliothèque de votre site.

Il est important de retenir les informations suivantes :

– 200 ko maximum par image

– 1 Mo maximum d’images par page

– 1920 px maximum (pour les images bannières)

Pensez à adapter la dimension de votre image en fonction de son emplacement sur le site. Cela ne sert à rien de mettre une image de 1200px si son emplacement fait 400px.

Optimiser une image web avec Photoshop

Si vous avez beaucoup d’images à traiter, Photoshop vous fera gagner du temps.

Le process pour optimiser une image :

1- Ouvrez votre image dans Photoshop

2- Fichier > Exporter > Enregistrer pour le web

3- Changez la taille de votre image en fonction de son emplacement sur le site

4- Ajustez la qualité entre 50% et 100% en fonction du poids de l’image

5- Exportez l’image

Optimiser une image web avec photoshop

Cliquez sur l’image pour l’agrandir

Si vous avez plusieurs images, ou pour éviter de répéter l’opération, vous pouvez créer une Action qui consiste à automatiser le process :

1- Allez dans « Fenêtre » > Action

2- Créez une nouvelle action

3- Répétez le process d’optimisation image

4- Arrêter l’enregistrement de l’action

Maintenant vous n’aurez plus qu’à cliquer sur votre action pour exporter en un clic vos images optimisées.

Modifier la taille de l’image avec Paint

Si vous n’avez pas de logiciel et que vous utilisez un PC, vous pouvez modifier la taille de vos images avec Paint. Sur Mac c’est le logiciel Preview, option « Ajuster la taille ».

Pour cela, il suffit de faire clic droit sur votre image, cliquez sur « Modifier ». L’image s’ouvre dans Paint.

Cliquez sur « Redimensionner », cochez « Pixels ». Choisissez la valeur souhaitée. Sachant que cela ne sert à rien de dépasser 1920px.

Lorsque vous enregistrer votre valeur, vous aurez l’information concernant la taille de l’image en bas. Essayez de ne pas dépasser 200 ko.

Redimensionner image pour le web avec Paint

Optimiser une image web avec Imagify

Imagify est un plugin créé par WP Rocket, une extension géniale qui optimise les performances de votre site.

L’extension Imagify, une fois installée sur votre site WordPress, va optimiser automatiquement les images téléchargées. Vous avez même la possibilité de les redimensionner automatiquement mais cela ne veut pas dire qu’il faut télécharger quand même de très grandes images.

Vous avez le choix entre l’optimisation normale, agressive ou ultra. La dernière altère la qualité de l’image.

Optimiser images web avec Imagify

Utiliser le format webP pour vos images

Le format webP allège le poids de vos images et optimise la vitesse de chargement d’un site.

Le plugin Imagify, en plus d’optimiser vos images, peut les convertir automatiquement en format webP.

Il vous suffit de choisir l’une des 2 options :

– Utiliser des règles de réécriture

– Utiliser des balises <picture>

La première option ajoute des règles de réécriture dans le fichier de configuration du site (.htaccess) et n’altère pas le code de vos pages. Cependant cela ne fonctionne pas avec un CDN.

La seconde option remplace les balises <img> par des balises <picture>. Ceci est la solution conseillée mais certains thèmes peuvent casser, donc assurez-vous que tout fonctionne correctement.

Au début j’utilisais toujours la deuxième option mais il y a eu des problèmes d’affichage sur un des sites de mes clients donc maintenant j’opte pour la première option.

Pour activer la 2e option, vous trouverez sur cette page d’Imagify le code à ajouter dans votre fichier .htaccess.

Bien renommer vos images et booster le SEO

Le format

Vous pouvez utiliser les formats jpg, png ou gif.

Je vous conseille d’utiliser le format png que pour les logos ou illustrations nécessitant un fond transparent car ce format est plus lourd que le jpg.

Les formats gif ne peuvent pas avoir de balise alt, ce qui est dommage pour le référencement.

Privilégiez donc le format jpg.

Le nom des images

Si vous téléchargez des images nommées comme ceci « img856 », vous ne profitez pas du pouvoir du référencement !

Renommez correctement vos images avant de les télécharger. Utilisez seulement les minuscules et le tiret « -« .

N’utilisez pas de caractère spécial, d’accent, d’espace ou underscore.

Exemple : « comment-devenir-photographe-professionnel.jpg »

Assurez-vous que les nom de l’image soit bien une description textuelle de l’image.

Le texte alternatif

S’il y a bien un champ WordPress à compléter obligatoirement c’est bien celui ci.

La balise alt permet à Google de lire votre image et de la référencer. En utilisant les mots clés adaptés, vous augmenterez la position de votre image dans Google images.

Le Alt Text s’affiche aussi sur la page si votre image ne parvient pas à se charger. Et il est également utilisé par les lecteurs d’écran pour les malvoyants.

Le titre

Le titre est un texte qui s’affiche au survol de la souris, c’est un plus pour l’utilisateur.

Vous pouvez tout à fait copier le texte alt.

La légende

La légende apporte du contenu autour de l’image.

Avec certains thèmes, la description sera affichée sous la photo.

Certains diront que ça n’apporte rien pour le référencement, je ne suis pas d’accord avec eux. Car tout contenu qualitatif apporte de la valeur.

Image WordPress texte alt titre légende et description

Voilà, maintenant les images pour le web n’ont plus de secret pour vous.

Si vous souhaitez remplacer vos images existantes pour mettre à jour les dimensions ou changer complètement de photo, utilisez le plugin Enable Media Replace. Il permet également de modifier le nom de l’image avec celui de la nouvelle image téléchargée.

Si vous souhaitez changer seulement le nom, essayez le plugin Media File Renamer.

Pourquoi la motivation ne dure pas ?

Pourquoi la motivation ne dure pas ?

Vous êtes-vous déjà demandé pourquoi, malgré tous vos efforts, la motivation ne dure pas ? Pourquoi vous n'arrivez pas à aller au bout de vos tâches ? Pourquoi vous n'arrivez pas à tenir vos résolutions ? J'ai enfin trouvé le coupable ! Nous allons voir comment...

6 points à vérifier pour optimiser son site web

6 points à vérifier pour optimiser son site web

Pour améliorer rapidement votre site web, je partage avec vous 6 points essentiels à vérifier. Bien entendu, il y a beaucoup de choses à travailler pour avoir un site référencé, rapide, engageant... cela fera l'objet d'un article complet sur le référencement.Passer...

Comment choisir son thème WordPress : les 7 critères

Comment choisir son thème WordPress : les 7 critères

Lorsque je suis tombée amoureuse du web design en Master 2, j'ai décidé de lancer un blog voyage pour m'amuser et découvrir l'univers des sites web. Je ne connaissais absolument rien au référencement naturel et bonnes pratiques du web. En parcourant les thèmes...

0 commentaires

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *