web-dev-qa-db-fra.com

Deux balises <h1> dupliquées et une cachée

Est-ce mauvais pour le référencement?

<h1 class="responsive-hidden">This is my title</h1>
<h1 class="hidden responsive-show">This is my title</h1>
seohtmlcsshidden-text
3
Nepo Znat

Oui, un seul H1.
Mais il existe une solution simple, qui a ses propres défauts (vous pourriez obtenir des titres très bizarres dans les résultats de référencement!):

<h1>
    <span class="responsive-hidden">This is my title</span>
    <span class="hidden responsive-show">This is my title</span>
</h1>

Ce n'est pas une solution parfaite! C'est parfait pour les éléments moins importants dans votre page, mais pas autant pour les titres.

Si cela est dû à des chaînes trop longues:

h1{
    text-overflow: Ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

Ceci coupera visuellement la chaîne au maximum du conteneur, en plaçant 3 points à la fin comme ceci ...

5
Martijn

H1 peut être utilisé pour l'en-tête principal et, selon les recherches, il est recommandé d'utiliser un seul tag h1 par page. Et cela affectera certainement votre référencement.

Disons par exemple, avez-vous vu plusieurs titres pour un seul livre? Si oui, ne pensez-vous pas que cela va dérouter les lecteurs à propos du contenu? Sinon, comment pouvez-vous imaginer la même chose pour votre propre site Web?

merci sunil

0
sharplessons