Développement web moderne · 2026

Des sites qui convertissent, construits pour durer.

Créer un site web professionnel en 2026, c'est prendre trois décisions structurantes : la technologie (Next.js, WordPress, Webflow), l'architecture SEO et le niveau de performance mesuré par les Core Web Vitals de Google. Le point à comprendre : un e-commerce mobilise nettement plus de travail qu'un site vitrine — catalogue, paiement, fiscalité, e-mails transactionnels — et le référencement technique doit être intégré dès la conception, pas rajouté après coup. L'enjeu se chiffre : selon Google, 53 % des visites mobiles sont abandonnées quand une page met plus de 3 secondes à charger, et notre client Agate IT a gagné +180 % de trafic organique en trois mois après sa migration de WordPress vers Next.js. Ce guide rassemble notre expérience terrain — implantés à Vannes et à Paris, nous intervenons partout en France — pour choisir la bonne stack sans jargon ni promesse exagérée.

Sources officielles : web.dev — Core Web Vitals (documentation officielle Google)

53 %

des visites mobiles sont abandonnées quand la page met plus de 3 secondes à charger

Google, 2017

+8,4 %

de conversions gagnées dans le retail pour 0,1 seconde de temps de chargement en moins

Deloitte × Google, « Milliseconds Make Millions », 2020

-24 %

d'abandons de navigation quand un site atteint les seuils Core Web Vitals

Étude Chrome, relayée par web.dev, 2020

+180 %

de trafic organique en 3 mois pour notre client Agate IT, après migration WordPress → Next.js

Étude de cas vérifiable ADN IA

Ce que couvre ce guide

Next.js 16
React 19
WordPress
Shopify
Tailwind CSS
Vercel
TypeScript
PostgreSQL
Prisma
CMS headless
PPR
Turbopack
Next.js 16
React 19
WordPress
Shopify
Tailwind CSS
Vercel
TypeScript
PostgreSQL
Prisma
CMS headless
PPR
Turbopack
Next.js 16
React 19
WordPress
Shopify
Tailwind CSS
Vercel
TypeScript
PostgreSQL
Prisma
CMS headless
PPR
Turbopack
Next.js 16
React 19
WordPress
Shopify
Tailwind CSS
Vercel
TypeScript
PostgreSQL
Prisma
CMS headless
PPR
Turbopack
Les fondations

Création de site web : les 6 piliers à maîtriser

Next.js vs WordPress : le vrai comparatif

WordPress reste pertinent pour les sites très éditoriaux avec une équipe non-technique qui veut tout gérer seule. Next.js gagne dès qu'il faut de la performance (top 1 % web), du personnalisé, de l'interactivité riche, ou une intégration profonde avec des services tiers. Les deux peuvent coexister via un CMS headless.

Core Web Vitals : seuils officiels 2026

Trois métriques officielles Google : LCP (Largest Contentful Paint) ≤ 2,5 s, INP (Interaction to Next Paint) ≤ 200 ms — a remplacé FID en mars 2024 — et CLS (Cumulative Layout Shift) ≤ 0,1. INP mesure désormais tous les délais d'interaction tout au long de la session, pas juste le premier clic.

CMS headless : flexibilité sans complexité

Sanity, Payload, Strapi, Contentful : interface d'édition visuelle pour l'équipe marketing (aussi simple que WordPress) + frontend Next.js ultra-rapide. Pour une PME avec 1 rédacteur + 1 développeur, c'est souvent la configuration optimale en 2026.

Hébergement : Vercel, OVH, dédié ?

Vercel : natif Next.js avec edge CDN mondial, déploiement sur PR, preview URLs, plan gratuit généreux pour démarrer. OVH / O2Switch / Infomaniak : solide pour WordPress, bonne réputation en France, support francophone. Serveur dédié : justifié uniquement pour les gros volumes ou RGPD strict (médical, juridique).

Mobile-first et responsive

Plus de la moitié du trafic est sur mobile. « Mobile-first » ne signifie pas « mobile responsive » : on conçoit d'abord l'UX mobile, puis on étend à desktop — pas l'inverse. Typographie fluide, touch targets de 44 pt minimum, gestuelles natives respectées (swipe, pull-to-refresh). Google index mobile depuis 2021.

Sécurité OWASP Top 10

Les dix vulnérabilités qui causent 95 % des incidents : injection SQL / NoSQL, broken authentication, XSS, CSRF, insecure deserialization, components vulnérables. Mitigations : Content Security Policy, HTTPS only + HSTS, sanitization systématique, rate limiting, patchs réguliers, secrets hors du code source.

Approfondir

Les décisions qui comptent vraiment

Les arbitrages que l'on nous demande le plus souvent de trancher, avec les critères, les chiffres et les contre-exemples.

Next.js, WordPress ou Webflow : le comparatif honnête 2026

Il n'existe pas de « meilleure » technologie dans l'absolu — il existe une technologie adaptée à votre équipe, votre trafic et vos ambitions. WordPress motorise une part massive du web : écosystème inépuisable, édition simple, mais une dette d'entretien réelle (mises à jour de sécurité du cœur, des plugins et du thème) et des performances qui exigent un vrai travail d'optimisation. Webflow offre un excellent compromis design-autonomie pour les sites vitrines : édition visuelle soignée, hébergement géré — au prix d'un abonnement continu et d'une personnalisation plafonnée. Next.js, le framework React sur lequel tourne ce site même, vise la performance maximale (Core Web Vitals au vert par construction), une surface d'attaque réduite et une liberté fonctionnelle totale — en contrepartie, les évolutions structurelles demandent un développeur.

Un CMS headless (Sanity, Payload, Strapi) réconcilie les deux mondes : vos équipes éditent dans une interface simple, le site reste du Next.js ultra-rapide. C'est la configuration que nous recommandons le plus souvent aux PME qui publient régulièrement. Cas vécu : Agate IT (conseil IT, 85 consultants) a migré de WordPress vers Next.js — +180 % de trafic organique trois mois plus tard, sans perte de positions pendant la bascule.

CritèreNext.jsWordPressWebflow
Performance (Core Web Vitals)Excellente par constructionBonne si fortement optimiséBonne, dépend du design
Édition de contenuVia CMS headless (Sanity, Payload…)Native — la référence historiqueÉditeur visuel soigné
MaintenanceDépendances à jour, pas de plugins tiersMises à jour fréquentes (cœur, plugins, thème)Gérée par la plateforme (abonnement)
SécuritéSurface d'attaque réduiteCible n° 1 des attaques automatisées — rigueur exigéeGérée par la plateforme
Liberté fonctionnelleTotale (code)Large via plugins, limites sur le très spécifiquePlafonnée par l'outil
Idéal pourPME exigeante sur la perf, le SEO et l'évolutivitéSite éditorial géré en autonomieVitrine design pilotée par le marketing
Next.js vs WordPress vs Webflow — comparatif 2026 — Analyse ADN IA, 2026 — critères détaillés dans nos comparatifs dédiés.

Combien de temps pour créer un site : ce qui fait vraiment le planning

Le planning d'un site ne se devine pas, il se construit. Deux facteurs le déterminent, et ils sont systématiquement sous-estimés : la disponibilité de vos contenus (textes, photos, mentions légales) et la vitesse de vos validations à chaque jalon. Le reste — nombre de pages et de gabarits, fonctionnalités à intégrer, exigences SEO, reprise de l'existant — s'évalue précisément au cadrage. C'est pour cette raison que nous n'avançons aucune durée avant de connaître votre périmètre : le calendrier est arrêté au devis, jalon par jalon, et il nous engage.

Chaque projet suit cinq phases : cadrage (objectifs, arborescence, cahier des charges), design (wireframes puis maquettes validées avant toute ligne de code), développement (avec URL de préversion consultable en continu), tests (performance, accessibilité, navigateurs, mobiles réels) et lancement (redirections, Search Console, formation d'une heure). Le suivi de 6 mois inclus démarre à la mise en ligne. Un conseil concret : préparez vos contenus dès la signature — c'est le premier facteur de dérive des plannings, loin devant la technique.

Type de projetCe qui pèse sur le planningJalons principaux
Site vitrine — format resserréPeu de gabarits, contenus déjà rédigésPérimètre resserré, design sur base éprouvée, contenus prêts
Site vitrine completNombre de pages, design sur mesure, exigences SEODesign sur mesure, SEO technique, formation incluse
E-commerceTaille du catalogue, moyens de paiement, règles fiscalesCatalogue, paiement, livraison, fiscalité, e-mails transactionnels
Plateforme sur mesureNombre de modules métier, intégrations, volumétrieAteliers métier, développement itératif, tests de charge
Ce qui détermine le planning selon le type de projet — Le calendrier ferme, jalon par jalon, est arrêté au devis après le cadrage. Devis gratuit sous 24 h.

Core Web Vitals : les seuils Google qui font le classement et la conversion

Les Core Web Vitals sont les trois métriques d'expérience que Google mesure sur le terrain, auprès de vrais utilisateurs de Chrome, et intègre à son classement : le LCP (vitesse d'affichage du contenu principal), l'INP (réactivité aux interactions — il a remplacé le FID en mars 2024) et le CLS (stabilité visuelle). Les seuils « bons » officiels : LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1, mesurés au 75e percentile des visites réelles (source : web.dev).

Pourquoi s'en soucier au-delà du SEO : l'étude Chrome relayée par web.dev associe l'atteinte des seuils à 24 % d'abandons de navigation en moins, et Deloitte chiffre à +8,4 % de conversions retail le gain de 0,1 seconde. Notre pratique : nous livrons en visant mieux que les seuils Google — LCP sous 1,8 s, INP sous 200 ms, CLS sous 0,05 — parce qu'un site qui passe tout juste la barre aujourd'hui la ratera à la première évolution. Ces cibles internes font partie de nos critères de livraison, vérifiables projet par projet.

MétriqueCe qu'elle mesureSeuil « bon » GoogleCritère de livraison ADN IA
LCP (Largest Contentful Paint)Vitesse d'affichage du contenu principal≤ 2,5 s< 1,8 s
INP (Interaction to Next Paint)Réactivité de toutes les interactions≤ 200 ms< 200 ms
CLS (Cumulative Layout Shift)Stabilité visuelle (sauts de mise en page)≤ 0,1< 0,05
Core Web Vitals — seuils Google vs critères de livraison ADN IA — Seuils officiels : web.dev (documentation Google), mesure au 75e percentile des visites réelles.
Notre méthode

Création de site web : notre méthode en 5 étapes

01

Cadrage

Objectifs business chiffrés, cibles utilisateurs, inventaire existant, arbitrages techno. Une phase intensive, condensée en 2-3 ateliers de 90 minutes. Livrable : cahier des charges signé.

02

Design

Wireframes basse-fi, puis maquettes haute-fi dans Figma, design system complet. Prototypes interactifs validés par les stakeholders avant tout développement. Zéro ligne de code avant validation.

03

Développement

Sprints courts, démos hebdomadaires, code review obligatoire, tests automatisés, CI/CD depuis le premier commit. Preview URLs sur chaque Pull Request pour que vous voyiez l'avancée en continu.

04

Tests & QA

Performance (Lighthouse, WebPageTest), accessibilité (axe-core, tests manuels clavier + lecteur d'écran), sécurité (OWASP checklist), cross-browser (BrowserStack), compatibilité mobile sur appareils réels.

05

Lancement et accompagnement

Mise en ligne orchestrée, soumission Search Console, formation à l'administration, accompagnement 6 mois inclus pour corrections, optimisations et petites évolutions. Documentation technique livrée.

Idées reçues

Création de site web : mythes vs réalité

Ce qu'on entend souvent, et ce qui se passe vraiment dans nos projets.

Mythe

« Un site livré, c'est fini. »

Réalité

Un site demande une maintenance continue : mises à jour de sécurité (CMS, dépendances, serveur), refresh du contenu, suivi des Core Web Vitals, résolution des erreurs 404 / 500. Un site livré et abandonné perd typiquement en classement en 6-12 mois.

Mythe

« Le responsive suffit pour le mobile. »

Réalité

Responsive = adapter la taille. Mobile-first = repenser l'UX pour le contexte mobile (pouce, bras mouvant, contexte urbain). Un menu hamburger hérité du desktop est rarement la bonne réponse sur un mobile — un tab bar native est souvent mieux.

Mythe

« Plus c'est beau, mieux c'est. »

Réalité

Beaucoup de sites primés en design convertissent mal. Un design minimaliste avec un parcours clair bat un design somptueux mais confus. Le beau sert le fond, pas l'inverse. Tester > présumer.

Mythe

« WordPress = sécurité catastrophique. »

Réalité

WordPress brut non maintenu, oui. WordPress bien configuré (plugins audités, 2FA, pare-feu, backups chiffrés, updates auto de sécurité) est solide. Une proportion massive du web tourne dessus sans incident. La sécurité ne tient pas à la techno mais à la rigueur.

Questions fréquentes

Création de site web : vos questions, nos réponses

Combien de temps faut-il pour créer un site internet professionnel ?

Le projet suit toujours les mêmes phases — cadrage, design, développement, tests, mise en ligne — mais leur durée dépend de votre périmètre : nombre de pages et de gabarits, fonctionnalités à intégrer (réservation, paiement, espace client), reprise de contenus existants. Un e-commerce ou une plateforme sur mesure engagent naturellement plus de travail qu'une vitrine. Et la variable qui fait le plus bouger un planning n'est pas technique : c'est la disponibilité de vos contenus et la vitesse de vos allers-retours de validation. Nous arrêtons donc le calendrier au devis, avec des jalons contractuels.

Combien coûte la création d'un site web ?

Le budget dépend du périmètre : nombre de pages et de gabarits, design sur mesure ou adapté, fonctionnalités (réservation, paiement, espace client), reprise de contenus, exigences SEO. Nous travaillons au forfait fixe — prix ferme, sans frais cachés, 40 % au démarrage et 60 % à la livraison. Devis gratuit sous 24 h. Pour comprendre ce qui fait le prix d'un site avant de nous parler, notre guide du prix d'un site et notre simulateur en ligne sont faits pour ça.

Next.js ou WordPress : que choisir pour une PME ?

WordPress reste pertinent pour un site très éditorial géré en autonomie par une équipe non technique. Next.js prend l'avantage dès que la performance, la sécurité et le SEO deviennent des enjeux business : pas de plugins à maintenir, Core Web Vitals excellents par construction, personnalisation sans limite. Notre client Agate IT a migré de WordPress vers Next.js et gagné +180 % de trafic organique en trois mois. Le tableau comparatif de cette page détaille les critères.

Le référencement est-il inclus dans la création du site ?

Oui, le SEO technique est inclus par défaut dans tous nos sites : structure sémantique propre, données structurées JSON-LD, sitemap, temps de chargement optimisés, maillage interne. Nous livrons un site prêt à être indexé et positionné. Le travail éditorial continu (contenus, autorité, SEO local avancé) fait l'objet d'un accompagnement séparé si vous visez des requêtes concurrentielles.

Que se passe-t-il après la mise en ligne ?

Chaque site livré comprend 6 mois de suivi inclus : correction de bugs, surveillance des performances et support. Vous recevez aussi une formation d'une heure à l'administration du site et une documentation claire. Ensuite, vous choisissez : autonomie complète (le site vous appartient) ou contrat de maintenance pour les évolutions. La garantie légale de conformité de 2 ans s'applique dans tous les cas.

Le site m'appartient-il vraiment à la fin ?

Intégralement. Le code est versé sur votre compte GitHub dès le premier commit, le nom de domaine et l'hébergement sont souscrits à votre nom, et tous les accès vous sont remis. Zéro lock-in : votre site est exportable en 30 minutes et reprenable par n'importe quel développeur compétent. C'est un engagement contractuel, pas une promesse commerciale.

Vaut-il mieux refondre mon site existant ou repartir de zéro ?

L'audit tranche en quelques jours. On conserve la base quand la structure technique est saine et que le problème est éditorial ou graphique. On repart de zéro quand la dette technique coûte plus cher à corriger qu'à reconstruire — CMS obsolète, thème verrouillé, performance irrécupérable. Dans les deux cas, la migration préserve l'acquis SEO : redirections 301 exhaustives, conservation des URL qui performent, suivi de l'indexation après le lancement.

Un site rapide, ça change quoi pour mon chiffre d'affaires ?

Beaucoup. Google mesure que 53 % des visites mobiles sont abandonnées au-delà de 3 secondes de chargement (2017), et l'étude « Milliseconds Make Millions » (Deloitte × Google, 2020) chiffre à +8,4 % les conversions retail gagnées pour 0,1 seconde de mieux. La vitesse est aussi un signal de classement Google. C'est pourquoi nous livrons avec des Core Web Vitals au vert comme critère contractuel — pas comme option.

Une question qui n'est pas là ? Posez-la nous — réponse et devis gratuit sous 24 h. Notre FAQ générale couvre les questions transverses (délais, propriété du code, suivi).

Un échange de 30 minutes, sans engagement

On écoute votre projet, on identifie les freins, on vous dit franchement ce qu'on peut faire pour vous. Devis gratuit sous 24 h.