Mettre l’image du logo dans le titre <h1> de la page et être bien référencé
- 11-05-2010
- Posté dans css . Référencement
- Écrire un commentaire
Si l'image du logo correspond vraiment au titre
C'est le texte dans l'attribut ALT qui sera référencé (bien pris en compte par moteurs de référencement).
Ex :
<h1>
<img src='monimage.png' alt='Mon titre' />
</h1>
Si on veut référencer un texte en <h1> mais afficher une image de fond
Alors il faut masquer ce texte et afficher l'image en background avec css.
html :
<h1>
<span>Mon titre</span>
</h1>
css :
Méthode à ne pas utiliser car non compatible avec tous les navigateurs :
h1 { background: url(monimage.png); }
h1 span { display: none; }
Méthode conseillée : déplacer le texte en dehors de la page :
h1 { background: url(monimage.png); }
h1 span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}


Il n'y a pas encore de commentaire.