Bonjour,
j'ai appris qu'il pouvait être fatal de cacher du texte via un display:none par exemple et que GG peut considérer cela comme du spam.
Je voudrais vous expliquer pourquoi cela me pose problème, je ne m'amuse pas à écrire 50 000 mots clés cachés dans ma page cependant imaginez une barre de menu horizontal, avec en liens des images mis en background d'un <a> grâce au css, ainsi quand on passe la souris dessus : le background du <a> se change.
Par exemple : https://www.webrankinfo.com, comme dans la barre d'onglet ici sauf que dans mon cas les titre des onglets ne serait pas en texte mais directement écrit dans l'image - de manière à avoir une plus grande liberté artistique -.
Bon ok ça marche niquel, par contre si on regarde ça sans le style css de la page, et bien on ne vois plus le menu vu que tout est gérer en css - et que donc le titre n'est pas écrit en dur dans le html -, c'est pourquoi niveau accessibilité c'est très gênant, l'astuce est alors de mettre un <h1> (ou tout autre balise, ce n'est qu'un exemple) dans la balise <a> et de mettre en css les <h1> du menu en display:none.
Comme ça si on va sur le site avec le style, on vois le menu impec avec le rollover sur chaque onglet et si par exemple le visiteur est aveugle ou visite le site avec un appareil qui ne peut lire le css : on peut tout de même accéder (avec un synthétiseur vocal) aux titres des menu qui seront dans le code source de la page html. C'est aussi bien évidement pour le référencement pour signaler aux moteurs que même si le titre n'est à priori pas écrit en dur il est bel et bien présent et porte tel nom vu que contrairement aux humains le moteur ne lisent pas les textes écrit sur les images.
Cependant si je fait cela je risque tout de même d'être pris pour un spammeur pour les moteur non? Suis je alors obliger d'écrire mon texte en du à la manière de la page d'accueil de webrankinfo même si cela ne me conviens pas? Ou alors je suis obligé d'afficher l'image avec la balise <img> et d'inscrire le titre en alt même si je préfère que ce sois mis en background et que mon titre doit par exemple être considérer comme aussi important qu'un h1?
j'ai appris qu'il pouvait être fatal de cacher du texte via un display:none par exemple et que GG peut considérer cela comme du spam.
Je voudrais vous expliquer pourquoi cela me pose problème, je ne m'amuse pas à écrire 50 000 mots clés cachés dans ma page cependant imaginez une barre de menu horizontal, avec en liens des images mis en background d'un <a> grâce au css, ainsi quand on passe la souris dessus : le background du <a> se change.
Par exemple : https://www.webrankinfo.com, comme dans la barre d'onglet ici sauf que dans mon cas les titre des onglets ne serait pas en texte mais directement écrit dans l'image - de manière à avoir une plus grande liberté artistique -.
Bon ok ça marche niquel, par contre si on regarde ça sans le style css de la page, et bien on ne vois plus le menu vu que tout est gérer en css - et que donc le titre n'est pas écrit en dur dans le html -, c'est pourquoi niveau accessibilité c'est très gênant, l'astuce est alors de mettre un <h1> (ou tout autre balise, ce n'est qu'un exemple) dans la balise <a> et de mettre en css les <h1> du menu en display:none.
Comme ça si on va sur le site avec le style, on vois le menu impec avec le rollover sur chaque onglet et si par exemple le visiteur est aveugle ou visite le site avec un appareil qui ne peut lire le css : on peut tout de même accéder (avec un synthétiseur vocal) aux titres des menu qui seront dans le code source de la page html. C'est aussi bien évidement pour le référencement pour signaler aux moteurs que même si le titre n'est à priori pas écrit en dur il est bel et bien présent et porte tel nom vu que contrairement aux humains le moteur ne lisent pas les textes écrit sur les images.
Cependant si je fait cela je risque tout de même d'être pris pour un spammeur pour les moteur non? Suis je alors obliger d'écrire mon texte en du à la manière de la page d'accueil de webrankinfo même si cela ne me conviens pas? Ou alors je suis obligé d'afficher l'image avec la balise <img> et d'inscrire le titre en alt même si je préfère que ce sois mis en background et que mon titre doit par exemple être considérer comme aussi important qu'un h1?