Utilisation et optimisation des images : aide-mémoire pour la recherche et l’optimisation sociale

Si vous gérez un site Web, il y aura très probablement beaucoup d’images là-bas.

Alors que le référencement spécifique à l’image est très bien expliqué dans un peu détaillé guides, essayons de créer un guide très simple et facile à organiser pour utiliser correctement les images :


1. Images gratuites que vous *pouvez* utiliser

Tout d’abord, voyons où vous pouvez trouver des images gratuites en ligne. C’est une idée fausse populaire que vous pouvez réellement utiliser n’importe quel image que vous trouvez en ligne tant que vous mentionnez la source.

N’oubliez pas que vous ne pouvez réutiliser les images qu’avec une certaine licence :

Les deux sources populaires (et les plus efficaces) d’images Creative Commons que vous pouvez republier sont :


2. Noms des fichiers images

Un nom de fichier image est crucial lorsqu’il s’agit de classer une image dans les résultats de recherche Google Image. J’ai constaté une énorme augmentation du trafic de recherche d’images chaque fois que je choisis un bon nom pour mon image. Voici ce qui a toujours fonctionné comme un charme :

phrase-clef.jpg

N’oubliez pas que traditionnellement, les moteurs de recherche lisent un trait d’union dans les URL et les noms de fichiers comme un « espace » – cela ne signifie pas que Google ne comprendra pas un trait de soulignement, un espace réel ou d’autres caractères, mais un trait d’union est le plus naturel et le plus simple. chemin à parcourir avec.


3. Texte ALT de l’image et titre de l’image

C’est une autre question très populaire : quelle est la différence entre les attributs ALT et TITLE lorsqu’il s’agit de décrire une image ?

Plus fondamentalement, voici la différence :

Attribut « Alt » de l’image Attribut « Titre » de l’image
Règle officielle d’utilisation Décrit une image pour les agents de recherche Donne des informations *supplémentaires* sur le sujet d’une image (quand c’est nécessaire)
Lecteurs d’écran (comme JAWS ou Orca) « Lis le Ignorez-le par défaut (il est généralement considéré redondant*)
Navigateurs Google Chrome S’affiche lorsque les images sont désactivées Apparaît lorsque vous survolez une image
FireFox S’affiche lorsque les images sont désactivées
Safari Est ignoré
Opéra S’affiche lorsque les images sont désactivées
C’EST À DIRE Apparaît lorsque vous survolez une image si l’attribut notitle est présent

conclusion:

  • (Très important !) Utilisez le texte ALT pour décrire l’image que vous utilisez ;
  • Utilisez le titre si vous avez besoin de donner des informations supplémentaires : do NE PAS dupliquez-le avec du texte alternatif ! (*les règles d’accessibilité conseillent uniquement d’utiliser les balises TITLE pour les abréviations, les formulaires, etc., c’est-à-dire lorsqu’une explication est vraiment nécessaire) ;
  • (S’il y a plusieurs images sur une page) Utilisez différent texte alternatif sur toute la page car il sera affiché sous forme de « texte » dans la plupart des navigateurs (lorsque les images sont désactivées) et dans la newsletter par e-mail (lorsque le contenu distant est chargé à la demande) :

4. Taille et type d’image

La bonne vieille règle a toujours été de garder vos images inférieures à 100K. Ma propre règle d’or : tant que je ne sacrifie pas la qualité de l’image, Je fais la taille minimale que je peux.

Google recommande également : « moins il y en a, mieux c’est ». Voici les recommandations de Google concernant les types de fichiers et les compresseurs :

Mieux utilisé pour Compresseur recommandé
JPG Toutes les images de style photographique jpegtran ou jpegoptim
PNG Logos, bannières, etc. (où vous avez besoin d’un fond transparent) OptiPNG ou PNGOUT
GIF Pour les graphiques très petits/simples (par exemple moins de 10×10 pixels, ou une palette de couleurs de moins de 3 couleurs) & pour les images animées N / A
BMP ou TIFF Ne pas utiliser

Plus d’excellents outils à essayer pour tout type de fichier image que vous utilisez:

  • WP Smush.it – un plugin WordPress qui utilise l’API Smush.it pour effectuer automatiquement l’optimisation des images. Il effectue toutes les tâches essentielles d’optimisation d’image : optimisation de la compression JPEG, conversion de certains GIF en PNG indexés et suppression automatique des couleurs inutilisées des images indexées (à l’exception de la suppression des métadonnées JPEG).

5. Schéma pour les images

ImageObject fait partie de nombreux types de schémas importants :

  • Article (Géré par Yoast)
  • Produit
  • Comment
  • Recettes, etc…

Faites de votre mieux pour inclure des images dans vos données structurées, et vous générerez probablement des extraits visuels riches et obtiendrez une visibilité supplémentaire via d’autres sections de recherche :


Schéma d'image


6. Vignettes d’image dans les médias sociaux

Une vignette d’image générée avec l’extrait de code lorsque quelqu’un partage votre publication sur un mur Facebook ou Google Plus est cruciale en termes de clics et de partages supplémentaires.

Alors que Google Plus est généralement très intelligent pour baliser votre page et trouver la meilleure vignette pour accompagner la mise à jour, Facebook semble ne compter que sur ce que vous « pointez » dessus. De plus, lorsque vous utilisez le bouton « J’aime » de Facebook, vos lecteurs n’ont presque aucun contrôle sur l’extrait partagé et souvent une image qui arrive sur le mur Facebook de votre lecteur est absolument aléatoire.

Pour garantir que vos belles images pertinentes et accrocheuses parviennent sur les flux Facebook de vos fans et attirent beaucoup d’attention, nous sommes obligés d’utiliser Protocole de graphe ouvert pour pointer Facebook vers ce qui doit être récupéré sur votre page.

  • Cette Le plugin WordPress facilite l’intégration d’Open Graph pour les blogueurs WordPress.
  • Aussi, cet outil vous aidera à identifier comment Facebook « voit » votre page ainsi qu’à actualiser son cache.

Autres facteurs « évidents »

Les conseils et les tableaux ci-dessus répertorient principalement les facteurs spécifiques à l’image pour rendre vos images plus conviviales pour la recherche et les réseaux sociaux. Cela ne signifie pas que d’autres pratiques de bon sens n’ont pas d’importance ici :

  • Vos images doivent être entourées d’un contenu « textuel » pertinent pour bien se classer dans les résultats de recherche d’images ;
  • Vos images doivent être situées sur des pages puissantes (en termes de jus de lien et d’optimisation sur la page).

Ai-je raté quelque chose ? Aidons à créer un véritable guide « tout-en-un »: ajoutez vos conseils de référencement d’image dans les commentaires !

Pour un contenu plus utile lié au référencement et aux médias sociaux, n’oubliez pas de Suivez-nous sur Twitter et Rejoignez nous sur facebook!