CSS et SEO: Les bienfaits du CSS pour le Search Engine Optimization

De manière générale, les robots des moteurs de recherche fonctionnent sur le même principe: parcourent les pages et les stockent dans une base de données qu'ils utiliseront, par la suite, pour positionner les pages grâce à différents algorithmes dans les pages de résultats. Bien que les algorithmes peuvent changer entre les moteurs de recherche, la manière dont ils scannent une page est sensiblement la même.
Les robots des moteurs de recherche ne lisent pas vos pages de la même façon que vous pourriez le faire. Les feuilles de style CSS peuvent vous aider à améliorer la structure de vos pages et aider votre stratégie SEO.

CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.
Source Wikipedia

Mis à part la qualité de votre contenu, qui doit être votre priorité, l'une des clés du SEO (Search Engine Optimization) est une bonne structure de vos pages et l'organisation de votre contenu. En comprenant comment les moteurs de recherche "voient" vos pages, vous serrez en mesure d'optimiser la structure de vos pages.
Les robots des moteurs de recherche vont analyser votre code source, et non le résultat que peuvent voir les utilisateurs. Voyons comment les feuilles de style peuvent aider votre SEO.

La première chose que voit un moteur de recherche se situe dans le haut du code source de votre page. En structurant vos pages de manière a ce que le contenu important se retrouve le plus haut possible dans le code source peut jouer un rôle dans votre stratégie SEO. Il suffira de repositionner les blocs à l'aide d'une feuille de style pour obtenir le résultat désiré.
De cette manière, le premier contenu textuel que Google verra sera le contenu inséré dans une balise H1, un titre etc...

< body >
< div id = " contenu_principal " >
< div class = "contenu" id = "principal" >
< h1 >CSS et SEO< /H1 >...
...
...
< /div>
< !--Pied de page-- >
< div id= "footer" >
...
...
< /div >

< /div >
< !--En Tete-- >
< div id="header" >
... < img src= "url_bannière.jpg" >
< /div >
< /body >

Avec le CSS, vous pouvez organiser votre code pour que les moteurs de recherche voient le contenu pertinent avant le contenu moins important (Sidebar, navigation, bannière...) indépendamment du lieu où il apparaît sur la page.

Une autre méthode d'utiliser le CSS pour aider votre référencement est de remplacer certaines bannières par du vrai texte. De nombreux site utilisent des mots clés dans une bannière sous forme d'image. Au lieu de cela, il serait relativement aisé d'utiliser le CSS pour positionner le texte devant une image de fond. L'aspect final sera sensiblement le même à la différence près que les moteurs de recherche arriveront à lire le slogan.

Comme vous le voyez, cette bannière pourrait sans problème être remplacée par une balise
< div > dans laquelle nous définirions une image de fond au dessus de laquelle nous positionnerons une version textuelle du slogan (et même du nom du site) avec une feuille de style.

Alors que le CSS a été largement adoptée pour rendre les pages Web plus rapides à se charger et à modifier, cette « technologie» offre aussi quelques avantages pour le SEO.