Checklist pour le lancement d’un site PrestaShop
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...)
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.