Tactiques de croissance des éditeurs pour la saison électorale | SÉMINAIRE EN LIGNE
Tactiques de croissance des éditeurs pour la saison électorale | SÉMINAIRE EN LIGNE
Grâce à ce module, vous apprendrez ce qu'est l'optimisation des images, son importance pour le référencement, les meilleures pratiques pour l'utiliser efficacement et les pièges courants à éviter lors de l'optimisation des images.
Durée de la vidéo
19:24
Répondez au questionnaire
Prenez le quiz sur le module actuel
Matériaux
Modèles prêts à l'emploi
Ressources
Rapports et ressources
Aucun quiz à afficher pour ce module.
L'optimisation des images consiste à appliquer les meilleures pratiques aux images que vous utilisez sur votre page afin que votre contenu soit mieux classé sur les pages de résultats des moteurs de recherche (SERP).
Les internautes ont montré une préférence accrue pour un contenu visuel plus important . Cela signifie que l'optimisation des images est aussi importante que l'optimisation du texte dans votre contenu.
L'optimisation d'image est utilisée afin de produire des images dans le meilleur format, la meilleure taille et la meilleure résolution possibles pour améliorer l'expérience utilisateur (UX). Pour que Google puisse correctement indexer l'image et l'explorer, pour l'afficher dans les SERP, l'image doit être optimisée conformément aux directives de Google et identifiée de manière appropriée avec les métadonnées pertinentes.
Dans ce module, nous approfondirons les principaux aspects de l'optimisation d'image.
Les images sont aussi du contenu. Comme pour le texte, ils apparaissent dans les résultats de recherche et influencent l'utilité pour un lecteur de trouver votre page. Voici pourquoi l'optimisation des images est importante pour le référencement.
Pour la plupart des pages, les images représentent plus de 70 % de leur poids , ce qui signifie que l'utilisation d'images non optimisées peut ralentir les temps de chargement. Étant donné que la vitesse du site est un facteur de classement important, cela a un impact direct sur le référencement. Au-delà de la vitesse du site, les images non optimisées peuvent également avoir un impact sur l'expérience utilisateur en provoquant des problèmes tels que des changements de mise en page.
Ces facteurs ont un impact sur les éléments essentiels du Web (CWV) de votre site que Google utilise pour mesurer l'expérience de la page.
Pour en savoir plus sur les CWV, consultez notre module d'expérience de page détaillé ici .
L'optimisation de l'image implique d'identifier et d'étiqueter correctement les images en utilisant du texte ALT et des données structurées, en ajoutant des images à des sitemaps et en créant de nouveaux sitemaps pour les images . Tous ces éléments aident les robots des web rapidement et traitent et traitent correctement les images sur une page, améliorant ainsi la vitesse et l'efficacité de la rampe.
Les recherches de Google deviennent de plus en plus visuelles , plutôt que de se faire uniquement sur les mots clés basés sur le texte. Le nombre d'images sur Google a grimpé en flèche au cours de la dernière décennie, ce qui le rend plus important que jamais d'optimiser votre image.
Dès 2018, Google a annoncé son engagement à rendre le contenu visuel plus central à la recherche . Par conséquent, Google a déployé plusieurs fonctionnalités plus récentes - telles que des légendes, des faits rapides et des recherches connexes - qui reposent tous fortement sur les images. En tant qu'éditeur, appuyer sur ces fonctionnalités aura probablement un impact direct sur votre référencement et votre découverte de contenu.
Jetez un œil à ce qui se passe lorsque nous recherchons la Coupe du monde de la FIFA au Qatar.
Il y a maintenant un panneau latéral dédié sur la droite montrant des images, qui figure juste au-dessus de l'entrée Wikipedia pour le terme de recherche.
Cliquez sur l'onglet Images n'étend pas seulement le nombre d'options d'image de navigation, mais comme nous pouvons le voir dans la boîte verte en dessous, il propose désormais un carrousel de termes suggérés qui vous permettent de filtrer les images par leur nom.
Le défilement plus bas (comme indiqué dans l'image ci-dessous) révèle plus de recommandations pour les recherches connexes qui peuvent aider à réduire les résultats ou à élargir la requête.
Avoir des images de votre rang de contenu dans les meilleures images est une autre façon pour les éditeurs d'améliorer la découverte de contenu.
Google a également développé et mis à jour Google Lens - sa technologie de reconnaissance d'image compatible avec l'IA qui se trouve dans la barre de recherche de l'application Google pour iOS et Android
- pour le rendre encore plus puissant.
Avec Google Lens, les utilisateurs peuvent rechercher plus d'informations sur les images en cliquant sur une image de quelque chose ou en téléchargeant une image stockée sur leur téléphone, puis en demandant à Google de faire apparaître des correspondances.
Une fonctionnalité puissante de Google Lens est MultiSearch, qui permet aux utilisateurs d'ajouter des descriptions de texte aux recherches d'images pour faciliter la recherche d'informations visuelles.
Google travaille également à rendre Multisearch plus local, ce qui signifie que les utilisateurs peuvent pointer leurs caméras sur quelque chose, le télécharger sur Google Lens, saisir certaines questions, et Google affichera les meilleurs résultats près de leur emplacement actuel.
Malgré sa signification évidente, les éditeurs ont souvent tendance à lutter contre l'optimisation de l'image en raison de certains défis couramment observés.
Lorsqu'il s'agit d'optimiser le contenu du texte, les éditeurs savent souvent quels paramètres surveiller et optimiser - mots clés, piliers et grappes de contenu, en-têtes et titres, etc.
Cependant, en ce qui concerne l'optimisation de l'image, les éditeurs peuvent ne pas être conscients des mesures à surveiller et à améliorer. Les métriques communes incluent la taille de l'image, le type d'image et la vitesse de chargement, pour n'en nommer que quelques-uns.
Avec des images régulièrement optimales pour les nombreux articles que vous créez, ce qui peut en faire une tâche fastidieuse. Bien qu'il existe des moyens d'optimiser les images en vrac, tels que l'utilisation des plugins et l'utilisation d'un CDN, le maintien de la qualité d'image est également important. C'est un équilibre qui est important à réaliser grâce à des tests rigoureux.
Maintenant que nous comprenons ce qu'est l'optimisation de l'image et pourquoi il est important pour le référencement, nous pouvons commencer à voir comment procéder au processus d'optimisation.
PNG et JPEG sont les deux formats d'image les plus populaires et les plus pris en charge . Savoir lequel des deux utiliser dans quelle situation est important.
Alors que PNG fonctionne bien pour les captures d'écran, les graphiques et les images avec du texte, JPEG est bonne pour les photographies. PNG utilise une compression sans perte qui l'aide à conserver la qualité d'image, tandis que JPEG réduit la qualité d'image chaque fois qu'elle est enregistrée dans le format.
SVG (format vectoriel évolutif) est idéal pour les logos et les formes géométriques simples avec une faible complexité d'image.
Des formats plus récents tels que WebP et AVIF gagnent rapidement en popularité en tant qu'alternatives aux formats ci-dessus. Bien que les deux formats fournissent une résolution de meilleure qualité ainsi que la capacité de prendre en charge l'animation, WebP en particulier est pris en charge dans tous les navigateurs Web et mobiles modernes.
Dans l'ensemble, PNG et JPEG / JPG restent de loin les formats d'image les plus populaires utilisés par 81,3% et 76,6% de tous les sites Web respectivement, avec SVG suivant de près, en novembre 2022.
La taille collective des images sur votre page a un impact direct sur sa vitesse de chargement. Cependant, la compression ne doit pas entraîner une qualité d'image inférieure.
Il est essentiel de trouver le bon équilibre entre la qualité et la taille, mais peut être lourd si vous essayez de le faire par essais et erreurs. Cependant, c'est là que les outils en ligne peuvent vraiment briller. Des outils tels que ImageMemin peuvent être utilisés pour compresser des images à travers divers formats dans les scénarios avec perte et sans perte.
L'utilisation du bon format peut également vous aider à trouver l'équilibre apt. Par exemple, envisagez d'utiliser WebP. WebP est une meilleure alternative à JPEG car elle peut fournir une taille d'image inférieure de 30% sans avoir un impact sur sa qualité et sa résolution.
Si WordPress est votre CMS de choix, vous pouvez utiliser un plug-in comme Smush , Optimus ou Imsanity pour optimiser vos images. Ceux-ci vous aident à compresser, redimensionner, charger des images de chargement et plus encore. Vous pouvez également envisager de remplacer des images animées comme les GIF (qui peuvent être de grande taille) par CSS. L'animation et les effets CSS peuvent vous aider à créer des images complexes qui conservent l'intégrité et la qualité de la résolution, même grâce à un zoom élevé.
Un nom d'image aide Google à comprendre le contexte de l'image lorsqu'il s'agit de le classer dans le SERP. Pour des publications plus grandes, il n'est peut-être pas toujours possible de nommer soigneusement toutes les images du site. Dans ce scénario, vous pouvez créer un plan du site d'image qui peut aider Google à localiser l'image, à comprendre son objectif et à l'indexer.
Outre les noms de fichiers contextuels, nous recommandons également d'ajouter un titre et une légende pour l'image. Bien que ce soient des attributs facultatifs, ils complètent votre contenu en donnant au moteur de recherche une compréhension plus holistique de votre sujet et de votre thème, ce qui l'aide ainsi à mieux indexer l'image .
Comment faire ça
Les noms d'images doivent être ajoutés dans le code source de votre page. Cela se fait à l'aide de l'attribut IMG SRC soit manuellement, soit un plug-in CMS.
Si votre image contient un football, le code de la source d'image devrait ressembler à ceci<img src=”football.jpg”/> , ce qui aide Google à comprendre ce que contient l'image. D'un autre côté, un code qui ressemble à ceci<img src=”IMG11082022.jpg”/> est vague et n'offre aucun contexte.
Lorsque les gens ne peuvent pas voir vos images - un problème pour ceux qui ont une déficience visuelle ou lorsque la bande passante faible rend difficile de rendre vos images difficiles - les attributs de texte ALT aident à décrire l'image pour eux. Cela aide également les moteurs de recherche à ramper et à indexer vos images plus facilement.
Comment faire ça
Poursuivant avec l'exemple du point ci-dessus, le code pour le texte alt devrait apparaître Kike donc<img src=”football.jpg” alt=""monde" cup official football on the ground”/> .
Si vous êtes un développeur expérimenté, vous pouvez ajouter le texte Alt manuellement dans le code de votre page. Si vous utilisez WordPress, vous pouvez suivre ces étapes:
En ajoutant des données structurées à vos images, vous pouvez donner à Google les informations nécessaires pour les énumérer sous forme de résultats et d'extraits riches. Cela donne aux utilisateurs plus d'informations pour les aider à choisir le lien à cliquer, entraînant ainsi plus de trafic vers votre page.
À l'heure actuelle, Google prend en charge les données structurées pour les images sur les produits , vidéos et de recettes .
Comment faire ça
Google recommande d'utiliser JSON-LD pour créer des scripts de données structurés pour votre contenu et vos images.
Des données structurées peuvent facilement être ajoutées en utilisant l'un des nombreux plug-ins gratuits ou premium tels que Schema Pro , Schema.press , etc. Que vous ajoutiez des données de structure d'image manuellement ou via un plug-in, les étapes impliqueront l'ajout de valeurs pour toutes les propriétés d'image et les types de données , validant le code en utilisant le test de résultats riches et en le mettant en œuvre en soumettant le sitemap de l'image pour Google pour qu'il puisse être en mesure de faire des résultats et d'indexer les images.
Pour mieux en savoir plus sur les données structurées et comment l'utiliser, consultez notre module sur le schéma .
Pour apprendre à créer et à soumettre des sitemaps, consultez notre module détaillé sur Google News Sitemaps.
L'expérience de page est un critère important que Google utilise lors du classement des pages. L'un des éléments qui composent l'expérience de la page consiste à charger la vitesse.
Voici comment vous pouvez optimiser les images pour améliorer la vitesse de chargement des pages:
Dans ce document, seules les ressources critiques sont chargées au début, tandis que d'autres ressources à faible priorité sont chargées au besoin. Les avantages du chargement paresseux comprennent une réduction du trafic réseau et des problèmes de bande passante associés et des coûts d'utilisation des données, une amélioration de la lisibilité des pages longues, un chargement réduit des images en ligne qui n'ajoutent pas de valeur au contenu, etc.
Créer des images réactives
Les utilisateurs voient des images sur une variété d'appareils. L'implémentation de l'attribut SRCSET pour différents périphériques permet à l'image d'apparaître lisiblement sur différentes tailles d'écran. Voici un exemple du code SCRSET IMG:
Nous avons couvert l'essentiel de l'optimisation de l'image. Cependant, les points énumérés ci-dessous contribuent également grandement à optimiser les images pour le référencement.
Toutes les images du monde ne peuvent pas compenser un contenu de basse qualité. L'objectif principal devrait être le contenu visant à répondre aux besoins des utilisateurs. Les images doivent être une extension organique de celui-ci et être utilisées comme aide dans le processus global de narration. Poiffer votre page avec des images qui ne sont pas pertinentes ou sans rapport n'augmenteront pas votre classement.
Au contraire, Google est contre de telles pratiques et recommande d'utiliser autant que possible le contenu d'origine. Le contenu de haute qualité est le plus sûr de garantir que votre page se classe bien dans la recherche Google, y compris les images que vous utilisez.
Le contenu autour de l'image fournit des informations vitales aux utilisateurs et au moteur de recherche concernant la pertinence de l'image. Google recommande de placer l'image la plus importante près du haut de votre page.
Bien qu'il s'agisse de débattre si les images se sont placées plus loin dans le rang de page ainsi que celles vers le haut, il est préférable de suivre les directives de Google sur le sujet.
Il est peu probable que tous vos efforts pour l'optimisation de l'image produisent des résultats si vos images ne sont pas accessibles à Googlebot en raison des paramètres de robots.txt ou d'index.
Ceux-ci indiquent à Google de ne pas indexer ou explorer votre contenu, ce qui signifie à son tour qu'il n'apparaîtra pas sur les résultats de la recherche. Vous pouvez utiliser la fonction «Inspecter URL» sur GSC pour tester l'accessibilité du contenu et des images.
De plus, nous vous recommandons également de vérifier si un filtre SafeSearch s'applique à votre contenu de quelque manière que ce soit. SafeSearch est un paramètre utilisateur fourni par Google qui permet ou bloque des images avec du contenu explicite et nécessite des sites pour étiqueter le contenu de manière appropriée .
Non seulement les tests sont importants pour la découverte, mais il est également utile de tester la façon dont vos images apparaîtront réellement sur les appareils, avant de passer à la page. Google propose également un contenu visuel immersif avec des histoires dans le cadre de son format de histoires Web . Bien que cela soit spécialement conçu pour apporter du contenu visuel adapté aux mobiles, les images et le texte apparaissent également dans Google Images et Discover. Vous pouvez utiliser la fonctionnalité «Aperçu du développeur» pour tester votre contenu pour une narration plus convaincante.
Des images gratuites en copyright sont disponibles à partir d'un certain nombre de sources telles que Pixabay, Unsplash et Pexels pour n'en nommer que quelques-uns. Bien que ceux-ci puissent être libres à utiliser, n'oubliez pas que la même image peut avoir été utilisée par plusieurs autres créateurs de contenu.
Selon John Mueller de Google, cela peut rendre plus difficile pour l'image de se classer sur Google Image Search. Dans la mesure du possible, essayez d'utiliser des images originales.
En plus de suivre les directives précédentes, il est également important d'éviter ces pièges courants pour mieux optimiser vos images.
Comme mentionné précédemment, l'utilisation d'un texte ALT descriptif rend vos images plus accessibles aux utilisateurs. Google prendra connaissance de vos attributs de texte ALT et aura tendance à les classer plus haut.
Cependant, il est facile d'être tenté d'emballer dans les mots clés dans le but de se classer haut dans SERPS. Ceci est connu sous le nom de farce des mots clés et peut être préjudiciable à vos efforts. Non seulement cela peut conduire à une mauvaise expérience utilisateur, mais Google peut également considérer votre spam de page .
Voici quelques exemples d'erreurs à éviter et au texte alt bien fait.
Verdict: mauvais, car il manque l'attribut de texte alt
Verdict: Mauvais, en raison de la farce des mots clés.
Verdict: Bien, mais cela devrait être plus descriptif.
Verdict: idéal
Bien que Google possède une technologie de reconnaissance de caractères optiques intégrée (OCR) pour lire le texte imprimé sur les images, il pourrait ne pas être précis à 100% à chaque fois. De plus, les utilisateurs et les moteurs de recherche peuvent ne pas être en mesure de déchiffrer le texte intégré à l'image.
Si vous avez des informations importantes à transmettre, il est préférable d'utiliser du texte au lieu d'une image.
Il ne sera probablement pas possible d'utiliser des images originales à chaque fois. Dans de tels cas, vous pourriez être tenté d'utiliser Google Search pour trouver de nouvelles images. Cependant, certaines de ces images peuvent être protégées par le droit d'auteur, restreignant leur utilisation. Cela signifie que vous devez vérifier les termes de réutilisabilité de l'image avant de l'utiliser sur votre page.
Google Images propose un filtre connu sous le nom de «droits d'utilisation» pour rechercher des images fournies avec des informations de licence qui leur sont marquées par le site hôte ou le fournisseur d'images. Cette fonctionnalité est disponible dans la section «Outils» sous la zone de recherche.
Après avoir sélectionné l'image, vous pouvez vérifier les détails de la licence pour comprendre les implications, les coûts (le cas échéant) et les exigences de l'utilisation de l'image.
Comme vous pouvez le voir dans la capture d'écran ci-dessus, en vertu des «droits d'utilisation», les options de licence de Creative Commons et commercial ou autre sont apparentes.
Généralement, les images avec une licence Creative Commons sont gratuites, mais peuvent nécessiter que le crédit soit accordé et la source indiquée. Les images avec une licence commerciale sont généralement compensées avec un coût d'utilisation. Google recommande d'examiner les détails de la licence avant d'utiliser une image sur votre page.
Le paramètre Max-Image-Preview vous permet de définir la taille maximale de l'aperçu de l'image lorsqu'il apparaît sur SERPS. S'il n'y a pas de valeur pour ce paramètre, Google affichera l'image dans sa taille par défaut.
Bien que cela s'applique à toutes les surfaces Google telles que les images, la recherche et la découverte, elle est plus pertinente lors de l'utilisation de Discover où des formats plus grands constituent une UX plus riche.
L'utilisation de l'attribut d'aperçu d'image Max a été documentée pour améliorer le CTR et le trafic pour plusieurs éditeurs. L'utilisation de cet attribut permet à Google d'afficher de grandes images dans l'aperçu telles qu'elles sont, sans essayer de les compresser ou de modifier leurs paramètres. Le fait d'avoir de grandes images de haute qualité dans l'aperçu lui-même est plus susceptible de capter l'intérêt des chercheurs.
Les réseaux de livraison de contenu (CDN) sont des plateformes d'hébergement externalisées qui servent de référentiel pour les images et autres fichiers multimédias. En raison de leur infrastructure avancée qui se concentre sur les problèmes de latence et de bande passante, ils peuvent offrir des vitesses de chargement plus rapides que le matériel hébergé en interne. Cependant, les avantages du CDN doivent être évalués pour vos besoins spécifiques.
Bien qu'un CDN puisse aider à résoudre quelques problèmes techniques, cela peut nuire à votre profil de backlink. Les backlinks sont l'un des facteurs de référencement les plus élevés et sont précieux pour l'apparence de votre site dans les résultats de recherche. Vous pouvez en savoir plus sur la valeur des backlinks dans notre module sur le sujet.
Lorsque vous hébergez une image sur un CDN au lieu de votre propre site, tous les backlinks vous amèneront à l'utilisateur sur le chemin du CDN pour l'image, réduisant ainsi les visites directes à votre site qu'un backlink efficace aurait fourni.
Un pack d'images est un collage d'images de différents sites Web qui peuvent apparaître dans Google SERPS. Ils ressemblent à quelque chose comme ça.
Cependant, lorsque vous cliquez sur l'une des miniatures, vous n'êtes pas automatiquement acheminé vers le site source. Au lieu de cela, on vous montre une fenêtre Google Images avec une version élargie de cette image, comme ainsi.
Ce n'est qu'en cliquant à nouveau sur l'image - comme on le voit sur le panneau de droite de la capture d'écran ci-dessus - que vous quitterez Google et arriverez sur la page Source. En d'autres termes, Google Images agit comme un intermédiaire ici avant la fin de l'action de routage.
Si votre image fait partie d'un pack d'images, Google Search Console (GSC) enregistrera une impression pour cette image chaque fois que le pack est chargé dans un SERP. C'est grâce à l'attribut de titre de votre balise d'image contenant votre URL.
Mais bien que vous puissiez enregistrer un nombre élevé d'impressions, le nombre réel de clics sur votre site est probablement beaucoup plus bas grâce aux faits des packs d'images contiennent des liens de raffinement de requête qui génèrent un nouveau résultat de recherche d'image Google plutôt que de diriger les chercheurs hors plate-forme.
En raison de la façon dont les liens de raffinement de requête fonctionnent, ainsi que la façon dont GSC compte les impressions et les clics, les packs d'image peuvent déformer considérablement votre taux de clics (CTR) pour les images.
Nous nous tournons maintenant vers une étude de cas d'un site Web pour déconstruire comment il a mis en œuvre les directives mentionnées dans ce module pour optimiser les images.
Kirbie Cravings est un blog alimentaire basé à San Diego qui a publié des centaines de recettes sur son site. Chaque recette s'accompagne d'images vives et de haute qualité.
Lorsque nous cliquez avec le bouton droit sur la page et affichons son code source, nous voyons le max-image-preview: grand attribut dans le<head> élément juste au début du code source.
En conséquence, les images de haute qualité de l'éditeur apparaissent dans les aperçus sur Google Surfaces.
Dans le même temps, bien qu'ils soient grands, ces images ne ralentissent pas le temps de chargement de la page.
Nous faisons un clic droit sur l'image et sélectionnons «Inspecter». Cela ouvre un panneau sur le côté droit de la page dans laquelle nous pouvons inspecter les propriétés de l'élément sélectionné sur la page. Nous voyons ce qui suit pour l'image ci-dessus:
Nous voyons deux choses intéressantes ici:
Comme nous l'avons discuté plus tôt, les images contribuent à la majeure partie du poids au poids d'une page, donc les garder légers est essentiel pour accélérer votre chargement de page.
Nous avons également discuté de l'importance d'utiliser le format de fichier correct. Nous avions recommandé .jpg / .jpeg pour les photographies, tandis que .png doit être utilisé pour les graphiques et les images numériques. Nous pouvons voir ci-dessous que Kirbie Cravings utilise .png partout où il est utilisé des images numériques telles que les logos et les icônes.
Ensuite, dans ce même panneau d'inspection, lorsque nous cliquons sur «Propriétés», nous pouvons voir que la page a utilisé le chargement paresseux, malgré le poids relativement léger des images.
Cette page a méticuleusement optimisé ses images en:
À mesure qu'il évolue pour mieux répondre aux besoins de ses utilisateurs, Google est tenu d'ajouter / mettre à jour les fonctionnalités et les politiques concernant l'optimisation de l'image et son impact sur les résultats de la recherche.
En gardant les meilleures pratiques de l'image actuelles en ce qui concerne votre site Web, vous serez mieux positionné pour fournir le meilleur UX, vous classez plus haut dans les SERP et éventuellement générer du trafic à votre chemin.
Actif maintenant
Voir plus
