balise a sans contenu - contenu donné via CSS

[ludm]

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 ?

[skippyzrnr]

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...

[Marie-Aude]

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.

[ludm]

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;
}

[HawkEye]

C'est surtout un lien quasi-fantôme d'un point de vue SEO...

[Boetio]

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.

[HawkEye]

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

[ludm]

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.

[DadouDuck]

Un

Code: Tout sélectionner

<a href="lien"><img src="monImg" alt="Titre Icone" /></a>

serait beaucoup plus propre

[Pandore]

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 xHTML

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