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.
Les balises alternatives des images, Alt tags, sont des indicateurs qui peuvent être renseignés dans le code HTML de vos pages pour décrire les images que vous mettez sur votre site. En effet, les attributs ALT représentent une source d’information alternative pour les différents types de visiteurs qui ne verraient pas vos images de votre site. Les personnes qui désactivent l’affichage des images, les malvoyants qui utilisent des logiciels de lecture et les robots des moteurs de recherches.
Ces « profiles » se fient sur l’attribut ALT pour avoir un équivalent textuel de l’image et savoir de quoi il s’agit.
< IMG SRC = » nom-image.jpg » ALT = » description de l’image » >
Faisons une recherche sur Google Image sur la requêtes ‘recette lasagne’. La page de destination du premier site affiché (eporc.qc.ca au moment où j’écris cet article) n’est absolument pas optimisé pour cette expression dans la mesure ou le seul ‘endroit’ où est écrit l’expression ‘recette lasagne’ est dans la balise alt. Vous constaterez que même le nom de l’image n’est pas optimisé:
Bien sûr, il sera impossible pour cette page de rivaliser avec d’autres sites pour se positionner sur une recherche classique, mais la recherche par image ne doit pas être négligée tout comme l’accessibilité.
Bien qu’il n’y ait pas de règles précises sur l’utilisation des balises alternatives, il convient de respecter les points suivants pour optimiser vos attributs correctement.
Détaillez succinctement ce qu’il y a sur l’image. Le but étant de mettre l’image dans le contexte de la page sans pour autant faire une étude détaillée de ce qu’il y a sur l’image. Veillez à ne pas dépasser une soixantaine de caractères.
Les attributs ALT doivent contenir suffisamment d’information pour que les personnes qui ne peuvent pas voir les images puissent comprendre ce que représente l’image.
Soyez conscient que ces attributs jouent un rôle dans votre stratégie SEO globale. Pour autant, veillez à ne pas rédiger ces attributs uniquement pour les robots des moteurs de recherche.
Les attributs ALT devraient être écrites pour les utilisateurs tout en gardant les moteurs de recherche en tête.
Essayez de rédiger des attributs ALT pour toutes vos images. Votre site sera plus accessible pour les personnes ayant une déficience visuelle. L’accessibilité justifie, à elle seule, l’utilisation des attributs Alt. Même si votre site possède un contenu riche et pertinent, les attributs ALT ne feront que renforcer ce qui est important.
Bien que les attributs ALT ne sont pas aussi importants que d’autres facteurs SEO (comme la balise de titre, les balises H1, H2…), il est important d’y prêter une attention particulière.
