![Olivier Carbone [Amnesty/Talend/Epitech]](https://ocarbone.2point0.org/wp-content/uploads/2025/02/cropped-ocarbone2point0.org_.gif){kind=small}
Lors de la refonte de ce site en blog, en mars dernier, j’ai laissé sur la homepage un bloc <div style=”display:none”> avec l’ancien texte de bienvenue. En me connectant sur les Webmasters Tools de Google, j’ai la désagréable surprise de constater que l’indexation de mon site est bloquée …
Le message (tronqué dans la capture d’écran ci-dessous) indique la cause, un simple div style display:none 🙁
Une partie du code incriminé 🙁
<div style="display:none">Intéressé très tôt par la programmation de logiciels, c'est dans l'idée d'optimiser leur utilisation et de participer à la création d'interfaces web et de logiciels conviviaux que j'ai suivi une formation informatique. Après avoir décroché mon Brevet de Technicien Supérieur en Informatique, j'ai eu le plaisir d'être sollicité par un centre de formation. J'ai donc été développeur et formateur elearning en bureautique et en langages informatiques.</div>
J’ai depuis corrigé le code incriminé et demandé aux robots de Google de repasser faire leurs inspections. L’attente commence … j’espère ne pas être forcé de changer de nom de domaine !
Un peu dur tout même, non ?
A noter, je ne trouve aucune mention de ce fait dans Google Analytics, bien que je constate la baisse flagrante de trafic.
2 jours après avoir formulé ma requête auprès de Google … mon site réapparaît dans les SERP – Search Engine Results Pages. Google est donc trés réactif ! Les pages de mon blog sont toujours dans le cache de google et mon pagerank n’a pas bougé : ouf !
Je ne pensais pas que les conditions de google était si poussée ! Un bloc caché (display:none) avec si peu de texte représente une infraction ?! Si c’est le cas, ça pourrai être un problème avec des sites Javascript / AJAX qui utilise cette solution pour afficher cacher des zones de textes.
D’un coté, je comprends bien que les moteurs de recherche traquent les sites qui emploient cette solution pour mieux indexer leurs sites (heureusement), mais je suis interessé pour en savoir plus (il me semble que Google n’analyse pas encore les fichiers javascript). Il faudrai que je fasse quelques recherches sur le sujet qd j’aurai du temps 😉 Si t’as des infos, n’hésites pas à nous les faire partager 😀
En tout cas, merci pour ce retour, et heureux que tout s’arrange rapidement !
Salut Jérôme !!
Google analyse ma HomePage depuis plusieurs mois déjà et n’a été choqué par le div style=”display:none” qu’en début décembre.
Mais Google est intelligent, il analyse le contenu de ce div et ne se vexe que selon certains critères. A noter, en bas de ma HomePage j’ai laissé un div style=”display:none” avec un appel javascript au code de MyBlogLog ainsi qu’un objet flash récupérant les positions géographiques des visiteurs. Ce second div n’a pas gêné Google qui réaffiche maintenant mon blog dans ses SERP.
L’objectif de Google est de mieux servir l’utilisateur, de présenter dans les SERP un contenu pertinent. Il est de plus en plus dur de tricher avec Google … et c’est tant mieux !
Moi, je n’ai pas encore eu le probleme…
L’astuce c’est d’utiliser une feuille de style ! genre: class=”cachonsle” et dans la CSS .cachonsle {display:none}
Et non, malheureusement ce n’est pas si simple ! Si Google interprète la valeur de l’attribut style, il interprètera celui de l’attribut class … tout comme il repère les textes de couleur blanche sur fond blanc.
Comme indiqué dans un des commentaires précédent, un autre bloc (sur la même page) utilisant un style dislay:none n’est pas considéré comme bloquant par Google. Pas simple de comprendre les critères de Google !!
et encore, ils sont sympa, ils informent !
En attendant c’est la M…ouïse.
Je viens juste de terminer une F.A.Q dont toutes les réponses sont en display.none car je trouve celà élégant. Le gain de place est évident et seules les questions sur lesquelles le visiteur clique voient s’afficher les réponses.
Le style display:none n’est pas forcément pénalisant … il faut par contre surveiller son impact sur le référencement !
Je n’ai pas vu de FAQ sur le site “100 Marques” que vous indiquez dans votre profil ? Est-ce une FAQ qui sera ajouté à ce site ou parlez vous d’un autre website ? L’ergonomie est en effet très importante et je suis curieux de pouvoir jeter un œil sur votre création 🙂
Dans une feuille de style séparée comme dans le javascript et les balises objet, Google ne s’en occupe pas. Googlebot consulte uniquement le contenu xhtml strict (sauf quand il tombe sur un display:none dans le code html de la page, c’est un peu un style css “blacklisté” par Google). J’en ai bien la confirmation dans la mesure où j’utilise une galerie d’image imagevue qui utilise la balise objet flash pour masquer le contenu xhtml. Allez sur les démos de la galerie et comparez ce que vous voyez réellement au cache de Google (texte seul). Et là surprise! une belle grosse balise H1 vers le site imagevuex.com
En clair, chaque fois que vous installez cette galerie, vous faites du référencement vers leur site, ce sont des malins, leur site est donc superbement référencé grâce à leurs clients bien qu’ils ne respectent pas vraiment les recommandation du “Conseils pour les webmasters” en cachant des liens importants tels que les balises h derrière le flash.
Merci pour ces précisions 🙂
Sympa cette galerie … pas très moral comme stratégie surtout qu’elle semble dissimulée. Pourquoi continuer à l’utiliser ? Pour sa fiabilité et ses fonctionnalités ? Ou un changement est déjà prévu ?
Bravo pour votre site ! Très graphique, vos photos sont bien mises en valeur et l’affichage et de surcroit rapide.
En fait, quand j’ai découvert la fourberie, j’ai immédiatement modifié le code à MON avantage, je l’ai même optimisé pour mon propre site. Je l’utilise parce que c’est la meilleure galerie d’image avec administration (pour ma part). Merci pour les compliments 😉