Après avoir étudié les fondamentaux de Prestashop en termes de SEO, nous explorons ce mois-ci des points plus approfondis, plus avancés : édition automatique de Title et meta Description, navigation à facettes, génération de contenus, gestion des stocks et des produits indisponibles, optimisation du maillage interne, temps de chargement, etc. Bref, de quoi faire un pas de plus dans la bonne optimisation de votre boutique e-commerce pour les moteurs de recherche...
Un CMS Open Source populaire comme Prestashop, bénéficie d’un avantage majeur pour se développer et s’améliorer au fil du temps: sa communauté. Développeurs, intégrateurs, designers contribuent à créer de nouveaux modules, templates et customisation sur mesure.
En matière de SEO, Prestashop dispose d’une configuration par défaut qui permet à une boutique en ligne d’être explorée et indexée par les robots, on considère donc cette solution plutôt « seo friendly » (voir article « SEO & Prestashop : les fondamentaux » dans la lettre de juillet-août).
Mais pour toute personne familière du métier, la mise en ligne de sa boutique, aussi bien configurée soit-elle, ne suffit pas. Il faut se positionner dans les moteurs de recherche pour enregistrer ses premières commandes issues du trafic organique. Il est donc tout naturel que le SEO soit un sujet énormément traité sur le forum officiel de Prestashop et représenté via de nombreux modules (addons) disponibles sur le site de l'outil et des sites éditeurs. Mais avant d’acheter tous les modules SEO de la boutique Prestashop et de les activer, il est important en amont de définir son besoin réel. Un module ne fait pas tout, ou parfois il en fait trop… Pensez également au développement sur mesure, ce ne sont pas les prestataires qui manquent. En résumé, nous vous recommandons de trouver le juste milieu pour arriver à un niveau d’optimisation SEO performant qui n’a pas pour autant transformé votre e-commerce en usine à gaz.
Edition en masse ou automatique des balises métas
Des balises meta bien rédigées sont la base du SEO. Avant d’entreprendre des chantiers d’optimisations plus complexes, on commence en général par éditer ses balises Title et meta Description. Pour un site e-commerce de quelques centaines de références, cela peut se gérer manuellement, même si la tâche reste fastidieuse quand on doit éditer tous ses produits et catégories. Prestashop intègre une fonction d’import CSV qui permet de renseigner en masse les données de son catalogue y compris les balises meta. Des exemples de fichiers CSV sont proposés en back-office. Attention toutefois, si les produits sont déjà créés et que vous effectuez un import CSV uniquement pour renseigner les balises meta et que le champ ID n’est pas renseigné, le CMS va créer de nouveaux produits en attribuant de nouveaux ID uniques, vous serez alors bon pour une petite séance de nettoyage…
A partir de plusieurs centaines voire de milliers de produits, l’automatisation est une option. Pour la mise en œuvre, il existe des modules peu onéreux comme Easy SEO (http://www.store-opart.fr/p/31-easy-seo.html) qui permet d’éditer des règles d’auto-complétion des balises meta à l’aide de variables prédéfinies : {product_name}, {description}, {category},… Le module n’empêche pas d’éditer manuellement, pour plus de maitrise SEO, le contenu des balises au cas par cas. Pour cela, il existe une fonction qui empêche l’auto-complétion des balises déjà renseignées. Le module Easy SEO propose une fonctionnalité supplémentaire pour gérer les attributs ALT des images, balise importante notamment pour l’acquisition de visiteurs via la recherche images, comportement en e-commerce pouvant atteindre une part de source de trafic significative comme le montre cet article du JDN (http://www.journaldunet.com/ebusiness/commerce/1176306-optimiser-son-site-marchand-pour-google-images/).
Nativement dans Prestashop, le champ « légende » d’une image est utilisé pour compléter l'attribut ALT et l'attribut Title image qui s’affiche au survol en infobulle. Si l’on souhaite contextualiser une image pour le SEO, on sera vite limité. Il peut être pertinent de différencier, par un petit développement sur mesure, ces deux balises afin d’avoir plus de liberté de langage pour optimiser le ALT image.
A noter que Prestashop, en tant qu’éditeur, propose un module SEO similaire qui intègre la création de meta-tags OpenGraph et Twitter Card.
Gestion de la duplication de contenus
En e-commerce, les contenus dupliqués sont fréquents. Par exemple, le système Prestashop peut générer des formats d’URL avec paramètres et nativement le balisage canonique n’est pas présent. Pour remédier à ce problème, il existe 2 méthodes :
- Une customisation qui consiste à insérer dans le header.tpl du thème de la boutique quelques lignes de codes pour renvoyer automatiquement une balise canonique vers l’URL représentative. Exemple d’intégration ici (http://www.effi10.com/prestashop-gestion-duplicate-content/). Attention de bien vérifier votre thème Prestashop, certains intègrent nativement la fonction.
- L’utilisation d’un module dédié (http://addons.prestashop.com/fr/21749-urls-canoniques-pour-eviter-le-contenu-duplique-seo.html) qui intègre des fonctionnalités complémentaires comme la personnalisation d’une URL canonique.
En complément de la gestion des balises canoniques, une autre fonctionnalité pour mieux maitriser les contenus SEO stratégiques est l’implémentation de la directive noindex / nofollow sur certaines pages de votre boutique. Là encore, on trouve la méthode de la customisation qui consisterait à développer une fonction en back-office catalogue pour activer le balisage, disponible pour chaque type de page : catégorie, produit, cms,… Ou utiliser un module spécifique.
Optimisation de la navigation à facettes
Une navigation à facettes mal gérée dans un site e-commerce peut être très nuisible en matière de SEO. Si des règles strictes ne sont pas définies avant de lancer sa boutique et selon le fonctionnement de la navigation à facettes, il n’est pas rare de découvrir un taux élevé d’URL générées depuis le système de filtre qui sont indexées par les robots d’exploration. La grande majorité de ces URL ont une faible valeur SEO et génèrent peu voire pas d’audience. La règle la plus répandue et la configuration par défaut du module natif de Prestashop est de bloquer à l’exploration les URL générées par le système de filtre.
Fig.1. Vue de la configuration du module natif navigation à facettes.
Bloquer à l’exploration toutes les URL est assez radical car il peut être stratégique en SEO de laisser ouvert à l’indexation certaines URL qui combinent des critères de tri pouvant être liés à des recherches utilisateurs dans les moteurs. Le bon compromis est donc de définir les URL SEO et celles qui n’ont pas de potentiel. Le module Advanced Search (https://www.presta-module.com/fr/3-modules-prestashop/6-merchandising/7-advanced-search-4.html) propose une navigation à facettes optimisée pour le SEO et pour les utilisateurs. Le module permet de régler sur quels critères de filtres on souhaite générer des URL en « dur » qui seront ouvertes à l’exploration et l’indexation.
Fig.2. Vue de la configuration du module Advanced Search pour les pages SEO.
Côté utilisateur, cette possibilité de navigation à facettes en AJAX rend l’utilisation très rapide. En termes de paramétrages, ce module qui est « un système dans le système » offre de nombreuses possibilités : zones d’emplacement, mise en page, style CSS, champs de texte,…
Générer des pages de contenus
Le contenu est un des leviers incontournables pour développer le référencement de son site, c’est encore plus vrai pour une boutique en ligne. Sous Prestashop, la fonctionnalité native est d’éditer des pages « CMS ». Cette fonction permet de créer des pages et des catégories de contenus. Elles ont un poids SEO significatif pour les robots d’exploration.
Fig.3. Vue de l’édition d’une page CMS – Exemple pour un guide d’achat.
Le nombre de pages CMS que l’on peut créer n’est pas limité, il faut juste prendre en compte la bonne organisation des pages dans des catégories et leur distribution dans le site. L’intérêt étant de créer du maillage vers ces pages qui elles-mêmes comportent du maillage vers les zones catalogue stratégiques. Pour avoir personnellement mis en place une stratégie de contenus/maillage via la fonctionnalité CMS de Prestashop, en SEO cela fonctionne !
Côté modules orientés « contenus », il y a de quoi faire. Voici quelques exemples de modules :
- Création de blocs de contenus qui se greffent à différents emplacements du template avec le module multi HTML Block (http://www.store-opart.fr/p/13-op-art-multi-html-block.html).
- Intégration d'un système de blog (http://boutique.hdclic.com/fr/5-blog-prestashop.html) qui permet de capitaliser le SEO de contenus au sein même de l’environnement Prestashop.
- Module pour gérer une FAQ produit (http://www.store-opart.fr/p/19-op-art-faq.html).
Gestion des stocks et SEO
Un catalogue c’est vivant! Produit en rupture de stock, collection en fin de vie, catégorie obsolète,…Ces cas de figures sont des contextes SEO à traiter au cas par cas. Il est important de prendre en compte tous les cas de figure et d’appliquer des règles de codes réponses HTTP adaptés.
Exemples de cas de figure :
- Un produit est en fin de vie et ne sera pas remplacé, et son URL était positionnée, recevait des liens externes = Redirection 301 vers la catégorie parente.
- Un produit n’existe plus et son URL n’était pas positionné = Code réponse 404.
- Un produit est indisponible et son réassort ne sera pas effectué avant plusieurs semaines = maintien du produit en code 200 avec contenu personnalisé du type « m’avertir quand le produit est disponible ».
Cette liste peut bien sûr être complétée avec d’autres cas de figure selon le secteur et la typologie des produits.
Pour gérer au mieux la distribution des URLs il existe des modules de redirection (http://addons.prestashop.com/fr/recherche?id_category=0&search_query=seo), sachant que nativement, Prestashop ne gère pas cette fonctionnalité. Là encore, il est important de bien étudier les options de chaque module pour valider qu’il répond à votre besoin.
Fig.4. Exemple d’une interface de module de redirection
Optimisation du maillage interne
Le maillage interne est un levier important en SEO. Plus vos pages sont distribuées plus les robots d’exploration sont susceptibles de mieux parcourir votre site. Conséquence directe : une meilleure indexation des pages qui entraine mécaniquement plus de visites sur votre boutique. Le maillage naturelle d’une boutique Prestashop sera naturellement construit sur la base du catalogue avec une logique d’arborescence de type Page d’accueil > Pages catégories > Pages produits. Pour augmenter le maillage depuis une page produit, la fonctionnalité native de Prestashop que l’on peut « détourner » est l’option « accessoires » disponible depuis l’administration d’une fiche produit. Cette fonction initialement prévue pour associer des accessoires à un produit permet d’appeler des liens complémentaires au sein même de la page produit.
Fig.5. Utilisation de la fonction « Accessoires » depuis l’administration d’un produit.
Fig.6. Vue depuis le front-office sur une page produit après avoir associé d’autres produits.
Après avoir changé le titre du bloc « Accessoires » on dispose d’une fonction rapide pour créer du maillage depuis les pages produits.
L’autre levier de maillage est aussi d’exploiter via la création de pages CMS (évoqué plus haut) l’intégration de liens dans les contenus vers les pages de sa boutique que l’on souhaite pousser en SEO.
Générer du maillage à partir de modules :
- Module de cross selling (http://addons.prestashop.com/fr/recherche?id_category=0&search_query=cross+selling)
- Création de liens auto (http://addons.prestashop.com/fr/4982-seo-internal-linking.html)
- Insertion de blocs de contenus + liens dans le template (http://www.store-opart.fr/p/13-op-art-multi-html-block.html
Performance : chargement des pages
Plus les pages de votre boutique se chargent rapidement, plus les robots explorent d’URL. Simple à comprendre, pas toujours évident à mettre en œuvre. Un CMS comme Prestashop est assez gourmand en ressources serveur, cela se vérifie d’autant plus si vous devez gérer un catalogue en ligne volumineux. Il sera donc préférable de choisir une option d’hébergement adaptée et suffisamment performante afin d’éviter les temps de réponse trop longs. Au-delà de l’impact SEO, des temps de chargement trop long ont une incidence directe sur le taux de conversion d’une boutique.
Nativement, Prestashop intègre des fonctionnalités pour optimiser les performances. En complément, des modules ont été spécialement conçus pour aller plus loin dans l’optimisation des temps de chargement.
Exemple de modules dédiés performances :
- Page cache (http://addons.prestashop.com/fr/performance-site/7939-page-cache-v3.html)
- Cache manager (http://addons.prestashop.com/fr/performance-site/6413-cache-manager.html)
- Site cache (http://addons.prestashop.com/fr/performance-site/17537-site-cache-pour-prestashop.html)
A noter qu’il est préférable de bien vous renseigner au préalable sur les fonctionnalités de ces modules. Vous pouvez aussi travailler sur la configuration du système de cache de votre serveur.
En conclusion
Le SEO d’une boutique e-commerce ne se fait pas en une journée. Avec une boutique Prestashop, la première étape est la qualité d’indexation de son catalogue; Est-ce que mes catégories et les produits associés sont bien indexés ? Est-ce que je détecte des URL non SEO dans les SERP (variables, facettes,…) ? Est-ce que mes Title et Metas description sont correctes ? Il est important de challenger toute une liste de points pour ensuite s’orienter vers un travail de customisation de sa boutique et de choisir les modules SEO qui répondront le mieux à vos besoins. Bonne optimisation !
Yoann Boidin
Consultant Expert Full Traffic chez Search Foresight (https://www.search-foresight.com/)