balise a sans contenu - contenu donné via CSS

Nouveau WRInaute
Bonjour,

Situation :
Je fais actuellement un site et j'ai des balises <a href="index.php" class="accueilImg"></a> , le contenu de cette balise étant une image donnée via le CSS.

Ma question :
Est-ce que Google ne risque pas de croire que j'essaies de tricher en mettant un lien que lui voit mais pas mes visiteurs ?
 
WRInaute impliqué
Il me semble que si tu ne met rien entre <a> et </a> ton lien ne sera pas cliquable de toutes manières... et j'aurais tendance à penser que google va surtout penser qu il n'y a pas de lien...
 
WRInaute accro
Euh... si le contenu de l'image est affiché par le css, tes visiteurs voient le lien aussi, non ? Enfin c'est recommandé :)
En fait tu risques deux choses avec cette technique : tous les utilisateurs ayant pour une raison ou pour une autre désactivé le css ne verront aucun lien, et de même pour ceux utilisant des techniques d'accessibilité.
Par ailleurs, ton lien n'a aucune valeur sémantique.

Je te conseille donc de mettre un lien texte sous ton image, tu peux gérer cela avec les z-index par exemple, et au moins il y a un vrai lien sur ta page.
 
Nouveau WRInaute
En fait c'est cliquable car dans le css y'a ca :
.menu a.accueilImg{
background-image: url(../images/accueil.png);
width: 72px;
height: 49px;
}
 
WRInaute discret
ludm a dit:
J'ai des balises <a href="index.php" class="accueilImg"></a> , le contenu de cette balise étant une image donnée via le CSS.
Cette technique est de plus en plus utilisée, par exemple pour certains types d'images réactives et je n'ai aucune connaissance de pénalité. Par ailleurs, GG charge des fichiers .css de temps à autre et il lui est facile de les exploiter pour vérifier le bon usage des balises remplies par le css.
 
WRInaute accro
Sachant que Google va transférer de la pertinence sur base du texte de l'ancre du lien (ou à moindre mesure, du alt="" de l'image), je trouve dommage de ne pas faire ses liens en pur texte.

Qu'on laisse la déco au css, et le contenu à l'html, please :D
 
Nouveau WRInaute
Merci pour vos réponses,

En dessous de ce "lien image" il y'a quand même un lien texte normal.
L'image n'étant pas un fond de menu, mais plutôt une icone, il s'agit donc plus de contenu que de déco, donc c'est vrai qu'un <a href="lien"><img src="monImg" /></a> serait plus propre.
 
WRInaute passionné
Effectivement, il s'agit ici de contenu. Sans hésitation, il ne faut pas passer par le CSS pour faire ça mais bien par de xHTML et une une balise image correctement renseignée (ne surtout pas oublier l'attribut "alt").

Le contenu :arrow: xHTML

La décoration et la mise en forme du contenu :arrow: CSS

:wink:
 
Discussions similaires
Haut