Ceci est un article sponsorisé écrit par ImageKit. Les opinions exprimées dans cet article sont celles du sponsor.
Les humains sont aptes à réagir aux éléments visuels. De nombreuses études ont suggéré que le contenu visuel avait une meilleure rétention et une meilleure valeur de rappel par rapport au texte.
Cela reflète également la manière dont nous achetons ou consommons du contenu en ligne. Nous sommes plus susceptibles d'acheter un produit contenant des images de haute qualité.
Les recherches montrent que 60% des consommateurs sont plus susceptibles de contacter une entreprise dont l’image apparaît dans les résultats de la recherche locale.
Et, bien que nous dégagions une énergie considérable en optimisant le texte et les en-têtes de notre site Web, en essayant de le rendre plus attrayant pour les robots des moteurs de recherche, nous ignorons souvent un élément essentiel – les images de notre site Web.
Les images sont importantes pour le référencement, plus que jamais!
Les résultats de la recherche sont devenus plus visuels au fil des ans.
Ne le crois pas?
Jetez un coup d'œil au nombre d'images que recherche la recherche sur «Décor de Noël» sur la première page de Google.
La recherche visuelle est la prochaine grande chose. En fait, c’est déjà là!
Notre stratégie de référencement des images nécessite donc également une mise à niveau.
Fait correctement aujourd'hui, il peut changer la donne à l'avenir, nous apportant plus de visibilité et des pistes entrantes organiques.
Et ImageKit.io est l'un de ces outils qui permettra d'améliorer notre image de marque en déployant automatiquement les techniques d'optimisation d'image les plus récentes et les meilleures de leur catégorie sur notre site Web.
Et il n’est pas nécessaire d’être un expert en technologie pour l’utiliser, c’est aussi simple que ça!
Optimisation optimisée des images pour le référencement avec ImageKit.io
Tout le monde explique comment le texte alternatif, les titres, les légendes et les noms de fichier ont une incidence sur le référencement par image.
Leur ajout à nos images leur fournit une description textuelle, aidant les moteurs de recherche à trouver et à indexer ces images pour les bons mots clés.
Ces techniques existent depuis que les moteurs de recherche sont devenus populaires.
Mais est-ce tout ce que nous pouvons faire pour améliorer notre image de marque?
De plus, les robots d'exploration devenant plus efficaces grâce à la «compréhension» des informations visuelles, les balises alt et les noms de fichiers seront-ils les seuls facteurs ayant une incidence sur le référencement des images à l'avenir?
Explorons d’autres techniques modernes que nous pouvons appliquer maintenant, qui resteront pertinentes et renforceront notre image de marque SEO pour les années à venir!
1. Utiliser automatiquement les formats d'image appropriés
Le format dans lequel nous livrons une image a un impact significatif non seulement sur sa qualité, mais également sur son temps de chargement.
Chaque format d'image a ses propres nuances.
Par exemple, le format JPG convient parfaitement aux photographies, tandis que le format PNG convient parfaitement aux logos et aux graphiques générés par ordinateur. Échangez les deux et vous obtiendrez une image inutilement grande.
Ceci peut être vu dans l'exemple ci-dessous.
L'image PNG ici est plus de 2x plus grande que l'original JPG.
Ajoutez à cela le format d'image WebP. Format d'image relativement nouveau introduit par Google, il combine le meilleur des formats PNG, JPG et GIF et fournit des images 30% plus petites.
Malheureusement, il n’est toujours pas supporté par tous les navigateurs.
Le problème de livraison de l'image dans le bon format est donc non trivial.
Source: Inspiré par Allen Hsu
Il existe un moyen plus simple: utilisez ImageKit.io pour livrer nos images.
De la détermination de la prise en charge du navigateur à la prise en compte du format et du contenu de l'image d'origine, ImageKit.io fait tout.
ImageKit.io sélectionne automatiquement les formats d'image les plus appropriés à transmettre aux utilisateurs finaux, ce qui simplifie ce processus.
Par exemple, lors de l’utilisation de ImageKit.io pour l’optimisation d’image, l’URL de l’image (https://ik.imagekit.io/demo/img/seo-img_E3VIyyKu6.jpg) est livrée dans WebP dans le navigateur Chrome, mais sous forme de fichier JPEG dans Safari. . En effet, Safari ne prend pas en charge WebP.
Aucun changement dans l'URL, mais le format correct à chaque fois.
2. Compresser les images sans impact sur la qualité visuelle
La vitesse du site Web est un facteur critique affectant les classements SEO. Pourquoi?
Plus le temps de chargement d’une page est long, plus le temps passé est long et moins le taux de rebond des utilisateurs est élevé.
Les images sont l’un des principaux facteurs affectant la vitesse de chargement des pages car elles en constituent une partie. Et si utiliser une image de haute qualité procure une bonne expérience utilisateur, cela augmente le temps de chargement.
ImageKit.io nous aide à trouver cet équilibre parfait entre qualité visuelle et taille d'image.
Il suffit de livrer les images avec. Il peut automatiquement compresser les images de plus de 30% sans perte de qualité.
Regarde:
L'image compressée à l'aide d'ImageKit représente ici 1/3 de la taille de l'image d'origine
3. Utilisez des images correctement redimensionnées
Plus de 50% de tous les visiteurs de nos sites Web proviennent d'appareils mobiles. Et ce nombre augmentera dans le futur. Il en va de même pour la nécessité d'une expérience transparente entre périphériques.
Il est évident que nos images doivent être optimisées pour répondre à toutes les tailles d'écran et pas seulement aux ordinateurs de bureau et aux ordinateurs portables.
Désormais, nous n’avons pas besoin de servir une image large de 1920 px, destinée à un écran de bureau, sur un appareil mobile, où une image de 360 px de largeur ferait très bien l'affaire.
Voyez la différence de taille lorsque l’image est correctement redimensionnée:
ImageKit.io fournit des paramètres de redimensionnement basés sur les URL, tels que la largeur et la hauteur, qui simplifient l'obtention de l'image parfaite pour chaque périphérique en temps réel.
Ici, nous venons d'ajouter la valeur de largeur dans l'URL ci-dessous pour obtenir la taille d'image requise.
Nous pouvons aller plus loin dans cette démarche images réactives parfaites sur tous les appareils.
Combinez les capacités de redimensionnement d'ImageKit.io avec sa transformation «dpr» qui adapte une image aux nouveaux écrans haute densité, tels que ceux d'un iPhone.
Source Bosse Media
Puis, en utilisant le srcset et tailles attribut de la balise image, nous pouvons laisser le navigateur choisir la meilleure image pour un appareil particulier en fonction de la largeur de la fenêtre, de la densité de l’écran et de la dimension requise de l’image.
Meilleures pratiques pour fournir des images pour un meilleur référencement
Toutes les optimisations des moteurs de recherche d'images ne nécessitent pas l'optimisation des images. Du moins pas directement.
Voici ce que nous pouvons faire pour améliorer la vitesse de nos pages et améliorer l'expérience utilisateur, impactant ainsi positivement le référencement par image.
1. Chargement des images paresseux
Quand un utilisateur regarde au-dessus du pli d'une page Web, pourquoi charger les images qui ne sont pas encore défilées ou qui se trouvent en bas de la page?
Chargement paresseux à l'aide d'espaces réservés d'image
Moins le nombre de demandes d’image faites au départ est faible, plus la concurrence sur la bande passante disponible est faible. Cela accélère le temps de chargement de la page, ce qui réduit le taux de rebond.
Et n’est-ce pas le résultat final?
Découvrez des images de chargement paresseux pour un aperçu détaillé.
Les transformations en temps réel d'Imagekit.io, telles que le flou de l'image et les espaces réservés de couleur dominante, facilitent le chargement paresseux sur notre site Web et contribuent à améliorer son expérience utilisateur.
2. Utilisation d'un réseau de livraison rapide
La latence du réseau est un facteur critique entraînant un temps de chargement de page médiocre.
Il ne suffit pas d’optimiser nos images pour le référencement. Nous devons les livrer. Et vite.
Ce que nous pouvons faire, c'est utiliser un réseau de distribution de contenu (CDN) pour nos images.
CDN nous aide à diffuser l’image à partir d’un emplacement secondaire plus proche de l’emplacement de notre utilisateur plutôt que du serveur de notre site Web. La proximité physique entre l'utilisateur et l'emplacement secondaire accélère le chargement des images, ce qui réduit considérablement le temps de chargement des pages.
ImageKit.io est intégré à l'un des meilleurs CDN mondiaux – AWS Cloudfront, avec des nœuds de distribution à travers le monde.
Et, bien que son importance pour le référencement fasse l'objet de débats, ImageKit.io nous permet d'utiliser nos propres noms de domaine pour la diffusion d'images. Profitez de ces liens supplémentaires et de l'amélioration des performances.
3. Mise en cache de nos images
Les deux dernières techniques contribueraient à améliorer le temps de chargement lorsque les images sont chargées sur le réseau ou à partir d'Internet.
Et si nous pouvions stocker des images fréquemment utilisées sur le périphérique de l’utilisateur en éliminant le besoin de les charger sur le réseau? Et comme l’image est déjà sur le périphérique de l’utilisateur, celle-ci se chargera immédiatement.
Ceci est la mise en cache des images.
Imagekit.io utilise des stratégies de mise en cache efficaces pour tout le contenu, celles qui passent les contrôles du score Google PageSpeed.
Plus de réponses en cache servies → Moins de demandes effectuées sur le réseau → Chargement de page plus rapide → Meilleur référencement
Autres activités pour améliorer le référencement des images
1. Ajouter un sitemap pour images
Si nous utilisons JavaScript ou une autre technique de chargement sophistiquée pour les images de notre site Web, les sitemaps des images sont indispensables.
Un sitemap pour images répertorie les informations détaillées sur nos actifs d’image afin d’aider les robots d'exploration à trouver les images qu'il pourrait échouer à découvrir par eux-mêmes.
2. Ajouter des données structurées
L'ajout de données structurées, ou d'un balisage de schéma, nous aide à fournir aux crawlers des informations supplémentaires relatives aux images de notre site Web.
Bien que cette étape n'améliore pas notre classement, elle aide certainement dans les listes de résultats de recherche visuellement riches qui pourraient nous aider à améliorer les taux de clic sur notre site Web.
Dernières pensées
Nos images jouent un rôle essentiel dans le classement de notre site Web. Et ils ont aussi un classement qui va devenir d'autant plus pertinent dans les années à venir.
Un petit effort sur le référencement des images aidera nos images et nos pages à se positionner plus haut sur les moteurs de recherche.
Nous pouvons utiliser Imagekit.io pour des optimisations d'image optimales. C’est un outil pratique qui nous permet d’optimiser les images en quelques minutes, et nous pouvons commencer gratuitement!
Crédits d'image
Image en vedette: Image par ImageKit. Utilisé avec permission.
Photos In-Post: Images fournies par ImageKit. Utilisé avec permission.