SEO ET CSS : LA BEAUTÉ, LA BÊTE ET LE SURPOIDS

SEO ET CSS : LA BEAUTÉ, LA BÊTE ET LE SURPOIDS

Les apparences peuvent être trompeuses. Avez-vous déjà vu un film avec une belle femme qui s’avère être moins que belle à l’intérieur ? Quelque chose peut sembler magnifique en surface, mais en dessous se cache un désordre complet. Les sites web ne sont pas différents. Combien de sites web affichent visuellement un relooking hollywoodien superficiel, mais cachent à l’intérieur un code de conduite absolument nul ?

En tant que codeur avant tout, et maintenant que je me penche sur le référencement, je suis tombé sur de nombreux sites web au design extérieur superbe et aux visuels époustouflants, puis j’ai craqué en voyant le code de ces pages monstrueuses. Des menus et des boutons tape-à-l’œil, un style en ligne inutile, des tableaux détestables et des lignes de code non pertinentes les unes après les autres créent un désastre enchevêtré. Certains pourraient être tentés de se dire que tant que le site web a l’air bien, pourquoi ce qui se passe sous le capot est-il important ? Pourquoi la conception du code interne devrait-elle être importante pour le référencement ? Quelques idées simples vous aideront à améliorer la beauté interne de votre site en matière de référencement et à comprendre pourquoi le CSS est important dans vos efforts. Peut-être pouvons-nous d’abord discuter de ce que nous appelons un petit « problème de poids ».

Nettoyez vos pages et perdez du poids

Les statistiques montrent qu’environ 65% des Américains sont en surpoids, et en termes de régime alimentaire codé, je crains que beaucoup de nos sites web ne soient coupables du même mode de vie. La santé des sites web souffre lorsqu’ils sont gorgés de codes inutiles et insignifiants, la sauvegarde du contenu pertinent étant la dernière priorité. Il est temps de perdre un peu de ce poids et de faire le ménage.

N’oubliez pas que les crawlers et les araignées crawlent le code et pas les jolis visuels. Imaginez que vous essayez d’escalader une montagne en coupant à travers tous les arbustes, les rochers et le feuillage dense au lieu de simplement prendre la piste. Il vous faudrait beaucoup plus de temps pour atteindre votre destination. De même, les araignées des moteurs de recherche peuvent faire leur travail plus efficacement lorsque vous établissez un chemin de code propre vers votre contenu important.

Pensez léger

Nettoyez vos pages web en utilisant uniquement du html pur pour le contenu et en déplaçant tout le code lié à la présentation vers le CSS. Après tout, n’est-ce pas à cela que sert le CSS ? Non seulement les pages se chargeront plus rapidement, mais un code léger et propre est plus facile à parcourir pour les robots du web. Après avoir perdu quelques kilos en poids de code, qu’en est-il du placement du contenu ? Le CSS nous permet de structurer un code facile à référencer sans sacrifier la présentation.

Le contenu d’abord

Malheureusement, dans les sites web modernes, le contenu réel et pertinent passe souvent au second plan, au profit de la présentation dans le code de la page. Nous avons tendance à placer les menus fantaisistes et de nombreuses autres lignes de code en premier, puis à passer enfin au contenu. Par exemple, regardez l’image qui affiche une belle mise en page standard et notez ensuite à quoi ressemble probablement le code en dessous. Le contenu principal n’apparaît même pas avant la ligne 423. Qu’est-ce que cela signifie pour Spiders quant à son importance ? Il doit traverser de nombreuses lignes pour y parvenir. Les tableaux, en particulier, peuvent être pénibles pour les robots d’indexation et prendre plus de temps à rechercher en raison de leur structure. Je suis partisan d’éviter purement et simplement l’utilisation des tables.

Placez le contenu important en premier dans votre code. Les robots d’indexation scannent les pages de gauche à droite, de haut en bas. Le contenu placé plus près du début du code se verra accorder une plus grande importance que le contenu placé plus bas dans le code. Je sais que beaucoup se disent maintenant : « Mais si je change l’ordre de mon code, ma belle page web sera en désordre et aura une apparence horrible ! Heureusement, le CSS nous permet de positionner notre contenu et notre présentation où nous voulons sur la page. Par exemple, disons que nous voulons que notre contenu principal, riche en SEO, apparaisse vers le bas de notre page, mais nous voulons aussi qu’il reste près du début de notre code. Nous pourrions simplement placer le contenu dans une balise, et notre CSS pourrait positionner l’élément en conséquence au bas.

Le CSS est un outil inestimable pour la conception web et les efforts de référencement. En utilisant correctement le html en coopération avec le CSS, on peut profiter du meilleur des deux mondes et conserver la beauté de la surface d’un site bien conçu, tout en réduisant la graisse sous le capot pour des performances optimales. Évitez le superficiel et donnez à votre site web le « vrai » relooking dont il a besoin. Comme la jolie fille dans les films, elle et votre site web peuvent être agréables à regarder au début, mais la bête qui se cache en dessous peut rendre votre vie de référenceur très désagréable.