web-dev-qa-db-fra.com

Effet de redimensionnement SVG sur le référencement

Le chargement d'un fichier SVG plus petit que la résolution d'origine a-t-il un impact sur votre référencement?

À titre d'exemple:

index.html:

<img src="test.svg" width="10" height="10"/>

test.svg (taille originale: 150x150):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
   <circle r="32" cx="35" cy="65" fill="#F00" opacity="0.5"/>
   <circle r="32" cx="65" cy="65" fill="#0F0" opacity="0.5"/>
   <circle r="32" cx="50" cy="35" fill="#00F" opacity="0.5"/>
</svg>
4
Frans

Google n'a jamais mentionné de ne pas redimensionner les SVG dans leurs documentations/commentaires publics. L'intérêt des SVG est que vous pouvez les redimensionner facilement tout en maintenant une surcharge de transfert et une qualité élevées. Bien qu’il soit généralement déconseillé de déformer la qualité de l’image en redimensionnant des fichiers jpgs ou pngs, ils n’ont aucune raison logique de pénaliser les fichiers SVG utilisés comme prévu.

Cependant, vous pouvez encourir une pénalité en fonction de l'utilisation d'une image dans la conception. Il existe un certain nombre de facteurs de référencement qui prennent en compte la convivialité de la page . Dans cet esprit, voici une liste de contrôle des facteurs approuvés par Google qui sont à prendre en compte lors du chargement de la page pour le contenu de l'image:

1
L Martin