Choisir un template de site vitrine : huit vérifications avant d'acheter

Un template se juge d'abord sur une image. C'est normal : c'est elle qui donne envie. Mais l'image ne montre ni la version mobile, ni le comportement au clavier, ni le poids des pages, ni ce que vous aurez le droit d'en faire. Ces points-là se vérifient en un quart d'heure, à condition de savoir où regarder.

1. Le contenu ressemble-t-il au vôtre ?

Un template de restaurant pensé pour une carte de vingt plats ne conviendra pas tel quel à un food-truck qui en propose quatre. Avant de regarder les couleurs, listez ce que votre site doit contenir : nombre de pages, services, photos disponibles, formulaire, horaires, avis. Puis comparez avec la structure du template.

Un bon template est construit avec du contenu réaliste : de vrais intitulés, des textes de longueur plausible, des prix crédibles. Méfiez-vous des maquettes remplies de faux latin : elles cachent les problèmes de mise en page qui apparaîtront avec vos vrais textes, plus longs ou plus courts.

2. L'aperçu tient-il sur un téléphone ?

Plus de la moitié des visites d'un site vitrine se font sur mobile. Ouvrez l'aperçu en direct et réduisez la fenêtre jusqu'à 360 pixels de large, ou utilisez le sélecteur de taille de l'aperçu. Vérifiez trois choses :

• aucun défilement horizontal n'apparaît ;
• le menu reste utilisable d'une main ;
• les boutons d'appel (« Réserver », « Nous appeler ») restent visibles sans chercher.

3. Peut-on tout faire au clavier ?

Appuyez sur la touche Tab depuis le haut de la page. Vous devez voir à chaque instant où se trouve le focus, pouvoir ouvrir le menu, parcourir les liens et envoyer le formulaire sans souris. C'est le test le plus rapide pour repérer un template qui a négligé l'accessibilité, et donc une partie de vos visiteurs.

Profitez-en pour regarder les contrastes : un texte gris clair sur fond blanc est élégant sur une capture, illisible au soleil sur un téléphone. Les règles WCAG demandent un rapport d'au moins 4,5:1 pour le texte courant.

4. Les pages sont-elles légères ?

Un site vitrine n'a aucune raison de charger plusieurs mégaoctets de JavaScript. Dans les outils de développement de votre navigateur, onglet Réseau, rechargez l'aperçu et regardez le total transféré. Des images au format WebP ou AVIF, des polices limitées à deux familles et peu de scripts sont bon signe.

Le chargement compte pour vos visiteurs, mais aussi pour votre référencement : Google utilise les signaux Core Web Vitals pour classer les pages.

5. Le format correspond-il à votre façon de travailler ?

Le même design peut exister sous plusieurs formes :

Choisissez le format que vous, ou la personne qui maintiendra le site, savez faire évoluer. Un site React livré à quelqu'un qui ne sait modifier que WordPress deviendra vite un site figé.

6. Le code est-il lisible ?

Si la fiche produit propose une visionneuse de sources, ouvrez quelques fichiers. Vous cherchez des noms de classes compréhensibles, une structure HTML sémantique (header, nav, main, footer, titres dans l'ordre) et l'absence de dépendances inutiles. Un code propre se modifie en une heure ; un code confus en une journée.

7. La licence couvre-t-elle votre usage ?

C'est la question la plus souvent oubliée. Un site pour votre propre activité, un site livré à un client, dix sites clients par an : ce ne sont pas les mêmes droits. Lisez le résumé de la licence avant de payer, et choisissez celle qui correspond à l'usage réel plutôt qu'à l'usage le moins cher. Notre article sur les licences détaille les cas courants.

8. Que contient exactement l'archive ?

La fiche doit lister le contenu de l'archive : fichiers, polices, images, documentation. Vérifiez que les images de démonstration peuvent être réutilisées, ou prévoyez de les remplacer, et qu'une documentation explique comment changer les couleurs, les polices et le logo.

En résumé

Prenez quinze minutes avec l'aperçu en direct ouvert : contenu, mobile, clavier, poids, format, code, licence, archive. Un template qui passe ces huit contrôles vous fera gagner des jours. Un template qui en rate deux vous en fera perdre autant.