{
    "schema_version": "1.2.0",
    "url": {
        "canonical": "https://www.uplix.fr/optimiser-image-seo/",
        "html": "https://www.uplix.fr/wp-json/llm-endpoints/v1/post/optimiser-image-seo",
        "json": "https://www.uplix.fr/wp-json/llm-endpoints/v1/post/optimiser-image-seo/json",
        "html_by_id": "https://www.uplix.fr/wp-json/llm-endpoints/v1/id/5504",
        "json_by_id": "https://www.uplix.fr/wp-json/llm-endpoints/v1/id/5504/json"
    },
    "post": {
        "id": 5504,
        "title": "Comment optimiser vos images pour un meilleur référencement ?",
        "slug": "optimiser-image-seo",
        "type": "post",
        "status": "publish",
        "excerpt": "Lorsque vous tenez un blog et mettez en place une stratégie de contenu, il est important de savoir enrichir vos publications avec plusieurs types de médias : photos, vidéos, infographies, etc. Mais inclure des images sur un site web ne se fait pas n’importe comment lorsque l’on veut ranker sur les moteurs de recherche. En […]"
    },
    "dates": {
        "published": "2023-04-05T10:56:18+02:00",
        "modified": "2026-05-21T10:37:44+02:00"
    },
    "content": {
        "plain_text": "Lorsque vous tenez un blog et mettez en place une stratégie de contenu, il est important de savoir enrichir vos publications avec plusieurs types de médias : photos, vidéos, infographies, etc. Mais inclure des images sur un site web ne se fait pas n’importe comment lorsque l’on veut ranker sur les moteurs de recherche.\r\n\r\nEn effet, il existe toute une batterie d’optimisations SEO qui concernent à la fois l’utilisateur et les bots de Google, de Bing, etc. Il s’avère qu’un bon usage et paramétrage de vos illustrations peut faciliter l’indexation de vos pages web, augmenter votre visibilité dans les SERPs d’images, et même améliorer votre pertinence auprès des algorithmes.\r\n\r\n\r\n\r\nNous allons donc vous parler des 10 réglages à vérifier pour optimiser la présence d’images sur votre site internet.\r\n1. Des images bien contextualisées\r\nLe premier point peut sembler évident, mais on voit l’erreur fréquemment : des images trop éloignées du contenu qu’elles sont censées illustrer. Davantage un problème UX (User eXperience) que de référencement pur et dur, choisir des images qui n’apporte rien au propos donne une véritable impression d’article publié “à la va vite”.\r\n\r\nVos lecteurs auront alors tendance à aller vérifier la concurrence et votre trafic organique en souffrira. Pour enrichir votre contenu via des illustrations, plusieurs axes sont possibles :\r\n\r\n \tproposer des schémas ;\r\n \tmontrer à quoi ressemble un élément que vous décrivez ;\r\n \tajouter une touche d’humour ;\r\n \tetc.\r\n\r\nNota Bene : ne pas substituer les images à un texte bien construit, ou les algorithmes considèrerons votre contenu comme pauvre. C’est bien la synergie des deux qui va renforcer la pertinence de vos pages.\r\n2. Privilégier des illustrations originales\r\nOn sait que les contenus dupliqués ne font pas bon ménage avec les moteurs de recherche. Les images n’échappent évidemment pas à la règle. Même si quelques images dupliquées ne suffiront pas à faire tomber votre page tout en bas des SERPs, proposer des clichés ou des montages personnels est un gros indicateur de qualité.\r\n\r\nN’hésitez pas à faire appel à un illustrateur ou une illustratrice professionnelle si vous avez le budget : une même patte graphique sur tout votre site lui donne une identité très marquée, qui renforce le côté pro et donc, par association, la solidité présumée de votre expertise. Il existe aussi des générateurs d’images comme avec canva.com.\r\n3. Mettre une légende si possible\r\nLégender une image n’est absolument pas nécessaire pour le référencement, mais ne pas le faire quand vous en avez l’occasion serait une erreur. Tout est bon pour enrichir son contenu et affiner la contextualisation des images. La légende permet ainsi, selon les cas :\r\n\r\n \td’expliquer succinctement l’illustration ;\r\n \tde citer une source ;\r\n \td’ajouter des éléments de contexte ;\r\n \tde caser une boutade ;\r\n \tetc.\r\n\r\nNota Bene : pour une optimisation aux petits oignons, il n’est pas interdit d’y caser un mot-clé bien choisi.\r\n4. Renommer toutes les images avec des mots-clés\r\nLorsque sur un site internet, l’utilisateur passe sa souris sur une image, une bulle s’affiche pour en afficher le title. Cette balise sert de nom à l’illustration, et peut différer de celui du fichier.\r\n\r\n\r\n\r\nNormalement, votre CMS vous demande quel title vous souhaitez pour votre image au moment de la téléverser dans sa bibliothèque multimédia. Sinon, vous pourrez la rentrer directement dans le code HTML.\r\n\r\nOn conseille généralement de rédiger des titles :\r\n\r\n \trésumant la photo, l’illustration, le schéma etc. ;\r\n \tintégrant des termes proches du mot-clé principal (celui sur lequel vous souhaitez vous positionner) ;\r\n \td’une longueur de 2 à 5 mots.\r\n\r\nCette simple démarche donne aux algorithmes une indication supplémentaire sur la cohérence de vos images vis-à-vis de vos textes, et donc sur la pertinence générale de vos contenus.\r\n5. Rédiger un texte alternatif (l’attribut ALT)\r\nÀ ne pas confondre avec le titre de l’image, le texte alternatif a pour fonction de la décrire un peu plus précisément. Sa fonction principale est de remplacer l’illustration lorsqu’elle ne s’affiche pas, afin que le lecteur sache de quelle information il s’agissait.\r\n\r\nBien sûr, cela sert aussi aux bots de Google afin de mieux comprendre ce qu’est censé représenter l’image pour l’utilisateur. À cet égard, le texte à insérer peut être plus long que le title, mais devra rester bref. Aussi, il est important d’y insérer des mots-clés, sans toutefois perdre en cohérence. Faites clair, précis et proche du thème principal de votre publication.\r\n6. Choisir le bon format d’image\r\nOn entre désormais dans les considérations techniques. Plus haut, nous avons parlé des fonctions intéressantes des images ; il se trouve qu’un format existe pour chacune :\r\n\r\n \tpour illustrer avec des clichés pro, des captures d’écran ou des graphismes de très bonne qualité, le JPEG offre un excellent rendu des couleurs et des nuances de gris ;\r\n \tpour expliquer avec des schémas ou des infographies, le PNG est la meilleure option ;\r\n \tpour alléger le propos avec des memes comiques, le GIF est devenu très populaire, à essayer à condition que votre site puisse supporter des fichiers lourds sans augmenter le temps de chargement ;\r\n \tenfin, il existe aussi le format WebP, qui offre une meilleure compression d’images que le JPEG, ¼ plus légères pour la même qualité.\r\n\r\nNota Bene : lorsque vous publiez sur des réseaux sociaux, essayez de respecter les formats recommandés par chaque plate-forme. Il vous suffira généralement de redimensionner vos images avec un logiciel adapté.\r\n7. Faire attention à la résolution et au poids de l’image\r\nSi la question du format concerne davantage la mise en valeur des publications, celle du poids et de la taille va surtout impacter la performance de votre site web (Webperf), comme le temps de chargement ou le délai avant qu’une première interaction soit possible sur la page à son ouverture (voir à ce sujet notre article sur les core web vitals).\r\nDéfinition, taille et résolution : quelle différence ?\r\nPour rappel et pour éviter toute confusion :\r\n\r\n \tla taille d’une image correspond à la surface réelle qu’elle prend sur l’écran. On l’exprime donc en cm ou en pouces avec la longueur * largeur (elle augmente donc quand on zoome) ;\r\n \tla définition correspond au nombre de pixels qui composent l’image. On l’exprime en pixels, toujours à travers la longueur * largeur (nb : le pixel n’a pas de taille prédéfinie);\r\n \tla résolution est le rapport entre la taille et les pixels : c’est ce qui va donner une grande partie de la qualité de l’image.\r\n\r\nEn général, quand vous téléversez une image, il faut bien gérer sa taille et sa qualité, sans quoi elle manquerait de visibilité. Deux contraintes se posent alors :\r\n\r\n \tune résolution de trop haute qualité ne doit pas empêcher la page de se charger rapidement ;\r\n \tla qualité doit être assez bonne aussi bien sur desktop que sur mobile (intéressez-vous au responsive design et au mobile-first ;\r\n\r\nLes CSS ont tendance à redimensionner les images par défaut, mais si la taille ne convient pas, vous avez facilement la main.\r\n\r\n\r\n\r\nIl suffira de cliquer droit sur l’illustration pour accéder à tous les paramètres (hauteur, largeur, etc.) ou d’y accéder à partir de votre bibliothèque multimédia.\r\n\r\nNota Bene : sur un blog, privilégiez le format paysage avec une largeur proche des bordures de la page, et le tout.\r\nLe poids des images : comment procéder ?\r\nLe poids d’une image concerne la place qu’elle prend, et s’exprime en Ko (kilo-octets) ou Mo (méga-octets). Plus l’image est lourde, plus elle risque de prendre du temps à charger, en fonction de la puissance de votre site.\r\n\r\n\r\n\r\nLa question est donc de savoir s’il faut ou non la compresser, au détriment d’une qualité supérieure.\r\n\r\nIl existe deux types de compression :\r\n\r\n \tsans perte : la qualité reste quasiment la même, mais le poids réduit moins ;\r\n \tavec perte : on réduit la qualité à un niveau qui reste acceptable, et l’image s’allège considérablement (solution la plus courante).\r\n\r\nNota Bene : n’envisagez la compression d’images que si le temps de chargement de votre site est résolument trop long.\r\n8. Ne pas laisser les cookies sur vos images\r\nAujourd’hui, tout le monde utilise des cookies pour récolter des données sur les sessions des visiteurs (session = temps passé et interactions ayant eu lieu sur un domaine). Ils sont très importants notamment pour mesurer les performances de vos campagnes marketing.\r\n\r\nToutefois, n’en chargez pas vos images ! La plupart du temps, ils sont inutiles à cet endroit et peuvent nuire au temps de chargement, surtout sur version mobile.\r\n9. Supprimer un maximum de métadonnées\r\nLorsque vous téléversez une image à partir d’un téléphone ou d’un appareil photo, elles peuvent embarquer un certain nombre de métadonnées inutiles, telles qu’EXIF (type et paramètres de l’appareil utilisé, la date de prise de vue, etc.). Si votre site ne traite pas explicitement de la photographie, ce genre d’infos peut être supprimé pour alléger les fichiers.\r\n10. Créer un sitemap spécialement pour vos images\r\nNous vous avons déjà expliqué l’importance des sitemaps, qui consiste à donner un plan de votre site et à le communiquer directement à Google pour faciliter le crawling de votre site web.\r\n\r\n\r\n\r\nIl est possible de faire la même chose pour favoriser vos chances d’apparaître haut dans les SERPs de Google Image, une zone de plus en plus visitée du célèbre moteur de recherche. Le sitemap des images permet de lui demander directement d’indexer certaines images en particulier.\r\nEn bref, l’optimisation d’images en référencement, c’est…\r\n… un excellent moyen d’améliorer l’UX de votre site avec un contenu plus riche et soigné, d’optimiser ses Webperfs en surveillant le rapport qualité/poids des fichiers téléversés dans votre bibliothèque média, de fournir aux moteurs de recherche des indications positives sur la cohérence entre les éléments d’information que vous délivrez au lecteur, et même de fluidifier votre indexation après publication.\r\n\r\nEt si vous n’avez pas d’illustrateur ou d’illustratrice attitrée, n’hésitez pas à former votre web rédacteur à ce sujet : ce sont vraiment des points SEO gagnés facilement !\r\nVos question, nos réponses !\r\nEst-ce utile d’optimiser ses images SEO ?\r\nOptimiser vos images offre plusieurs avantages en référencement naturel :\r\n\r\n \tune meilleure visibilité sur Google Images ;\r\n \tréduire le temps de chargement de vos pages ;\r\n \trenseigner Google et les utilisateurs sur vos contenus graphiques ;\r\n \tfluidifier le crawling des bots sur votre site et favoriser la bonne indexation de vos pages ;\r\n \tdonner de la crédibilité à vos produits (sur les boutiques d’e-commerce).\r\n\r\nBeaucoup de sites négligent les 10 principes d’Uplix quant à l’optimisation des images ; à vous d’en profiter !\r\nQuels outils pour des images SEO ?\r\nIl en existe plein ! Pour composer facilement des images originales et uniques, utilisez un logiciel comme Canva ou Adobe Illustrator. Pour réduire leur poids sans trop perdre en qualité, compressez-les avec Imagify ou Tiny PNG. Pour améliorer vos illustrations, Adobe Photoshop, bien qu’onéreux, reste un incontournable.\r\nComment faire pour intégrer des vidéos dans du contenu SEO ?\r\nIl est généralement très bon de varier les éléments visuels que vous mettez à disposition des lecteurs et lectrices. Vous pouvez bien évidemment intégrer des vidéos en format MP4, voire OGG (plutôt orienté Linux users). Cela étant, nous recommandons plutôt d’insérer des liens URL “embed” (éléments de contenu externe embarqués). De cette manière, vous ne chargez pas votre page avec des fichiers trop lourds.\n\n\nPour aller plus loin : voir notre expertise SEO technique en détail.",
        "word_count": 2062,
        "reading_time_seconds": 619,
        "summary_points": [
            "Lorsque vous tenez un blog et mettez en place une stratégie de contenu, il est important de savoir enrichir vos publications avec plusieurs types de médias : photos, vidéos, infographies, etc.",
            "Mais inclure des images sur un site web ne se fait pas n’importe comment lorsque l’on veut ranker sur les moteurs de recherche.",
            "En effet, il existe toute une batterie d’optimisations SEO qui concernent à la fois l’utilisateur et les bots de Google, de Bing, etc.",
            "Il s’avère qu’un bon usage et paramétrage de vos illustrations peut faciliter l’indexation de vos pages web, augmenter votre visibilité dans les SERPs d’images, et même améliorer votre pertinence auprès des algorithmes."
        ],
        "content_blocks": [
            {
                "type": "unknown",
                "content": "Lorsque vous tenez un blog et mettez en place une stratégie de contenu, il est important de savoir enrichir vos publications avec plusieurs types de médias : photos, vidéos, infographies, etc. Mais inclure des images sur un site web ne se fait pas n’importe comment lorsque l’on veut ranker sur les moteurs de recherche.\r\n\r\nEn effet, il existe toute une batterie d’optimisations SEO qui concernent à la fois l’utilisateur et les bots de Google, de Bing, etc. Il s’avère qu’un bon usage et paramétrage de vos illustrations peut faciliter l’indexation de vos pages web, augmenter votre visibilité dans les SERPs d’images, et même améliorer votre pertinence auprès des algorithmes.\r\n\r\n\r\n\r\nNous allons donc vous parler des 10 réglages à vérifier pour optimiser la présence d’images sur votre site internet.\r\n1. Des images bien contextualisées\r\nLe premier point peut sembler évident, mais on voit l’erreur fréquemment : des images trop éloignées du contenu qu’elles sont censées illustrer. Davantage un problème UX (User eXperience) que de référencement pur et dur, choisir des images qui n’apporte rien au propos donne une véritable impression d’article publié “à la va vite”.\r\n\r\nVos lecteurs auront alors tendance à aller vérifier la concurrence et votre trafic organique en souffrira. Pour enrichir votre contenu via des illustrations, plusieurs axes sont possibles :\r\n\r\n \tproposer des schémas ;\r\n \tmontrer à quoi ressemble un élément que vous décrivez ;\r\n \tajouter une touche d’humour ;\r\n \tetc.\r\n\r\nNota Bene : ne pas substituer les images à un texte bien construit, ou les algorithmes considèrerons votre contenu comme pauvre. C’est bien la synergie des deux qui va renforcer la pertinence de vos pages.\r\n2. Privilégier des illustrations originales\r\nOn sait que les contenus dupliqués ne font pas bon ménage avec les moteurs de recherche. Les images n’échappent évidemment pas à la règle. Même si quelques images dupliquées ne suffiront pas à faire tomber votre page tout en bas des SERPs, proposer des clichés ou des montages personnels est un gros indicateur de qualité.\r\n\r\nN’hésitez pas à faire appel à un illustrateur ou une illustratrice professionnelle si vous avez le budget : une même patte graphique sur tout votre site lui donne une identité très marquée, qui renforce le côté pro et donc, par association, la solidité présumée de votre expertise. Il existe aussi des générateurs d'images comme avec canva.com.\r\n3. Mettre une légende si possible\r\nLégender une image n’est absolument pas nécessaire pour le référencement, mais ne pas le faire quand vous en avez l’occasion serait une erreur. Tout est bon pour enrichir son contenu et affiner la contextualisation des images. La légende permet ainsi, selon les cas :\r\n\r\n \td’expliquer succinctement l’illustration ;\r\n \tde citer une source ;\r\n \td’ajouter des éléments de contexte ;\r\n \tde caser une boutade ;\r\n \tetc.\r\n\r\nNota Bene : pour une optimisation aux petits oignons, il n’est pas interdit d’y caser un mot-clé bien choisi.\r\n4. Renommer toutes les images avec des mots-clés\r\nLorsque sur un site internet, l’utilisateur passe sa souris sur une image, une bulle s’affiche pour en afficher le title. Cette balise sert de nom à l’illustration, et peut différer de celui du fichier.\r\n\r\n\r\n\r\nNormalement, votre CMS vous demande quel title vous souhaitez pour votre image au moment de la téléverser dans sa bibliothèque multimédia. Sinon, vous pourrez la rentrer directement dans le code HTML.\r\n\r\nOn conseille généralement de rédiger des titles :\r\n\r\n \trésumant la photo, l’illustration, le schéma etc. ;\r\n \tintégrant des termes proches du mot-clé principal (celui sur lequel vous souhaitez vous positionner) ;\r\n \td’une longueur de 2 à 5 mots.\r\n\r\nCette simple démarche donne aux algorithmes une indication supplémentaire sur la cohérence de vos images vis-à-vis de vos textes, et donc sur la pertinence générale de vos contenus.\r\n5. Rédiger un texte alternatif (l’attribut ALT)\r\nÀ ne pas confondre avec le titre de l’image, le texte alternatif a pour fonction de la décrire un peu plus précisément. Sa fonction principale est de remplacer l’illustration lorsqu’elle ne s’affiche pas, afin que le lecteur sache de quelle information il s’agissait.\r\n\r\nBien sûr, cela sert aussi aux bots de Google afin de mieux comprendre ce qu’est censé représenter l’image pour l’utilisateur. À cet égard, le texte à insérer peut être plus long que le title, mais devra rester bref. Aussi, il est important d’y insérer des mots-clés, sans toutefois perdre en cohérence. Faites clair, précis et proche du thème principal de votre publication.\r\n6. Choisir le bon format d’image\r\nOn entre désormais dans les considérations techniques. Plus haut, nous avons parlé des fonctions intéressantes des images ; il se trouve qu’un format existe pour chacune :\r\n\r\n \tpour illustrer avec des clichés pro, des captures d’écran ou des graphismes de très bonne qualité, le JPEG offre un excellent rendu des couleurs et des nuances de gris ;\r\n \tpour expliquer avec des schémas ou des infographies, le PNG est la meilleure option ;\r\n \tpour alléger le propos avec des memes comiques, le GIF est devenu très populaire, à essayer à condition que votre site puisse supporter des fichiers lourds sans augmenter le temps de chargement ;\r\n \tenfin, il existe aussi le format WebP, qui offre une meilleure compression d’images que le JPEG, ¼ plus légères pour la même qualité.\r\n\r\nNota Bene : lorsque vous publiez sur des réseaux sociaux, essayez de respecter les formats recommandés par chaque plate-forme. Il vous suffira généralement de redimensionner vos images avec un logiciel adapté.\r\n7. Faire attention à la résolution et au poids de l’image\r\nSi la question du format concerne davantage la mise en valeur des publications, celle du poids et de la taille va surtout impacter la performance de votre site web (Webperf), comme le temps de chargement ou le délai avant qu’une première interaction soit possible sur la page à son ouverture (voir à ce sujet notre article sur les core web vitals).\r\nDéfinition, taille et résolution : quelle différence ?\r\nPour rappel et pour éviter toute confusion :\r\n\r\n \tla taille d’une image correspond à la surface réelle qu’elle prend sur l’écran. On l’exprime donc en cm ou en pouces avec la longueur * largeur (elle augmente donc quand on zoome) ;\r\n \tla définition correspond au nombre de pixels qui composent l’image. On l’exprime en pixels, toujours à travers la longueur * largeur (nb : le pixel n’a pas de taille prédéfinie);\r\n \tla résolution est le rapport entre la taille et les pixels : c’est ce qui va donner une grande partie de la qualité de l’image.\r\n\r\nEn général, quand vous téléversez une image, il faut bien gérer sa taille et sa qualité, sans quoi elle manquerait de visibilité. Deux contraintes se posent alors :\r\n\r\n \tune résolution de trop haute qualité ne doit pas empêcher la page de se charger rapidement ;\r\n \tla qualité doit être assez bonne aussi bien sur desktop que sur mobile (intéressez-vous au responsive design et au mobile-first ;\r\n\r\nLes CSS ont tendance à redimensionner les images par défaut, mais si la taille ne convient pas, vous avez facilement la main.\r\n\r\n\r\n\r\nIl suffira de cliquer droit sur l’illustration pour accéder à tous les paramètres (hauteur, largeur, etc.) ou d’y accéder à partir de votre bibliothèque multimédia.\r\n\r\nNota Bene : sur un blog, privilégiez le format paysage avec une largeur proche des bordures de la page, et le tout.\r\nLe poids des images : comment procéder ?\r\nLe poids d’une image concerne la place qu’elle prend, et s’exprime en Ko (kilo-octets) ou Mo (méga-octets). Plus l’image est lourde, plus elle risque de prendre du temps à charger, en fonction de la puissance de votre site.\r\n\r\n\r\n\r\nLa question est donc de savoir s’il faut ou non la compresser, au détriment d’une qualité supérieure.\r\n\r\nIl existe deux types de compression :\r\n\r\n \tsans perte : la qualité reste quasiment la même, mais le poids réduit moins ;\r\n \tavec perte : on réduit la qualité à un niveau qui reste acceptable, et l’image s’allège considérablement (solution la plus courante).\r\n\r\nNota Bene : n’envisagez la compression d’images que si le temps de chargement de votre site est résolument trop long.\r\n8. Ne pas laisser les cookies sur vos images\r\nAujourd’hui, tout le monde utilise des cookies pour récolter des données sur les sessions des visiteurs (session = temps passé et interactions ayant eu lieu sur un domaine). Ils sont très importants notamment pour mesurer les performances de vos campagnes marketing.\r\n\r\nToutefois, n’en chargez pas vos images ! La plupart du temps, ils sont inutiles à cet endroit et peuvent nuire au temps de chargement, surtout sur version mobile.\r\n9. Supprimer un maximum de métadonnées\r\nLorsque vous téléversez une image à partir d’un téléphone ou d’un appareil photo, elles peuvent embarquer un certain nombre de métadonnées inutiles, telles qu’EXIF (type et paramètres de l’appareil utilisé, la date de prise de vue, etc.). Si votre site ne traite pas explicitement de la photographie, ce genre d’infos peut être supprimé pour alléger les fichiers.\r\n10. Créer un sitemap spécialement pour vos images\r\nNous vous avons déjà expliqué l’importance des sitemaps, qui consiste à donner un plan de votre site et à le communiquer directement à Google pour faciliter le crawling de votre site web.\r\n\r\n\r\n\r\nIl est possible de faire la même chose pour favoriser vos chances d’apparaître haut dans les SERPs de Google Image, une zone de plus en plus visitée du célèbre moteur de recherche. Le sitemap des images permet de lui demander directement d’indexer certaines images en particulier.\r\nEn bref, l’optimisation d’images en référencement, c’est…\r\n… un excellent moyen d’améliorer l’UX de votre site avec un contenu plus riche et soigné, d’optimiser ses Webperfs en surveillant le rapport qualité/poids des fichiers téléversés dans votre bibliothèque média, de fournir aux moteurs de recherche des indications positives sur la cohérence entre les éléments d’information que vous délivrez au lecteur, et même de fluidifier votre indexation après publication.\r\n\r\nEt si vous n’avez pas d’illustrateur ou d’illustratrice attitrée, n’hésitez pas à former votre web rédacteur à ce sujet : ce sont vraiment des points SEO gagnés facilement !\r\nVos question, nos réponses !\r\nEst-ce utile d’optimiser ses images SEO ?\r\nOptimiser vos images offre plusieurs avantages en référencement naturel :\r\n\r\n \tune meilleure visibilité sur Google Images ;\r\n \tréduire le temps de chargement de vos pages ;\r\n \trenseigner Google et les utilisateurs sur vos contenus graphiques ;\r\n \tfluidifier le crawling des bots sur votre site et favoriser la bonne indexation de vos pages ;\r\n \tdonner de la crédibilité à vos produits (sur les boutiques d’e-commerce).\r\n\r\nBeaucoup de sites négligent les 10 principes d’Uplix quant à l’optimisation des images ; à vous d’en profiter !\r\nQuels outils pour des images SEO ?\r\nIl en existe plein ! Pour composer facilement des images originales et uniques, utilisez un logiciel comme Canva ou Adobe Illustrator. Pour réduire leur poids sans trop perdre en qualité, compressez-les avec Imagify ou Tiny PNG. Pour améliorer vos illustrations, Adobe Photoshop, bien qu’onéreux, reste un incontournable.\r\nComment faire pour intégrer des vidéos dans du contenu SEO ?\r\nIl est généralement très bon de varier les éléments visuels que vous mettez à disposition des lecteurs et lectrices. Vous pouvez bien évidemment intégrer des vidéos en format MP4, voire OGG (plutôt orienté Linux users). Cela étant, nous recommandons plutôt d’insérer des liens URL “embed” (éléments de contenu externe embarqués). De cette manière, vous ne chargez pas votre page avec des fichiers trop lourds."
            },
            {
                "type": "core/paragraph",
                "content": "Pour aller plus loin : voir notre expertise SEO technique en détail."
            }
        ],
        "paragraphs": [
            "Lorsque vous tenez un blog et mettez en place une stratégie de contenu, il est important de savoir enrichir vos publications avec plusieurs types de médias : photos, vidéos, infographies, etc. Mais inclure des images sur un site web ne se fait pas n’importe comment lorsque l’on veut ranker sur les moteurs de recherche.\r\n\r\nEn effet, il existe toute une batterie d’optimisations SEO qui concernent à la fois l’utilisateur et les bots de Google, de Bing, etc. Il s’avère qu’un bon usage et paramétrage de vos illustrations peut faciliter l’indexation de vos pages web, augmenter votre visibilité dans les SERPs d’images, et même améliorer votre pertinence auprès des algorithmes.\r\n\r\n\r\n\r\nNous allons donc vous parler des 10 réglages à vérifier pour optimiser la présence d’images sur votre site internet.\r\n1. Des images bien contextualisées\r\nLe premier point peut sembler évident, mais on voit l’erreur fréquemment : des images trop éloignées du contenu qu’elles sont censées illustrer. Davantage un problème UX (User eXperience) que de référencement pur et dur, choisir des images qui n’apporte rien au propos donne une véritable impression d’article publié “à la va vite”.\r\n\r\nVos lecteurs auront alors tendance à aller vérifier la concurrence et votre trafic organique en souffrira. Pour enrichir votre contenu via des illustrations, plusieurs axes sont possibles :\r\n\r\n \tproposer des schémas ;\r\n \tmontrer à quoi ressemble un élément que vous décrivez ;\r\n \tajouter une touche d’humour ;\r\n \tetc.\r\n\r\nNota Bene : ne pas substituer les images à un texte bien construit, ou les algorithmes considèrerons votre contenu comme pauvre. C’est bien la synergie des deux qui va renforcer la pertinence de vos pages.\r\n2. Privilégier des illustrations originales\r\nOn sait que les contenus dupliqués ne font pas bon ménage avec les moteurs de recherche. Les images n’échappent évidemment pas à la règle. Même si quelques images dupliquées ne suffiront pas à faire tomber votre page tout en bas des SERPs, proposer des clichés ou des montages personnels est un gros indicateur de qualité.\r\n\r\nN’hésitez pas à faire appel à un illustrateur ou une illustratrice professionnelle si vous avez le budget : une même patte graphique sur tout votre site lui donne une identité très marquée, qui renforce le côté pro et donc, par association, la solidité présumée de votre expertise. Il existe aussi des générateurs d’images comme avec canva.com.\r\n3. Mettre une légende si possible\r\nLégender une image n’est absolument pas nécessaire pour le référencement, mais ne pas le faire quand vous en avez l’occasion serait une erreur. Tout est bon pour enrichir son contenu et affiner la contextualisation des images. La légende permet ainsi, selon les cas :\r\n\r\n \td’expliquer succinctement l’illustration ;\r\n \tde citer une source ;\r\n \td’ajouter des éléments de contexte ;\r\n \tde caser une boutade ;\r\n \tetc.\r\n\r\nNota Bene : pour une optimisation aux petits oignons, il n’est pas interdit d’y caser un mot-clé bien choisi.\r\n4. Renommer toutes les images avec des mots-clés\r\nLorsque sur un site internet, l’utilisateur passe sa souris sur une image, une bulle s’affiche pour en afficher le title. Cette balise sert de nom à l’illustration, et peut différer de celui du fichier.\r\n\r\n\r\n\r\nNormalement, votre CMS vous demande quel title vous souhaitez pour votre image au moment de la téléverser dans sa bibliothèque multimédia. Sinon, vous pourrez la rentrer directement dans le code HTML.\r\n\r\nOn conseille généralement de rédiger des titles :\r\n\r\n \trésumant la photo, l’illustration, le schéma etc. ;\r\n \tintégrant des termes proches du mot-clé principal (celui sur lequel vous souhaitez vous positionner) ;\r\n \td’une longueur de 2 à 5 mots.\r\n\r\nCette simple démarche donne aux algorithmes une indication supplémentaire sur la cohérence de vos images vis-à-vis de vos textes, et donc sur la pertinence générale de vos contenus.\r\n5. Rédiger un texte alternatif (l’attribut ALT)\r\nÀ ne pas confondre avec le titre de l’image, le texte alternatif a pour fonction de la décrire un peu plus précisément. Sa fonction principale est de remplacer l’illustration lorsqu’elle ne s’affiche pas, afin que le lecteur sache de quelle information il s’agissait.\r\n\r\nBien sûr, cela sert aussi aux bots de Google afin de mieux comprendre ce qu’est censé représenter l’image pour l’utilisateur. À cet égard, le texte à insérer peut être plus long que le title, mais devra rester bref. Aussi, il est important d’y insérer des mots-clés, sans toutefois perdre en cohérence. Faites clair, précis et proche du thème principal de votre publication.\r\n6. Choisir le bon format d’image\r\nOn entre désormais dans les considérations techniques. Plus haut, nous avons parlé des fonctions intéressantes des images ; il se trouve qu’un format existe pour chacune :\r\n\r\n \tpour illustrer avec des clichés pro, des captures d’écran ou des graphismes de très bonne qualité, le JPEG offre un excellent rendu des couleurs et des nuances de gris ;\r\n \tpour expliquer avec des schémas ou des infographies, le PNG est la meilleure option ;\r\n \tpour alléger le propos avec des memes comiques, le GIF est devenu très populaire, à essayer à condition que votre site puisse supporter des fichiers lourds sans augmenter le temps de chargement ;\r\n \tenfin, il existe aussi le format WebP, qui offre une meilleure compression d’images que le JPEG, ¼ plus légères pour la même qualité.\r\n\r\nNota Bene : lorsque vous publiez sur des réseaux sociaux, essayez de respecter les formats recommandés par chaque plate-forme. Il vous suffira généralement de redimensionner vos images avec un logiciel adapté.\r\n7. Faire attention à la résolution et au poids de l’image\r\nSi la question du format concerne davantage la mise en valeur des publications, celle du poids et de la taille va surtout impacter la performance de votre site web (Webperf), comme le temps de chargement ou le délai avant qu’une première interaction soit possible sur la page à son ouverture (voir à ce sujet notre article sur les core web vitals).\r\nDéfinition, taille et résolution : quelle différence ?\r\nPour rappel et pour éviter toute confusion :\r\n\r\n \tla taille d’une image correspond à la surface réelle qu’elle prend sur l’écran. On l’exprime donc en cm ou en pouces avec la longueur * largeur (elle augmente donc quand on zoome) ;\r\n \tla définition correspond au nombre de pixels qui composent l’image. On l’exprime en pixels, toujours à travers la longueur * largeur (nb : le pixel n’a pas de taille prédéfinie);\r\n \tla résolution est le rapport entre la taille et les pixels : c’est ce qui va donner une grande partie de la qualité de l’image.\r\n\r\nEn général, quand vous téléversez une image, il faut bien gérer sa taille et sa qualité, sans quoi elle manquerait de visibilité. Deux contraintes se posent alors :\r\n\r\n \tune résolution de trop haute qualité ne doit pas empêcher la page de se charger rapidement ;\r\n \tla qualité doit être assez bonne aussi bien sur desktop que sur mobile (intéressez-vous au responsive design et au mobile-first ;\r\n\r\nLes CSS ont tendance à redimensionner les images par défaut, mais si la taille ne convient pas, vous avez facilement la main.\r\n\r\n\r\n\r\nIl suffira de cliquer droit sur l’illustration pour accéder à tous les paramètres (hauteur, largeur, etc.) ou d’y accéder à partir de votre bibliothèque multimédia.\r\n\r\nNota Bene : sur un blog, privilégiez le format paysage avec une largeur proche des bordures de la page, et le tout.\r\nLe poids des images : comment procéder ?\r\nLe poids d’une image concerne la place qu’elle prend, et s’exprime en Ko (kilo-octets) ou Mo (méga-octets). Plus l’image est lourde, plus elle risque de prendre du temps à charger, en fonction de la puissance de votre site.\r\n\r\n\r\n\r\nLa question est donc de savoir s’il faut ou non la compresser, au détriment d’une qualité supérieure.\r\n\r\nIl existe deux types de compression :\r\n\r\n \tsans perte : la qualité reste quasiment la même, mais le poids réduit moins ;\r\n \tavec perte : on réduit la qualité à un niveau qui reste acceptable, et l’image s’allège considérablement (solution la plus courante).\r\n\r\nNota Bene : n’envisagez la compression d’images que si le temps de chargement de votre site est résolument trop long.\r\n8. Ne pas laisser les cookies sur vos images\r\nAujourd’hui, tout le monde utilise des cookies pour récolter des données sur les sessions des visiteurs (session = temps passé et interactions ayant eu lieu sur un domaine). Ils sont très importants notamment pour mesurer les performances de vos campagnes marketing.\r\n\r\nToutefois, n’en chargez pas vos images ! La plupart du temps, ils sont inutiles à cet endroit et peuvent nuire au temps de chargement, surtout sur version mobile.\r\n9. Supprimer un maximum de métadonnées\r\nLorsque vous téléversez une image à partir d’un téléphone ou d’un appareil photo, elles peuvent embarquer un certain nombre de métadonnées inutiles, telles qu’EXIF (type et paramètres de l’appareil utilisé, la date de prise de vue, etc.). Si votre site ne traite pas explicitement de la photographie, ce genre d’infos peut être supprimé pour alléger les fichiers.\r\n10. Créer un sitemap spécialement pour vos images\r\nNous vous avons déjà expliqué l’importance des sitemaps, qui consiste à donner un plan de votre site et à le communiquer directement à Google pour faciliter le crawling de votre site web.\r\n\r\n\r\n\r\nIl est possible de faire la même chose pour favoriser vos chances d’apparaître haut dans les SERPs de Google Image, une zone de plus en plus visitée du célèbre moteur de recherche. Le sitemap des images permet de lui demander directement d’indexer certaines images en particulier.\r\nEn bref, l’optimisation d’images en référencement, c’est…\r\n… un excellent moyen d’améliorer l’UX de votre site avec un contenu plus riche et soigné, d’optimiser ses Webperfs en surveillant le rapport qualité/poids des fichiers téléversés dans votre bibliothèque média, de fournir aux moteurs de recherche des indications positives sur la cohérence entre les éléments d’information que vous délivrez au lecteur, et même de fluidifier votre indexation après publication.\r\n\r\nEt si vous n’avez pas d’illustrateur ou d’illustratrice attitrée, n’hésitez pas à former votre web rédacteur à ce sujet : ce sont vraiment des points SEO gagnés facilement !\r\nVos question, nos réponses !\r\nEst-ce utile d’optimiser ses images SEO ?\r\nOptimiser vos images offre plusieurs avantages en référencement naturel :\r\n\r\n \tune meilleure visibilité sur Google Images ;\r\n \tréduire le temps de chargement de vos pages ;\r\n \trenseigner Google et les utilisateurs sur vos contenus graphiques ;\r\n \tfluidifier le crawling des bots sur votre site et favoriser la bonne indexation de vos pages ;\r\n \tdonner de la crédibilité à vos produits (sur les boutiques d’e-commerce).\r\n\r\nBeaucoup de sites négligent les 10 principes d’Uplix quant à l’optimisation des images ; à vous d’en profiter !\r\nQuels outils pour des images SEO ?\r\nIl en existe plein ! Pour composer facilement des images originales et uniques, utilisez un logiciel comme Canva ou Adobe Illustrator. Pour réduire leur poids sans trop perdre en qualité, compressez-les avec Imagify ou Tiny PNG. Pour améliorer vos illustrations, Adobe Photoshop, bien qu’onéreux, reste un incontournable.\r\nComment faire pour intégrer des vidéos dans du contenu SEO ?\r\nIl est généralement très bon de varier les éléments visuels que vous mettez à disposition des lecteurs et lectrices. Vous pouvez bien évidemment intégrer des vidéos en format MP4, voire OGG (plutôt orienté Linux users). Cela étant, nous recommandons plutôt d’insérer des liens URL “embed” (éléments de contenu externe embarqués). De cette manière, vous ne chargez pas votre page avec des fichiers trop lourds.",
            "Pour aller plus loin : voir notre expertise SEO technique en détail."
        ],
        "primary_image": "https://www.uplix.fr/wp-content/uploads/2023/03/Images-SEO-optimisation.png",
        "content_hash": "e76c4d1c549236384b7f35fd791127d7"
    },
    "taxonomy": {
        "category": [
            {
                "name": "Leviers SEO technique",
                "slug": "seo-technique",
                "url": "https://www.uplix.fr/uplix-labs/seo/seo-technique/"
            },
            {
                "name": "Optimiser performance",
                "slug": "performances-web",
                "url": "https://www.uplix.fr/uplix-labs/seo/seo-technique/performances-web/"
            }
        ]
    },
    "metadata": {
        "author": {
            "name": "Emmanuel de Vauxmoret",
            "url": "https://www.uplix.fr/author/magikmanu/"
        },
        "categories": [
            "Leviers SEO technique",
            "Optimiser performance"
        ],
        "tags": []
    },
    "site": {
        "name": "Uplix.fr",
        "url": "https://www.uplix.fr/"
    }
}