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.
Une étude a montrée que près de 75% des acheteurs en ligne abandonnent leurs paniers numériques avant de valider leur commande. Pour un eCommerçant, ce genre de chiffre est effrayant et si vous êtes confronté à ce problème, la première étape est de comprendre ce qui cause cet abandon. Qu’est-ce qui pousse votre client à renoncer à son achat?
- Voulait-il connaitre le prix total de la commande?
- Demandiez vous trop d’information à son goût?
- Son moyen de paiement préféré n’était pas disponible?
- Le client n’a pas vu que la transaction était sécurisée?
- Des coûts supplémentaires ont été ajoutés au prix d’achat final?
- …
Quelle que soit la raison de l’abandon, il y a toujours un moyen d’y répondre et éviter ainsi l’abandon d’une commande.
Bien qu’il peut y avoir d’autres facteurs qui influencent le taux d’abandon d’une commande, il est primordial de veillez à suivre quelques bases en ce qui concerne le processus d’achat.
Réduisez au maximum le nombre d’étapes.
Un principe de base dans le commerce électronique est de rendre le processus d’achat aussi rapide et facile que possible pour vos clients. L’idéal étant de n’avoir qu’une seule page pour conclure la vente. Il est inutile de demandez à vos clients de remplir des informations dont vous n’avez pas vraiment besoin pour expédier leur produit.
Bien sûr, cela n’est pas toujours possible de se contenter d’une seule page. Plus vous aurez de champs à remplir, plus vous augmentez les « chances » d’avoir une erreur et de voir votre client abandonner son achat et chercher le même produit sur un autre site.
Si vous avez besoin de plusieurs étapes, veillez à intégrer des indicateurs de progression. Les clients ont besoin de savoir où ils en sont dans le processus d’achat en offrant la possibilité de revenir en arrière pour confirmer les informations entrées. En effet, les internautes qui commandent pour la première fois auront tendance à être inquiets et voudront êtres sûrs que les informations laissées sur votre site sont bonnes.
Ne lésinez pas sur les photos de vos produits.
Dans les magasins ‘physiques’, il est possible de toucher le produit et de voir les détails. L’une des seules alternatives que vous pouvez avoir est d’offrir des photos de qualité ou une vidéo de chacun de vos produits afin de rassurer l’internaute (vue 3D, coloris disponibles…).
Les images font réagir les internautes plus rapidement qu’une description textuelle. Il est également important de garder une vignette des produits achetés même dans le processus d’achat. Cela diminuera le nombre de personnes qui reviendront à la page précédente pour vérifier leur commande.
Donner clairement les tarifs (frais de port inclus) au début du processus
Même si les acheteurs n’ont rien mis dans leur panier, il est important de leur donner le coût total d’un produit. Les clients veulent savoir combien ils auront à payer pour un produit.
Veillez également à indiquer les options de paiement que vous acceptez. De plus en plus sites affichent les modes de paiements disponibles dans leur sidebar, cela permet à l’internaute de savoir quelles sont les options de paiement avant la phase finale d’achat.
Sur internet, plus qu’ailleurs, vous devez rassurer les internautes en tous points.
Vous devez vous assurer que votre système de paiement est à jour avec les options de sécurité les plus récentes. Aussi, il est important de le faire savoir à vos clients. Dites le au moment de l’achat et continuez à afficher cette information tout au long du processus d’achat. Un autre moyen de rassurer les internautes est d’afficher le logo d’un organisme connu et respecté. Bien entendu, cela ne se résume pas à afficher le logo Verisign, mais renseignez vous pour adopter le système de paiement d’une banque connue.
Il y a bien sûr d’autres facteurs qui rentrent en compte, mais en appliquant ces quelques conseils vous rendrez votre ‘passage en caisse’ plus intuitif et diminuerez votre taux d’abandon.
