Meilleures pratiques SEO lors de l'utilisation de GIF

Des listicles BuzzFeed aux clapbacks Twitter, les GIF (abréviation de Graphics Interchange Format) font partie du langage du Web.

Si vous recherchez dans des images Google ou via Giphy, l’un des plus grands agrégateurs GIF, vous pouvez voir une grande variété de GIF exposés de partout.

Un GIF animé (prononcé à la fois comme «jif» et «gif», et discuter de la prononciation est un moyen infaillible de lancer une discussion en ligne) est un type de fichier multimédia qui peut être inséré dans des messages personnels ainsi que dans du contenu public en ligne.

Une recherche rapide sur Google définit le GIF comme «un format sans perte de fichiers image prenant en charge à la fois les images animées et statiques», qui a gagné en popularité au cours des années 1980.

Les GIF peuvent exprimer des émotions ou des scénarios dans un format plus dynamique et divertissant.

Histoire GIF

Steve Wilhite de CompuServe a construit le GIF pour économiser de la mémoire lors de l’affichage des images.

L’équipe de Wilhite a trouvé un moyen de servir ces images en utilisant un algorithme de compression et en limitant le nombre de couleurs.

L’algorithme fonctionnait en identifiant des motifs répétitifs et permettait aux GIF de créer des images photoréalistes haute performance.

Étant donné que plusieurs versions de l’image sont incluses dans le fichier, vous pouvez enchaîner ces images pour créer une vidéo en boucle.

Le GIF avait une histoire riche après cela; Unisys Corp, la société propriétaire de l’algorithme GIF, a commencé à facturer des redevances pour les GIF en 1995 – et le brevet n’a expiré qu’en 2003.

Les images Google sont apparues en 2001, mais n’ont pas obtenu de fonctionnalité explicite de recherche de GIF avant 2013.

En 2019, Google a ajouté des GIF partageables aux résultats de recherche.

Comment Google explore-t-il les GIF?

Google semble, à ce stade, lire les GIF de la même manière qu’il lit toutes les autres images – simplement en mettant davantage l’accent sur la possibilité de les rechercher et de les partager via Google Images.

Les techniques d’optimisation de Google Image sont la voie à suivre pour vous assurer que vos GIF sont explorés, analysés et indexés.

Les GIF sont-ils bons pour le référencement?

Les GIF peuvent être bons pour le référencement de la même manière que toutes les images bien conçues peuvent être bonnes pour le référencement – ils peuvent générer des clics et fidéliser les gens sur une page.

Les GIF peuvent être partagés, et un GIF partageable de bonne marque peut survivre longtemps dans l’écosystème des mèmes.

Les gens aiment les GIF et les utiliser peuvent briser de longs articles et ajouter de la relativité au contenu.

Les GIF sont-ils mauvais pour le référencement?

Les GIF ne sont pas mauvais pour le référencement, tant que vous les présentez correctement et ne les laissez pas ralentir votre site.

Les GIF peuvent être mauvais pour le référencement si vous vous en fiez au texte ou si vous les rendez trop lourds.

Ils peuvent également nuire à l’accessibilité – vous devez vous assurer que les GIF respectent les directives d’accessibilité.

Comment réparer vos GIF

Personnalisez vos noms de fichiers GIF, utilisez des GIF uniques et, surtout, écrivez un bon texte alternatif – pour les gens et pour le référencement.

Vous pouvez ajouter des GIF à votre plan de site d’image pour vous assurer que Google sait exactement où ils se trouvent.

Google dit qu’il est bon que des images soient ajoutées aux plans du site à l’aide de balises d’image.

Utilisez des noms de fichiers descriptifs et du texte alternatif, et assurez-vous que les GIF fonctionnent avec le texte environnant.

Si vous voulez que votre GIF soit bien indexé dans Google Images, vous devez optimiser le placement du GIF – près du texte pertinent et en haut de la page.

Vos GIF doivent être rapides, réactifs et doivent avoir de bonnes structures d’URL.

Obtenons des méta sur les métadonnées

Google souhaite savoir ce qui se passe derrière ce fichier rich media avec des balises alt appropriées, des noms de fichiers descriptifs, des contextes d’image pertinents, des légendes d’images et des liens associés.

En outre, il est recommandé de suivre les bonnes pratiques de Google en matière d’images, mais cela entre en conflit avec ce que les utilisateurs ont appris à aimer dans le contenu GIF.

Par exemple, les bonnes pratiques de Google pour la publication d’images, y compris des fichiers GIF, stipulent de ne pas inclure de texte sur l’image, car il ne sera pas indexé. S’il ajoute du contexte, ce contexte est susceptible d’être perdu.

Vous pouvez contourner ce problème en ajoutant des légendes descriptives. Par exemple, description gif:[description of gif, words in the gif].

Les utilisateurs s’appuient sur des descriptions alt limitées et Google s’appuie sur ceux-ci, les noms de fichiers et les éléments de contexte de page environnants pour découvrir ce qu’est un GIF.

Vous pouvez garder une longueur d’avance sur le pack GIF en faisant de ces éléments bien.

Votre texte alternatif doit suivre votre contenu, dans un souci d’accessibilité, et Google pourra récupérer et utiliser vos GIF.

Performances GIF et Web Vitals de base

Les GIF peuvent ralentir les performances des pages Web sur lesquelles ils se trouvent.

Avec l’accent croissant de Google sur Core Web Vitals comme facteur de classement, il est important de garder les pages rapides.

Il existe de nombreuses façons d’améliorer les performances.

Comment optimiser vos GIF

Il existe plusieurs méthodes que vous pouvez utiliser pour accélérer vos GIF.

• La compression avec perte.
• Optimisation sans perte.

Vous pouvez utiliser des sites de compression d’images, ou Photoshop, pour réduire proprement la taille de vos GIF et accélérer votre page Web.

La compression avec perte est l’art d’aggraver vos GIF d’une manière que les gens ne remarquent pas pour les rendre plus rapides. La qualité GIF sera pire, mais votre page Web sera beaucoup plus rapide.

L’optimisation sans perte ne supprime aucun pixel, couleur ou information. Ce n’est pas aussi rapide que les fichiers qui ont été optimisés avec perte.

Il existe des dizaines d’outils en ligne qui peuvent vous aider à compresser vos images.

Vous pouvez également transformer votre GIF en fichier APNG pour conserver plus de couleurs pour une meilleure taille de fichier.

L’utilisation de meilleurs paramètres lors de l’enregistrement de GIF dans Photoshop peut également permettre de réaliser des économies sur la vitesse du site.

Vous pouvez également convertir votre GIF en vidéo HTML5.

Le site web.dev propose un guide complet sur la conversion de GIF en vidéos HTML5.

Vous pouvez convertir des GIF en vidéos MP4, puis les configurer dans des vidéos Web; en s’assurant qu’ils bouclent, jouent automatiquement et qu’ils sont silencieux (comme les GIF).

L’utilisation d’une vidéo permet également une meilleure accessibilité – les directives WCAG sur «Pause, Stop, Hide» exigent que les utilisateurs aient un niveau de contrôle sur les images en mouvement.

Ceci est plus facile à réaliser avec la vidéo qu’avec le GIF.

Cela semble simple, mais les amateurs de GIF font attention

Revenons à la façon dont Googlebot explore un site Web pendant une minute.

N’oubliez pas que s’il y a trop de formes de contenu dynamique sur un site Web, le site pourrait fonctionner beaucoup plus lentement qu’un site sans ces formes de contenu.

En d’autres termes, si un site était composé de milliers de GIF, il a le potentiel d’avoir un temps de chargement lent, quelle que soit la façon dont ils sont présentés avec les métadonnées ou autre.

La lenteur du chargement des pages peut nuire au classement des moteurs de recherche d’un site Web.

Les propriétaires et exploitants de sites Web doivent trouver un équilibre entre les intérêts concurrents des utilisateurs et des moteurs de recherche pour réduire les temps de chargement des pages tout en offrant une présentation plus divertissante et dynamique du contenu des pages.

Bien que le temps de chargement de la page puisse être affecté par un certain nombre de facteurs sur site, la solution la plus courante à l’énigme du contenu GIF est que les développeurs réduisent la taille des images.

Il existe plusieurs façons de réduire la taille des images sur un site Web, en fonction de la façon dont le site est construit.

Compression GZIP

Une technique pour compresser ou dégonfler des images jusqu’à 70% sans compromettre la qualité d’image.

Cette technique doit être mise en œuvre par votre hébergeur sur ses serveurs. Vous pouvez utiliser ce test pour voir si votre site a été « GZippé » par votre hébergeur.

Optimisation d’image

Les programmes de bureau comme Photoshop et les programmes Web comme Smush.it peuvent aider à réduire la taille de l’image en utilisant la fonction «Enregistrer pour le Web».

La qualité de l’image diminuera avec l’image et, par conséquent, les développeurs doivent trouver le juste milieu entre la taille et la qualité de l’image.

Les développeurs qui comptent sur HTML pour réduire la taille des images (c’est-à-dire les blogs WordPress) ne créent pas plus de place sur le serveur.

Au contraire, un navigateur Web devrait toujours charger la taille de l’image d’origine avant de recharger et de redimensionner l’image à la hauteur et à la largeur que vous lui avez attribuées.

Quoi qu’il en soit, vous faites déjà une faveur à votre site et aux moteurs de recherche en optant pour un format GIF par rapport à d’autres formats d’image plus grands.

Problèmes de GIF accessibles

L’accessibilité est un problème brûlant, et elle croise le référencement: les bonnes pratiques de référencement ont tendance à favoriser l’accessibilité, et vice versa.

La conformité WCAG est importante pour garantir que les utilisateurs peuvent accéder confortablement à votre site.

Les directives WCAG stipulent:

« Déplacement, clignotement, défilement

Pour toute information en mouvement, clignotante ou défilante qui (1) démarre automatiquement, (2) dure plus de cinq secondes et (3) est présentée en parallèle avec d’autres contenus, il existe un mécanisme permettant à l’utilisateur de mettre en pause, d’arrêter ou de se cacher à moins que le mouvement, le clignotement ou le défilement ne fasse partie d’une activité où il est essentiel; et

Mise à jour automatique

Pour toute information mise à jour automatiquement qui (1) démarre automatiquement et (2) est présentée en parallèle avec d’autres contenus, il existe un mécanisme permettant à l’utilisateur de mettre en pause… »

Pour les GIF, ils suggèrent de définir des images GIF animées pour qu’elles cessent de clignoter après un certain nombre de fois, dans les 5 secondes.

Vous pouvez utiliser des éléments HTML comme / pour fournir rapidement plus d’informations et passer facilement ce critère WCAG.

Formats d’image de nouvelle génération

Google a commencé à promouvoir les formats d’image de nouvelle génération.

L’un des principaux est WebP, qui peut réduire considérablement la taille des images tout en préservant leur qualité.

WebP est à la fois sans perte et avec perte.

Se rapprocher du contenu GIF

Lorsqu’il est utilisé efficacement, le contenu GIF a le potentiel d’augmenter l’engagement sur une publication ou un élément de contenu particulier.

Les GIF sont bons pour les utilisateurs et peuvent augmenter le trafic vers votre site en conséquence.

Tous ces facteurs fonctionnent ensemble pour envoyer un coup de pouce indirect à Google.

Cependant, si vous êtes devenu fou de GIF, vous devez vous assurer que Google peut toujours indexer votre contenu aussi efficacement qu’il le pourrait sans le contenu GIF.

Cela peut être réalisé en donnant à Google autant d’informations que possible sur le contenu.

Vous devez également vous assurer que la présence de GIF sur votre site n’a pas ralenti les temps de chargement de votre page.

Les images en mouvement ne vont nulle part.

Recherchez des spécialistes du marketing, obtenez votre GIF et gérez-le.

Plus de ressources: