Tu veux tirer le meilleur parti de ta boutique de commerce électronique ? À la tête d’une plateforme de commerce électronique prospère, Jimmy de Shift4Shop (anciennement 3dcart) en connaît un rayon sur les boutiques en ligne à succès. Nous l’avons donc invité à partager ses idées sur la façon dont les développeurs Web peuvent optimiser leur site de commerce électronique – pour les humains et pour les moteurs de recherche.
Lis-le et partage-le avec un ami.
Le commerce électronique a le vent en poupe depuis quelques années. Fin 2020, certaines catégories de produits ont enregistré plus de 150 % d’augmentation des achats en ligne par rapport à l’année précédente.
Lors du codage d’un site de commerce électronique, il y a certaines choses qu’un développeur web peut ne pas prendre en compte. C’est une plateforme complexe, après tout, et il est crucial d’utiliser les bons outils et les bonnes compétences en suivant les spécifications du site de commerce électronique.
Voici 7 meilleurs conseils pour les développeurs web lorsqu’ils codent pour des sites de commerce électronique.
1. Choisis un langage de programmation approprié
Tout d’abord, tu dois décider du langage de programmation. Il y a beaucoup de choix qui te permettront de construire une excellente boutique de commerce électronique. Cependant, la plupart des sites de commerce électronique utilisent un ou plusieurs des langages suivants.
Javascript
Javascript est le langage de programmation le plus couramment utilisé pour les sites web côté client. Il est utilisé pour un nombre stupéfiant de 97.9% de tous les sites Web.
Javascript est utilisé pour que les scripts côté client fonctionnent bien avec les utilisateurs. Avec Javascript, tu peux modifier l’affichage des données, contrôler les fonctionnalités du site web et communiquer de manière asynchrone. Il est rapide et permet une communication en temps réel et une gestion facile.
Javascript est également facile à apprendre et te permet d’appliquer rapidement toute nouvelle modification si nécessaire.
Python
Python est le deuxième langage de programmation le plus populaire au niveau mondial, et sa popularité s’est accrue ces dernières années. Ses meilleures caractéristiques comprennent d’excellentes performances et une optimisation. Il est très évolutif, polyvalent, intégrable, portable et s’accompagne de nombreuses bibliothèques.
Du point de vue du commerce électronique, il peut y avoir des problèmes avec les limitations de vitesse.
Python est relativement facile à comprendre et à apprendre. Cependant, ce n’est pas un bon langage à utiliser dans l’informatique mobile.
Java
Java est un langage utilisé par de grandes marques comme Amazon et Flipkart pour leurs sites de commerce électronique. Il est utilisé pour construire des boutiques en ligne qui fonctionnent dans la plupart des navigateurs web.
Java est de loin le langage de programmation le plus fiable. Il est sûr, orienté objet et multithread.
Cependant, les sites de commerce électronique créés avec Java laissent beaucoup à désirer en ce qui concerne leur aspect, leur convivialité et leurs performances. Le langage a des exigences élevées en matière de mémoire et de traitement, ce qui se traduit par des coûts de matériel plus élevés.
2. Optimise le code source pour le référencement
L’optimisation d’un site de commerce électronique pour le référencement est essentielle pour ne pas se laisser distancer par la concurrence. Nous ne pouvons pas contrôler ce que fait Google, mais nous pouvons ajuster des aspects spécifiques d’un site Web pour améliorer son classement dans les recherches.
Écrire le bon code source pour un site augmentera le nombre de visiteurs et stimulera les ventes.
La règle fondamentale est d’utiliser les bons mots-clés mais de ne pas surcharger le code. Ils doivent être utilisés de façon naturelle.
Les mots du texte d’ancrage sont essentiels, et les moteurs de recherche y prêtent attention. Ils permettent aux robots d’indexation de comprendre de quoi parle cette page. Ensuite, un algorithme est utilisé pour comprendre l’ensemble du site Web et savoir si les pages sont utiles aux utilisateurs des moteurs de recherche.
Beaucoup de gens bourrent de mots-clés leurs pages web de commerce électronique pour essayer de contourner l’algorithme. Malheureusement, ce n’est pas la bonne méthode. Le contenu doit être naturel et utilisable. En utilisant les bons mots clés aux bons endroits et en quantité suffisante, et en construisant des liens. de liens sont des éléments essentiels d’une stratégie de référencement réussie.
Dans le point suivant, nous nous concentrerons sur la façon de rédiger les meilleures métadonnées lors du codage pour les sites de commerce électronique.
3. Se concentrer sur les métadonnées
Les métadonnées comprennent les titres, les descriptions et les liens. C’est un moyen de communiquer des informations particulièrement pertinentes pour les entreprises de commerce électronique. La copie des métadonnées adaptée au référencement doit inclure des mots clés pour la page. Lorsque tu rédiges les méta titres et les descriptions, concentre-toi sur l’internaute plutôt que sur le moteur de recherche.
Méta-titres
Certains spécialistes du marketing pensent que le titre est la partie la plus importante d’une page web. C’est le premier texte que les utilisateurs verront lorsqu’ils chercheront quelque chose sur Google ou d’autres moteurs de recherche. Lorsque tu en rédiges un pour le commerce électronique, ne dépasse pas la limite de 70 caractères tout en expliquant brièvement ce que le lecteur peut s’attendre à trouver sur la page. Voici un exemple :
<meta name="title" content="Bags by O bag | Crée ton sac et personnalise-le en ligne"/.>
Comme ta balise de titre doit refléter le contenu de la page, elle doit inclure tes mots-clés cibles. Si tu en fais trop, tu risques d’obtenir l’effet inverse. Tu pourrais finir par être mal classé dans les SERPs. Fais en sorte que la balise soit unique, qu’elle n’ait pas l’air trop générale et utilise la voix active autant que possible.
Méta description
La méta description doit être convaincante. Elle doit inviter les gens à agir et être orientée vers la vente. Fais en sorte qu’elle ne dépasse pas 230 caractères. Le reste de la copie sera de toute façon coupé, comme dans l’exemple ci-dessus. Google a remplacé la fin de la phrase par les trois points.
<meta name="description" content="Le sac modulable iconique et inimitable qui se porte à la main, à l'épaule ou en travers du corps. Choisis les accessoires qui correspondent le mieux à ton style : poignées, bandoulières, bordures et sacs intérieurs."/>
Une bonne méta description eCommerce comprend un appel à l’action clair comme acheter, choisir, créer, apprendre, etc. Donne à la personne qui fait la recherche une raison convaincante pour laquelle elle devrait cliquer sur le lien.
Balises Alt
La balise alt de l’image est une autre balise essentielle pour la visibilité d’un site de commerce électronique. Cette balise indique à Google le sujet de l’image. Lorsqu’un moteur de recherche apprend ce qu’est une image, il peut décider où la placer parmi les autres images existantes.
Concentre-toi sur l’attribution de tags aux images de produits, aux logos de l’entreprise, aux infographies et aux images montrant les propriétaires ou les employés de la marque.
Lorsque tu rédiges la balise alt de ton image, fais en sorte qu’elle soit courte et réfléchis à la façon de décrire l’image à quelqu’un qui ne peut pas la voir. Les moteurs de recherche ne sont pas humains et ne peuvent pas voir les images pour les interpréter.
Le logo du sac O, visible dans le coin supérieur gauche de la page d’accueil du magasin, possède la balise alt suivante :
alt="O bag Official Website"
En revanche, une image de l’un des composants a un texte alt similaire à sa description apparaissant sur la page :
alt='Handle black double "T" chain - O bag'
Que tu choisisses d’utiliser un logiciel de commerce électronique populaire et d’ajuster son code au besoin ou de créer un site Web de commerce électronique à partir de zéro, assure-toi de mettre à jour les métadonnées en conséquence.
4. Éviter les doublons
Pour éviter les doublons, écris un code source unique pour la page de chaque site web.
Remarque comment Adidas procède. Les différentes pages ont des métadonnées différentes, bien que certaines soient similaires.
Beaucoup de petites entreprises sautent cette partie et dupliquent le contenu de leur méta-description de la page d’accueil sur chaque page. Bien que cela n’affecte pas les classements de recherche, ils laissent passer la chance de faire de la publicité gratuite sur Google.
5. Inclure des balises canoniques pour les pages de produits similaires.
Tu peux maintenant communiquer à Google ton domaine préféré grâce à une bonne architecture de site. Google indique dans sa documentation que tu peux utiliser ces quatre méthodes pour aider les robots à déterminer ton domaine canonique :
- Utilise la balise de lien rel=”canonical” sur les pages HTML
- Utilise l’en-tête HTTP rel=”canonical”.
- Utilise un plan du site
- Utilise des redirections 301 pour les URL à la retraite
Que signifie d’ailleurs “rel canonical” ?
Une balise canonique indique aux moteurs de recherche qu’une URL spécifique mène à la copie définitive de la page. Elle te permet d’indiquer à Google ou à d’autres moteurs de recherche que tu veux qu’ils dirigent les utilisateurs vers une version spécifique d’une page comportant des doublons, tout en évitant que ton site ne soit pénalisé pour contenu dupliqué.
Il est essentiel de bien faire les choses, car si tu ne le fais pas, cela peut entraîner une mauvaise visibilité de ton site de commerce électronique.
Si tu ne peux pas éviter d’avoir des pages web au contenu similaire, utilise cette fonction pour un meilleur classement.
6. Augmenter la vitesse des pages
Google a également déclaré que la vitesse des pages est un facteur de classement. Le moteur de recherche récompense les sites rapides. Par conséquent, plus le site est rapide, mieux c’est pour l’utilisateur et pour son classement dans les résultats de recherche.
Une façon d’augmenter la vitesse de la page est d’utiliser un logiciel de compression de fichiers pour réduire la taille des fichiers CSS, HTML et Javascript de plus de 150 octets. Cela optimisera le code en supprimant les caractères inutiles et contribuera à améliorer le temps de réponse de ton serveur.
Imaginons que tu codifies un site de commerce électronique et que tu utilises des tas de scripts différents pour offrir des fonctionnalités supplémentaires aux utilisateurs. Des choses comme le chat en direct ou des suggestions d’articles similaires sont des extras populaires standard. Le chargement de tous les fichiers de code en une seule fois peut réduire considérablement les performances de ton site. Tu peux plutôt combiner les feuilles de code individuelles en un plus petit nombre de fichiers. Cela réduira le temps de chargement du site et améliorera son référencement.
Pour connaître la rapidité (ou la lenteur) de ton site, utilise un outil de diagnostic de la vitesse des pages tel que Google PageSpeed Insight, WebPage Test ou Site 24×7. Google PageSpeed Insights te donne des chiffres de performance pour les plateformes mobiles et de bureau, ce qui te permet de peaufiner ton site pour les deux types d’appareils.
7. Mets à jour ton plan du site
Bien que les sitemaps ne contribuent pas à un meilleur classement dans les moteurs de recherche, leur mise à jour permet aux robots d’indexation de trouver plus rapidement un site Web nouveau ou mis à jour et de l’indexer beaucoup plus vite.
La création d’un fichier sitemap.xml est le minimum que tu dois faire pour un site de commerce électronique. Ce sitemap se compose généralement d’un code XML qui indique les URL et leurs emplacements respectifs :
<?xml version="1.0" encoding="UTF-8" ?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.shift4shop.com/about-us.html</loc> <lastmod>2022-03-29</lastmod> </url> </urlset>
Tu peux envoyer ton sitemap directement à Google à l’aide de la Console de recherche Google. Tu peux aussi l’ajouter à ton fichier robots.txt si tu as envie de mettre la main à la pâte.
En conclusion
Les moteurs de recherche comme Google considèrent l’expérience utilisateur comme le facteur le plus critique pour le classement des sites web. La plupart des composants que tu ajouteras ou des codes que tu peaufineras sur un site de commerce électronique affectent l’expérience utilisateur.
Tu as maintenant appris les meilleurs conseils lors du codage pour les sites de commerce électronique. Commence par choisir la bonne langue et par optimiser le code source pour le référencement. N’oublie pas de te concentrer sur les métadonnées, d’éviter les doublons, d’inclure des balises canoniques, d’augmenter la vitesse des pages web et de mettre à jour le sitemap.
Continue et écris des titres cliquables pour des sites bien classés et super rapides. Suis ces conseils, et tes sites de commerce électronique donneront les résultats que toi et ton client recherchez.
Jimmy Rodriguez est le vice-président du commerce électronique de Shift4Shopune solution de commerce électronique d’entreprise entièrement gratuite. Il se consacre à aider les détaillants sur Internet à réussir en ligne en développant des stratégies de marketing numérique et des expériences d’achat optimisées qui favorisent les conversions et améliorent les performances de l’entreprise.
Tu as aimé cet article ? Jette un coup d’œil à Jimmy L ‘autre article que nous avons reçu en tant qu’invité est le suivant : créer une liste d’adresses électroniques pour ton commerce électronique.
