Les SVG sont-ils réellement indexés par Google comme du contenu textuel ?

Google indexe-t-il le code source des fichiers SVG ?

Non. Google considère les SVG comme des fichiers image, au même titre qu'un PNG ou un JPEG. Le moteur affiche ces fichiers dans Google Images lorsqu'ils sont pertinents pour une requête visuelle, mais le contenu textuel encodé dans le SVG n'est pas crawlé pour la recherche Web standard.

Certains SEO pensaient que les balises <text> ou <title> à l'intérieur d'un SVG pouvaient enrichir le contenu indexable de la page. C'est faux. Le robot de Google ne parse pas ces éléments pour construire son index textuel. Seul le HTML de la page compte pour le référencement du contenu écrit.

Pourquoi cette distinction est-elle importante pour un SEO ?

Parce que les SVG sont omniprésents : logos, icônes, infographies, schémas techniques. Beaucoup de sites embarquent du texte dans ces fichiers vectoriels en pensant que Google le lira. Erreur stratégique.

Si vous intégrez une infographie SVG contenant des données clés, des mots-clés ou des descriptions, Google ne verra rien. Vous perdez du contenu indexable, donc du potentiel de classement. La déclaration de Mueller tranche : pour que ce texte existe aux yeux de Google, il doit apparaître dans le DOM HTML de la page.

Comment Google affiche-t-il les SVG dans ses résultats ?

Les SVG sont éligibles pour Google Images, comme n'importe quelle image. Ils peuvent apparaître dans les résultats visuels si leur contexte (balise alt, nom de fichier, texte environnant dans le HTML) est pertinent pour une requête. Mais aucune SERP textuelle ne s'appuiera sur le contenu interne du SVG.

Concrètement, un SVG bien balisé avec un attribut alt descriptif et un titre HTML pertinent peut ranker en Images. En revanche, les mots présents dans les balises <text> du fichier SVG ne contribuent en rien au positionnement sur des requêtes textuelles dans la recherche Web.

• Les SVG sont traités comme des images, pas comme du contenu textuel indexable.
• Le code interne d'un SVG (balises <text>, <desc>, <title>) n'est pas pris en compte pour l'index Web de Google.
• Pour indexer du texte, celui-ci doit obligatoirement figurer dans le HTML de la page.
• Google Images peut afficher des SVG si le contexte HTML (attribut alt, texte adjacent) est pertinent.
• Aucune exception : même un SVG inline dans le HTML reste considéré comme une image par Google.

Cette déclaration est-elle cohérente avec ce qu'on observe sur le terrain ?

Oui. Les audits SEO confirment que Google ignore le texte embarqué dans les SVG. Les tests d'indexation montrent que des mots-clés placés uniquement dans des balises <text> de SVG ne génèrent aucun positionnement. La position de Mueller aligne la théorie sur la réalité technique.

Certains SEO avaient expérimenté avec des SVG inline (intégrés directement dans le HTML via <svg>) en espérant que Google les parserait différemment. Résultat : aucun gain d'indexation. Le contenu reste invisible pour l'algorithme de classement textuel, même si le DOM contient techniquement le code SVG.

Quelles nuances faut-il apporter à cette règle ?

Google peut extraire certaines métadonnées pour Google Images : si vous renseignez un attribut alt sur la balise <img> qui pointe vers le SVG, ou si le SVG inline contient un <title> accessible, ces éléments peuvent aider au classement visuel. Mais cela ne change rien pour la recherche Web.

Autre nuance : les données structurées placées dans le HTML autour d'un SVG (par exemple un schema.org ImageObject) peuvent enrichir l'affichage dans les SERP ou améliorer la compréhension contextuelle. Mais encore une fois, le texte à l'intérieur du SVG reste invisible pour l'index textuel.

Quelles erreurs courantes découlent de cette méconnaissance ?

Beaucoup de sites e-commerce utilisent des SVG pour afficher des labels ("Bio", "Nouveau", "Promo") directement dans les visuels produits. Ces mots ne sont jamais crawlés. Si vous voulez que Google comprenne qu'un produit est bio, le mot doit apparaître dans le HTML, pas dans l'image.

Autre erreur : les infographies complexes au format SVG. Elles contiennent souvent des paragraphes de texte vectoriel. Zéro valeur SEO. La solution ? Dupliquer ce contenu dans le HTML de la page, soit sous forme de texte accompagnant l'infographie, soit dans une balise <figcaption> détaillée, soit dans un accordéon de transcription textuelle.

Que faut-il faire concrètement avec les SVG existants ?

Audite tous tes SVG qui contiennent du texte. Identifie le contenu stratégique (mots-clés, descriptions, données chiffrées) et extrais-le dans le HTML de la page. Ne laisse aucun élément textuel critique enfermé dans un fichier vectoriel.

Pour les infographies SVG, ajoute une transcription HTML complète sous l'image ou dans une section dédiée. Utilise des balises <figure> et <figcaption> pour structurer proprement. Si le contenu est volumineux, envisage un accordéon ou un lien vers une page détaillée.

Comment optimiser les SVG pour Google Images sans perdre de SEO textuel ?

Utilise toujours un attribut alt descriptif et riche en mots-clés sur la balise <img> pointant vers le SVG. Si tu intègres le SVG inline, ajoute un <title> et un <desc> à l'intérieur du code SVG pour améliorer l'accessibilité (ce qui peut indirectement aider Google à mieux contextualiser l'image).

Le texte environnant dans le HTML doit expliciter le contenu visuel du SVG. Google s'appuie sur le contexte de la page pour comprendre de quoi parle une image. Plus le texte adjacent est précis, meilleure sera la pertinence de l'image dans Google Images.

Quelles erreurs éviter absolument ?

Ne jamais compter sur le contenu d'un SVG pour ranker sur des requêtes textuelles. Jamais. Si un mot-clé est critique pour ton SEO, il doit figurer dans le HTML, point final.

Évite aussi les SVG trop lourds ou mal compressés : ils ralentissent le chargement, dégradent les Core Web Vitals, et peuvent nuire à l'expérience mobile. Optimise systématiquement avec des outils comme SVGO.

• Auditer tous les SVG contenant du texte stratégique et extraire ce contenu dans le HTML de la page.
• Ajouter un attribut alt descriptif sur chaque balise <img> pointant vers un SVG.
• Intégrer une transcription textuelle complète sous chaque infographie SVG.
• Utiliser des balises sémantiques (<figure>, <figcaption>) pour structurer le contenu autour des SVG.
• Optimiser la taille et la compression des fichiers SVG pour préserver les performances.
• Ne jamais placer de mots-clés critiques uniquement dans le code SVG.