Je voulais optimiser le rendu de notre logo qui est au format svg. Je voulais essayer d'inclure le code svg de l'image sur le code HTML de notre site, afin d'éviter d'avoir à demander la ressource image. L'image s'affiche dès que le code HTML est chargé. Ma préoccupation est, comment cela affecterait le référencement? Étant donné que le balisage svg n'aurait aucun attribut alt ni src d'image.
Si vous êtes préoccupé par la perte de trafic de votre logo qui n'apparaît pas dans une recherche d'image, je vous recommanderais alors d'incorporer votre image via la balise <img>
avec le texte alt
, plutôt que le SVG en ligne.
D'autre part, si votre principal souci est le trafic provenant d'une simple recherche Web, la meilleure pratique pour le SVG intégré consiste à formater le SVG avec les attributs suivants:
<svg role="img" aria-labelledby="title desc">
<title>...</title>
<desc>...</desc>
<!-- Additional SVG Content -->
</svg>