Les danger de l'optimisation CSS pour le SEO

Tant que tu affiches la même chose aux visiteurs et aux robots et que tu restes logique, tout va bien. Le reste n'a pas d'importance.

 

L'essentiel est d'éviter de recourir à des règles CSS du genre

Code:

h1 {
  position: absolute;
  top: -70000em;
  left: -70000em;
}

Chose que pratique Refseo pour son code de liens retour (et qui lui vaut la blacklist de Google, ainsi qu'aux sites qui contiennent son code).

 

S'il apparait sur le page, et n'est pas masqué par une technique du genre que cite Victor BRITO, il n'y a aucun mal à ça.

 

Faut rester logique dans la structure : c'est efficace tant du point de vue SEO que de l'usabilité. Et durable. Tes pages doivent donc être facilement lisible aussi bien sans CSS qu'avec CSS.

Donc un bloc header, suivi du bloc contenu puis du bloc navigation, avec les liens d'évitement qui vont bien (type "accès au contenu", "accès au menu" etc.)

 

Je plussois en précisant que la logique doit d'abord primer le sans CSS et ensuite, tu place ou tu veux.

Donc, titre, contenu, menu et tu place ensuite comme tu l'entend.

 

C'est ce qu'on appelle l'accessibilité. :wink:

 

On veut dire qu'une page doit être parfaitement exploitable sans CSS (ni JavaScript ni plug-in Flash, Java ou autre gadget de ce genre, d'ailleurs).

 

... tout simplement parce que les robots d'indexation (search engine spiders / crawlers) ne tiennent pas compte de la présentation. Ils ne lisent donc pas les CSS, le JavaScript ni le Flash (ce n'est pas totalement exact, mais c'est ce qu'il faut retenir principalement )

 

Tu peux afficher ce que tu veux dans l'odre que tu veux via la CSS.

Par exemple ta navigation peut se trouver à la fin de ton code source et s'afficher en premier avec le CSS.

Tu peux redéfinir toutes les balises HTML comme tu le souhaite ; cependant, dans un esprit d'accessibilité, il te faut utiliser les balises HTML pour ce à quoi elles sont destinés.

H1 par exemple, ne devrait apparaître qu'une seule et unique fois pour un titre.

 

Ton menu peut donc se trouver en dessous de ton contenu dans le code (comprendre css désactivé) et l'afficher au dessus avec le css !

 

ça ne l'est pas pour tout le monde ; certains mettent des paragraphes complet avec cette balises :wink: