web-dev-qa-db-fra.com

L'utilisation de la même couleur H1 en arrière-plan nuira-t-elle au référencement si j'utilise l'image d'arrière-plan?

Cela peut-il nuire au référencement si les en-têtes H1 ont la même couleur que la couleur de fond du corps standard, même si tous les en-têtes H1 sont placés dans des div ayant une image d'arrière-plan contrastée? (Donc pour être clair: le titre sera clairement visible)

Pour illustrer:

CSS:

body {
color:#4e4e4e;
background-color: #ffffff;  
}

#section1 {
background: url('example.jpg');
}

h1 {
font-weight: bold;
color:#ffffff;
}

(example.jpg dans ce cas serait une image avec des couleurs très sombres)

HTML:

<div class="section" id="section1">
<h1>Lorem ipsum dolor</h1>
</div>

À première vue, il peut sembler que les titres H1 sont masqués, mais en réalité, ils ne le sont pas, car les lettres blanches contrasteront avec l’arrière-plan sombre.

Est-ce que Google (à tort) y verra un texte masqué, ce qui nuirait au référencement? Et si oui, serait-il alors préférable de définir les couleurs H1 par div comme dans l'exemple CSS ci-dessous?

body {
color:#4e4e4e;
background-color: #ffffff;  
}

#section1 {
background: url('example.jpg');
color: #fff;
}

Je pose cette question parce que, bien que le deuxième exemple semble plus logique si vous voulez préciser que vous ne cachez pas de texte, j’ai aussi l’impression que cela va à l’encontre du but d’un fichier CSS séparé. Si je dois changer la couleur de la police pour chaque div pour laquelle je utilise un H1, je pourrais aussi bien passer à l’alignement en ligne.

seohtmlcsshidden-text
3
Edward Touw

Si votre texte est visible par les humains et les moteurs de recherche, alors c'est très bien. En matière de référencement, ce n'est pas la technique qui est mauvaise. C'est le intention. Votre contenu est visible par tout le monde et ne constitue en aucun cas une tentative de manipulation de votre classement.

4
John Conde