L’heure est venue de mettre enfin en ligne votre nouvelle boutique réalisée avec PrestaShop, WooCommerce ou une autre solution. Pour autant, êtes-vous certain de proposer un site de qualité à vos visiteurs ? De nombreux points sont à respecter.

Les points à vérifier pour réussir la mise en production de votre site

Design – Ergonomie

Identité visuelle claire
Mobile first
Favicon et touch icon
Choix typographiques
Taille des caractères version mobile / desktop (lisibilité)
Menu principal identifiable
Position du login client
Position du panier
Ergonomie page de création de compte
Ergonomie du tunnel d’achat

Accessibilité

Liens identifiables
Liens d’évitement
Page erreur 404 personnalisée
Page plan du site HTML
Palette de couleurs avec une matrice de combinaison de contrastes
Vérifier de l’outline et manipulations clavier
Attributs ARIA quand nécessaire
Hiérarchie des titres
Liens non vides avec des textes d’ancre contextualisés
Boutons avec intitulés non vides
Au zoom à 200% pas de perte de contenu ou de fonctionnalité
Tests Wave – Axe
Test Stylus
Test A11y.css
Test Tanaguru

SEO

Plan du site envoyé Google Search Console, Bing
Implémentation Google Analytics et/ou autre solution (Matomo)
Site lié à Facebook (Schema.org)
Site lié à Instagram (Schema.org)
Site lié à Twitter (Schema.org)
Site lié à YouTube (Schema.org)
Site lié à LinkedIn (Schema.org)
Site lié à Pinterest (Schema.org)
Présence dans Google My Business
URL rewritring, permaliens, redirections
Mots clés dans les URLs
Robots.txt + sitemap renseigné
Sitemap.xml
.htaccess
balisage des images
Balises Schema.org
Balises Open Graph
Mots clés dans le texte
Texte unique par fiche produit
Texte descriptif de la catégorie
Redirection www.monsite.com vers monsite.com
Flux RSS
Page mentions légales
Page cookies politique de confidentialité

Tests

Test du formulaire de contact (SMTP,…)
Test de tous les formulaires
Test des messages d’erreur
Traduction des messages d’erreur “ex. : No products at this time.”
Vitesse de chargement
Vérification des ancres et liens
Validation W3C HTML
Validation W3C CSS
Compatibilité navigateur

Performances

Système de cache activé
Compression CSS
Compression JS
Taille des images
Utilisation d’un CDN

Navigation

Présence d’un moteur de recherche et page /search ou /recherche
Retour à l’accueil identifiable rapidement
Champs et boutons de recherche visibles
Présence du fil d’ariane
Boutons de partage sur les réseaux sociaux
Boutons de suivi sur les réseaux sociaux

Fonctionnalités e-commerce

Page CGV
Page conditions de vente
Page RGPD
Page livraison et retours
Délais de livraison indiqués
Conservation du panier
N° de téléphone SAV visible
Icônes de réassurance au format SVG
Possibilité de cross-selling (vente croisée)
Disponibilité stock produit indiquée
Qualité des photos produits WebP
Présence d’un chat client SAV
Bannières promotionnelles

Sécurité

Sécurisation SSL et vérification sur tous les éléments de page.
Sécurisation SSL sur toutes les pages (Full SSL)
Cacher les informations serveur (version PHP, …)
Interdire la navigation dans les dossiers

Déploiement continu

Configurer les clés sur les différents serveurs pour l’authentification SSH
Installer le dépôt sur Git, GitLab ou Bitbucket un serveur de développement
Mettre en place les outils : RSync, Composer, Makefile, Deployer, PHPPloy...)

https://ohshitgit.com/

Continuous Deployments for WordPress Using GitHub Actions

Nous maintenons des sites sur PrestaShop avec des migrations réussies et déconseillons pour le moment de migrer sur la 1.7 sur certains hébergements.

Pour le thème nous recommandons et travaillons exclusivement avec Seo Presta optimisé pour le référencement et l’UX.