Étapes suivies par une agence SEO pour créer une page e-commerce pour une boulangerie
Bienvenue dans le prochain épisode de notre SEO Reality Show ! Dans les épisodes précédents, nous avons examiné les nombreuses étapes que la agence experte a suivies pour augmenter le potentiel de classement du site Web de la boulangerie Edelweiss, y compris le processus de création de contenu de blog solide et la vérification des erreurs techniques potentielles.
. La boulangerie avait déjà une section e-commerce existante avant de commencer à travailler avec l’ agence, mais il ne s’agissait que d’une petite section sur la page principale ; il n’y avait pas de fiches produits ni de catégories. L’agence savait que pour augmenter le potentiel d’achat, il fallait une page e-commerce dédiée avec la possibilité de voir les articles par catégorie et d’ajouter des fiches produits pour chaque article que les clients pouvaient acheter.
Cet épisode partagera comment l’agence SEO a remanié les fonctionnalités e-commerce de la boulangerie afin d’augmenter la visibilité des produits et les achats en ligne.
Le processus
L’agence a voulu commencer par le design afin de déterminer la structure de la page qu’ils utiliseraient, quelles catégories seraient nécessaires et à quoi ressembleraient les mises en page globales.
Leur première étape a été de créer une mise en page pour la section e-commerce « Boutique » du site, qui comprenait deux mises en page supplémentaires :
- Mise en page de la page de catégorie : permet aux utilisateurs de parcourir différents produits par type, les aidant à trouver le type exact de produits de boulangerie qu’ils recherchent.
- Mise en page de la page de fiche produit : fournit des détails supplémentaires sur un produit individuel
Une fois ces conceptions de mise en page créées, l’agence a rempli les informations pertinentes pour chaque fiche produit. Examinons le processus exact, étape par étape.
Étape 1, Préparation des maquettes et du design
Pour créer la page de la boutique de boulangerie, l’agence a utilisé WooCommerce, un plugin WordPress standard avec des fonctionnalités et des modèles e-commerce prêts à l’emploi. Pour terminer la configuration, l’agence a analysé des éléments similaires à ceux utilisés lors de la préparation de la structure globale du site:
- . Les sites Web des concurrents de la boulangerie, (sélectionnés au cours des )
- premières étapes du travail de l’agence
)
Résultats pour les requêtes courantes axées sur les ventes, notamment « acheter du pain en ligne » et « acheter du pain au levain »
Voici une capture d’écran du résultat de recherche de catégorie d’un concurrent pour « acheter du pain au levain » : Cela a montré à l’agence ce que faisaient les concurrents et ce que les clients pouvaient rechercher..
L’agence a ensuite créé des maquettes de conception et les a envoyées à un designer, en suivant un processus similaire à celui utilisé lorsqu’ils ont aidé Edelweiss à
mettre à jour le design de la page d’accueil de leur site
- .
- Étape 2, Préparation des pages de catégorie
- Lors de l’analyse à l’étape précédente, l’agence a conclu que les éléments suivants de la page de catégorie étaient absolument nécessaires :
- Liste de produits
- Titre et texte SEO
- Bloc FAQ (*peut ne pas être nécessaire dans tous les cas)
Boutons de navigation page par page (pagination)
Menu
Fil d’Ariane (Breadcrumbs)
L’agence a également découvert que certaines catégories pouvaient être trop petites pour être optimisées ; la catégorie Ciabatta, par exemple.
Cette catégorie de produit ne contenait que trois produits, il était donc plus logique d’essayer d’optimiser les pages produits individuelles pour qu’elles soient bien classées plutôt qu’une page de catégorie qui ne présenterait que quelques articles. Cependant, la page de fiche produit pouvait être optimisée car il y avait au moins deux fiches produits dans les 10 premiers résultats pour « acheter ciabatta ». WSS Agency Voici la mise en page de la page de catégorie que l’équipe de conception a imaginée. L’agence a utilisé le Keyword Magic Tool
(dont vous pouvez en savoir plus ici ) pour préparer les spécifications techniques du contenu de la page de catégorie, et a utilisé la fonctionnalité « Questions » de Semrush pour le bloc FAQ.
Semrush a récemment mis à jour son Keyword Magic Tool pour afficher l’intention de recherche d’un mot-clé. C’est un gain de temps exceptionnel, éliminant le besoin de rechercher si le mot-clé nécessite du
contenu commercial ou informatif
- et éliminant les conjectures.
- Étape 3, Création de fiches produits
- Lors de l’analyse initiale, l’agence a déterminé que la page de fiche produit doit inclure les éléments suivants afin de mieux expliquer ce que sont les différents produits et d’augmenter la probabilité qu’ils achètent :
- Images de haute qualité du produit
- Bouton d’achat/précommande du produit
- Titre et description SEO
- Section FAQ
- Caractéristiques et description du produit
Brèves informations sur les systèmes de paiement et de livraison
Menu (facultatif)
- Fil d’Ariane (Breadcrumbs)
- Voici le design de la fiche produit que l’agence a créé pour la boulangerie Edelweiss :
Quelques points à souligner avec ce design :
Le placement et les accents autour de certains éléments de la page ont été soigneusement étudiés. Par exemple, l’image du produit, le prix et le bouton d’ajout au panier étaient les plus lumineux et les plus visibles afin qu’ils ressortent sur la page.
- La fiche produit contient toutes les informations qui seraient utiles à un visiteur et augmenteraient finalement les chances qu’il achète quelque chose. Cela comprenait : des photos de produits, des avis de vrais clients et des descriptions détaillées des produits.
- Étape 4, Optimisation du panier de produits
- Edelweiss avait déjà une page de panier de produits, donc l’agence n’en a pas créé. Mieux encore, leur page de panier comprenait les éléments importants qu’un client voudra probablement voir avant de passer à la caisse, notamment :
quels articles sont dans leur panier
combien coûtent les articles
- la quantité d’articles dans leur panier
- Voici la page de panier de produits d’Edelweiss :
- Bien que la page de panier de produits d’Edelweiss soit déjà en bon état de fonctionnement et bien optimisée, l’agence a souhaité partager les recommandations suivantes avec nos lecteurs qui souhaitent améliorer l’expérience de leurs clients sur le site :
- Elle doit inclure la liste des produits dans le panier, y compris une image du produit
Les clients doivent pouvoir supprimer, ajouter ou modifier facilement la quantité de chaque produit
Le prix total affiché lors de la commande doit être le prix final (incluant les frais de port + TVA, dont il doit au moins être noté qu’ils seront calculés lors du paiement)
Elle doit permettre aux clients de commander sans avoir à s’inscrire (facultatif, mais fortement recommandé). Formulaire de paiement Le processus de paiement d’Edelweiss est déjà rapide et facile, donc l’agence n’avait aucune suggestion supplémentaire sur la façon de l’améliorer. Voici à quoi ressemble leur formulaire de paiement : Si vous cherchez à évaluer le processus de paiement de votre site, voici quelques points à considérer :
- Le formulaire et le processus de paiement doivent être simples et clairs
- Les champs de texte doivent contenir des instructions sur ce qu’il faut saisir
- Les champs que les clients doivent remplir doivent être mis en évidence
- Le formulaire ne doit demander que les informations nécessaires pour finaliser l’achat
Étape 5, Mise en page et optimisation technique
Avec les mises en page sélectionnées, les programmeurs de l’agence ont pu commencer à configurer les listes de produits avec les modèles créés. L’agence a fait les recommandations suivantes aux programmeurs avant qu’ils ne commencent à travailler, que nous détaillerons par catégorie.
Configuration d’une liste de produits
La première chose que l’agence a examinée était la manière dont les listes de produits devaient être configurées à la fois sur les pages de produits et lors de la visualisation des produits par catégorie. Voici les exigences qu’ils ont données à l’équipe :
- Autorisez les achats directement depuis la liste de produits sur la page de catégorie sans passer par la fiche produit. Il s’agira d’un bouton « Ajout rapide au panier ». Si le client connaît déjà le produit, l’achat depuis la liste sera très pratique.
- Les noms des produits doivent être des liens configurés via la balise <a href></a>, et les boutons d’achat doivent être configurés via <button></button>.
« C’est une règle simple qui aide les moteurs de recherche à comprendre le contenu et les éléments de la page », a expliqué l’agence. - Le contenu du menu doit être accessible même si JavaScript est désactivé. Le menu doit être un guide de navigation pour les humains et les robots de recherche, et les liens dans le menu constituent un bloc de liens local.
Si votre menu est uniquement en Javascript, les moteurs de recherche verront les catégories de votre boutique comme déconnectées. Cela entraînera des pages orphelines, qui sont des pages sans autorité de lien qui pourraient ne jamais être indexées. Pour résoudre ce problème, créez le menu en utilisant CSS afin que tous les liens soient accessibles lorsque Javascript est désactivé.
Canonisation, filtres et tri
L’agence savait qu’il serait crucial que les filtres, le tri et la canonisation soient organisés de manière logique, ce qui permettrait aux utilisateurs de trouver facilement ce qu’ils cherchaient et de maintenir le flux de trafic client correctement.
Voici ce qu’ils ont exigé :
- Configurez la balise d’autoréférence canonique (qui pointe vers la page actuelle) pour toutes les pages sans le paramètre get.
- Pour les pages avec le paramètre get (y compris les pages de tri des produits et de filtrage), la balise canonique doit pointer vers la page principale, qui est la page à laquelle le filtre a été appliqué.
Configuration de la pagination
La pagination est le séquençage des pages sur votre site, et l’agence savait que la pagination était importante à la fois pour l’expérience utilisateur et à des fins d’indexation. Voici les recommandations qu’ils ont proposées :
- La balise d’autoréférence canonique doit être configurée pour toutes les pages, et les pages doivent être accessibles pour l’indexation.
- La balise meta pour toutes les pages (sauf la page principale) doit être formée par le titre, masque Page N, où N est le numéro ordinal de la page actuelle dans la chaîne de pagination.
- Pour le type page-1 (qui peut être formé de différentes manières selon votre CMS), vous devez configurer des redirections 301 vers la page principale. Il ne doit y avoir aucun lien vers la page de type page-1 dans la chaîne de pagination, et il ne doit y avoir aucun lien autoréférentiel.
Balisage
Le balisage peut grandement aider les marques à renforcer la confiance, à tirer parti de la preuve sociale et à fournir des informations cruciales à leurs clients. L’agence a recommandé aux développeurs d’ajouter le balisage suivant aux listes de produits :
Pour les catégories et les fiches produits, l’agence recommande de créer le balisage suivant :
- Micro-balisage de fil d’Ariane
- Balisage de produit avec prix (ou fourchette de prix)
- Note du produit
Cela aide la page à avoir des rich snippets sur le SERP de Google. S’il y a des blocs de questions-réponses, ils auront besoin du balisage de page FAQ.
Vous pouvez obtenir de l’aide avec votre balisage ici.
Étape 6, Remplissage des informations sur les catégories et les fiches produits
Une fois les mises en page pour les pages Catégorie et Fiche Produit terminées, l’étape suivante pour l’agence consistait à saisir les informations sur chaque produit principal* et à optimiser le contenu.
*Un seul produit peut apparaître sous différentes catégories, mais il ne doit être disponible que via une seule URL. Cela évitera les doublons de produits tout en maximisant la visibilité des produits sur votre site.
L’agence recommande d’indexer les catégories et les fiches produits dans l’ordre où elles sont terminées, étape par étape, plutôt que toutes en même temps. Ceci afin d’éviter que les robots de recherche n’explorent et n’indexent des pages produits vides.
Ensuite
Maintenant que la configuration de la page Boutique était terminée, l’agence est passée à sa tâche suivante ! Dans le prochain épisode, nous examinerons comment l’agence a configuré des analyses supplémentaires pour le site de la boulangerie afin de suivre les conversions correctement et efficacement.