Étiquette H1 sur le logo dans l'en-tête
Donc, j'ai un thème qui a mon logo en tant que H1. Le logo lui-même est un fichier SVG. Je suis curieux de savoir si c'est une mauvaise pratique pour le référencement. Mon audit fait apparaître 2 balises H1 sur mes pages pour cette raison et je me demande si je devrais maintenant retirer la balise H1 de mon logo dans l'en-tête. Je pense que cela n’aurait pas beaucoup de sens de le laisser ici puisque mon logo n’est pas basé sur du texte.
Voici comment se situe le code:
<h1 class="logo-collapse">
<a href="https://example.com/" title="My Brand Name" class="logo">
<img src="https://example.com/path/to/logo/logo.svg" alt="My Brand Name" width="150"height="55">
</a>
</h1>
La balise H1 doit contenir une phrase de quelque sorte qui indique directement à l'utilisateur, sous forme de texte, le contenu de la page Web.
Sans ce texte, les robots auront du mal à comprendre la page et, par conséquent, elle ne sera pas indexée correctement. En fait, il peut ne pas être indexé du tout en fonction du moteur de recherche auquel vous vous attendez.
Ce que je ferais, c’est que l’image du logo soit distincte de H1, ou si vous avez besoin du texte faisant partie du logo, vous pouvez utiliser CSS.
Voici un exemple d'utilisation valide de H1.
<h1>Some corporation</h1>
<a href="logoinfo.htm">
<img src="someimage.jpg" width=100 height=100>
</a>
<p>This is a page about some corporation.</p>
La balise H1 pour le logo est une option valide uniquement si vous souhaitez créer le logo d’un texte, sinon vous pouvez simplement changer le fichier css et en séparer la balise h1 et y insérer une balise DIV afin que l’alignement ne soit pas entravé.
par exemple:
<div class="logo-collapse">
<a href="https://example.com/" title="My Brand Name" class="logo">
<img src="https://example.com/path/to/logo/logo.svg" alt="My Brand Name" width="150"height="55">
</a>
</div>
comme votre logo est un fichier svg cela n'a rien à voir avec une balise H1, vous pouvez le changer.