Comment créer un site internet professionnel, étape par étapeComment créer un site internet professionnel, étape par étape

Créer un site internet professionnel, ce n'est pas choisir un modèle et remplir des cases. C'est une suite de décisions, dans un ordre qui compte. Quand l'ordre est respecté, le site sort à l'heure, il est trouvé sur Google et il sert vraiment à quelque chose. Quand il ne l'est pas, on refait trois fois le design et on oublie le contenu. Voici les sept étapes que je suis pour chaque projet, en tant que développeur freelance, que le site soit codé sur mesure ou construit sur WordPress.Créer unun site internet professionnel, cece n'est pas choisir unun modèle et remplir desdes cases. C'est une suitesuite de décisions, dans unun ordre qui compte. QuandQuand l'ordre est respecté, lele site sort à l'heure,l'heure, il est trouvé sursur Google et il sertsert vraiment à quelque chose.chose. Quand il ne l'estl'est pas, on refait troistrois fois le design etet on oublie le contenu.contenu. Voici les sept étapesétapes que je suis pourpour chaque projet, en tanttant que développeur freelance, queque le site soit codécodé sur mesure ou construitconstruit sur WordPress.

Un site professionnel a un seul objectif principal. Être appelé. Recevoir des demandes de devis. Vendre en ligne. Prendre des rendez-vous. Tout le reste est secondaire et doit servir cet objectif. Quand on ne tranche pas, la page d'accueil devient un catalogue où chaque bloc crie aussi fort que le voisin, et le visiteur ne sait plus quoi faire.Un sitesite professionnel a un seulseul objectif principal. Être appelé.appelé. Recevoir des demandes dede devis. Vendre en ligne.ligne. Prendre des rendez-vous. ToutTout le reste est secondairesecondaire et doit servir cetcet objectif. Quand on nene tranche pas, la pagepage d'accueil devient un cataloguecatalogue où chaque bloc criecrie aussi fort que lele voisin, et le visiteurvisiteur ne sait plus quoiquoi faire.

Posez-vous trois questions avant d'ouvrir le moindre outil : qui visite ce site, ce qu'il cherche en arrivant, et ce que vous voulez qu'il fasse avant de partir. Les réponses décident des pages à créer, du ton des textes et de la place du bouton de contact. Si l'objectif est la vente, le projet devient un site de vente en ligne et change de nature dès cette première étape.Posez-vous troistrois questions avant d'ouvrir lele moindre outil : quiqui visite ce site, cece qu'il cherche en arrivant,arrivant, et ce que vousvous voulez qu'il fasse avantavant de partir. Les réponsesréponses décident des pages àà créer, du ton desdes textes et de lala place du bouton dede contact. Si l'objectif estest la vente, le projetprojet devient un site dede vente en ligne etet change de nature dèsdès cette première étape.

C'est l'étape que tout le monde veut sauter, et c'est celle qui fait le plus gagner de temps. Le contenu, ce sont vos textes, vos photos, vos services, vos avis clients, vos coordonnées. Un design conçu sans contenu réel est une coquille : dès que les vrais textes arrivent, les blocs débordent, les titres sont trop longs et tout est à reprendre.C'est l'étapel'étape que tout le mondemonde veut sauter, et c'estc'est celle qui fait lele plus gagner de temps.temps. Le contenu, ce sontsont vos textes, vos photos,photos, vos services, vos avisavis clients, vos coordonnées. UnUn design conçu sans contenucontenu réel est une coquillecoquille : dès que lesles vrais textes arrivent, lesles blocs débordent, les titrestitres sont trop longs etet tout est à reprendre.reprendre.

Partez de l'objectif et listez les pages nécessaires, pas une de plus. Pour la plupart des entreprises, une page d'accueil, une page par service important, une page qui présente l'équipe ou la personne, une page d'avis et une page de contact suffisent. Un blog s'ajoute quand on a vraiment quelque chose à publier régulièrement, pas pour faire bien.Partez dede l'objectif et listez lesles pages nécessaires, pas uneune de plus. Pour lala plupart des entreprises, uneune page d'accueil, une pagepage par service important, uneune page qui présente l'équipel'équipe ou la personne, uneune page d'avis et uneune page de contact suffisent.suffisent. Un blog s'ajoute quandquand on a vraiment quelquequelque chose à publier régulièrement,régulièrement, pas pour faire bien.bien.

Écrivez d'abord comme vous parleriez à un client au téléphone : ce que vous faites, pour qui, comment ça se passe, combien de temps ça prend. Ensuite seulement, vérifiez que les mots que vos clients tapent dans Google apparaissent dans les titres et dans les premiers paragraphes. Cette logique est détaillée dans mon article sur le référencement naturel. Le guide de démarrage de Google, SEO Starter Guide, reste la meilleure base pour comprendre ce que le moteur attend.Écrivez d'abordd'abord comme vous parleriez àà un client au téléphonetéléphone : ce que vousvous faites, pour qui, commentcomment ça se passe, combiencombien de temps ça prend.prend. Ensuite seulement, vérifiez queque les mots que vosvos clients tapent dans GoogleGoogle apparaissent dans les titrestitres et dans les premierspremiers paragraphes. Cette logique estest détaillée dans mon articlearticle sur le référencement naturel.naturel. Le guide de démarragedémarrage de Google, SEO Starter Guide,, reste la meilleure basebase pour comprendre ce queque le moteur attend.

De vraies photos de vous, de vos locaux ou de vos réalisations valent toujours mieux qu'une banque d'images. Ajoutez vos avis clients tels qu'ils ont été écrits, vos certifications, vos références. Ce sont ces preuves qui rassurent, bien plus qu'un slogan.De vraiesvraies photos de vous, dede vos locaux ou dede vos réalisations valent toujourstoujours mieux qu'une banque d'images.d'images. Ajoutez vos avis clientsclients tels qu'ils ont étéété écrits, vos certifications, vosvos références. Ce sont cesces preuves qui rassurent, bienbien plus qu'un slogan.

La bonne question n'est pas « quelle est la meilleure technologie », mais « qui va faire vivre ce site ». Si vous voulez modifier vos textes, publier des articles et ajouter des pages vous-même, un site WordPress est le choix raisonnable : l'interface est connue, les extensions sont nombreuses et n'importe quel professionnel pourra reprendre le site plus tard. J'explique les pièges à éviter dans créer un site WordPress.La bonnebonne question n'est pas «« quelle est la meilleuremeilleure technologie », mais «« qui va faire vivrevivre ce site ». SiSi vous voulez modifier vosvos textes, publier des articlesarticles et ajouter des pagespages vous-même, un site WordPress estest le choix raisonnable :: l'interface est connue, lesles extensions sont nombreuses etet n'importe quel professionnel pourrapourra reprendre le site plusplus tard. J'explique les piègespièges à éviter dans créercréer un site WordPress.

Si le site change rarement, qu'il doit être très rapide, très particulier dans son design ou intégrer des interactions qu'aucun thème ne propose, un site codé sur mesure est plus adapté. Il n'y a ni extensions à mettre à jour ni thème à contourner : le code fait exactement ce qu'on lui demande, et rien d'autre. C'est la voie que je prends pour les sites immersifs ou très graphiques.Si lele site change rarement, qu'ilqu'il doit être très rapide,rapide, très particulier dans sonson design ou intégrer desdes interactions qu'aucun thème nene propose, un site codé sur mesure estest plus adapté. Il n'yn'y a ni extensions àà mettre à jour nini thème à contourner :: le code fait exactementexactement ce qu'on lui demande,demande, et rien d'autre. C'estC'est la voie que jeje prends pour les sitessites immersifs ou très graphiques.graphiques.

• Vous publiez souvent et voulez être autonome : WordPress.Vous publiezpubliez souvent et voulez êtreêtre autonome : WordPress.
• Vous vendez des produits : une boutique en ligne, dont la plateforme dépend du catalogue et des besoins.Vous vendezvendez des produits : uneune boutique en ligne, dontdont la plateforme dépend dudu catalogue et des besoins.besoins.
• Vous voulez un design unique, une vitesse maximale ou de la 3D : sur mesure.Vous voulezvoulez un design unique, uneune vitesse maximale ou dede la 3D : sursur mesure.
• Vous hésitez : la réponse est presque toujours dans la question « qui met à jour le site ».Vous hésitezhésitez : la réponse estest presque toujours dans lala question « qui metmet à jour le sitesite ».

Reste la question de qui réalise le site : vous-même avec un outil en ligne, un freelance ou une agence. Chaque option a un coût et une contrepartie, que je compare dans freelance, agence ou outil en ligne.Reste lala question de qui réaliseréalise le site : vous-mêmevous-même avec un outil enen ligne, un freelance ouou une agence. Chaque optionoption a un coût etet une contrepartie, que jeje compare dans freelance, agenceagence ou outil en ligne.ligne.

Le design commence par la structure de chaque page, en noir et blanc : où va le titre, où va le bouton, dans quel ordre arrivent les arguments. On appelle ça une maquette filaire. Elle se discute et se corrige en quelques minutes, alors qu'un design abouti se corrige en heures. Ce n'est qu'une fois la structure validée qu'arrivent les couleurs, les polices et les images.Le designdesign commence par la structurestructure de chaque page, enen noir et blanc :: où va le titre,titre, où va le bouton,bouton, dans quel ordre arriventarrivent les arguments. On appelleappelle ça une maquette filaire.filaire. Elle se discute etet se corrige en quelquesquelques minutes, alors qu'un designdesign abouti se corrige enen heures. Ce n'est qu'unequ'une fois la structure validéevalidée qu'arrivent les couleurs, lesles polices et les images.images.

• Un bouton de contact visible dès le premier écran, sur toutes les pages.Un boutonbouton de contact visible dèsdès le premier écran, sursur toutes les pages.
• Un seul titre principal par page, qui dit ce que vous faites et pour qui.Un seulseul titre principal par page,page, qui dit ce queque vous faites et pourpour qui.
• Des textes lisibles : taille confortable, lignes courtes, contraste suffisant entre le texte et le fond.Des textestextes lisibles : taille confortable,confortable, lignes courtes, contraste suffisantsuffisant entre le texte etet le fond.
• Un site pensé d'abord pour le téléphone, parce que c'est là que la majorité des visites arrive.Un sitesite pensé d'abord pour lele téléphone, parce que c'estc'est là que la majoritémajorité des visites arrive.
• Une identité cohérente : les mêmes couleurs, les mêmes polices et le même ton que sur vos autres supports.Une identitéidentité cohérente : les mêmesmêmes couleurs, les mêmes policespolices et le même tonton que sur vos autresautres supports.

L'accessibilité fait partie du design, pas d'une étape à part. Les règles du RGAA en France et des WCAG au niveau international décrivent ce qu'un site doit respecter pour être utilisable par tous : contrastes, navigation au clavier, textes alternatifs sur les images. Un site accessible est aussi un site mieux compris par Google.L'accessibilitéaccessibilité fait partie du design,design, pas d'une étape àà part. Les règles dudu RGAA en France etet des WCAG au niveauniveau international décrivent ce qu'unqu'un site doit respecter pourpour être utilisable par toustous : contrastes, navigation auau clavier, textes alternatifs sursur les images. Un sitesite accessible est aussi unun site mieux compris parpar Google.

Le référencement ne se « rajoute » pas une fois le site en ligne. Il se prépare pendant la construction : une adresse par page, claire et stable ; un titre et une description pour chaque page ; des images légères avec un texte alternatif ; un plan du site ; des données structurées qui disent à Google qui vous êtes et ce que vous proposez. C'est le cœur de mon service d'optimisation SEO, et j'en fais la liste complète dans la checklist SEO technique avant la mise en ligne.Le référencementréférencement ne se « rajouterajoute » pas une foisfois le site en ligne.ligne. Il se prépare pendantpendant la construction : uneune adresse par page, claireclaire et stable ; unun titre et une descriptiondescription pour chaque page ;; des images légères avecavec un texte alternatif ;; un plan du sitesite ; des données structuréesstructurées qui disent à GoogleGoogle qui vous êtes etet ce que vous proposez.proposez. C'est le cœur dede mon service d'optimisation SEO, et j'en faisfais la liste complète dansdans la checklist SEO techniquetechnique avant la mise enen ligne.

La vitesse compte double : pour le visiteur qui attend, et pour Google qui la mesure. Les indicateurs à surveiller sont décrits par Google dans les Core Web Vitals. En pratique, les gains viennent des images bien compressées, d'un code sans superflu et d'un bon hébergement.La vitessevitesse compte double : pourpour le visiteur qui attend,attend, et pour Google quiqui la mesure. Les indicateursindicateurs à surveiller sont décritsdécrits par Google dans lesles Core Web Vitals. En pratique,pratique, les gains viennent desdes images bien compressées, d'und'un code sans superflu etet d'un bon hébergement.

Un site qu'on ne trouve pas n'existe pas. Le référencement se décide à la construction.Un sitesite qu'on ne trouve paspas n'existe pas. Le référencementréférencement se décide à lala construction.

La mise en ligne est une liste de vérifications, pas un bouton. Le nom de domaine pointe vers le bon hébergement, le certificat de sécurité est actif et l'adresse commence par https, les anciennes adresses redirigent vers les nouvelles si le site remplace un ancien, le formulaire de contact envoie bien les messages, et la page des mentions légales est en place.La misemise en ligne est uneune liste de vérifications, paspas un bouton. Le nomnom de domaine pointe versvers le bon hébergement, lele certificat de sécurité estest actif et l'adresse commencecommence par https, les anciennesanciennes adresses redirigent vers lesles nouvelles si le sitesite remplace un ancien, lele formulaire de contact envoieenvoie bien les messages, etet la page des mentionsmentions légales est en place.place.

Si le site utilise des cookies qui ne sont pas strictement nécessaires, par exemple pour des statistiques, le consentement du visiteur doit être demandé avant leur dépôt. La CNIL décrit précisément ce qui est attendu. Un site sans traceur, ou avec une mesure d'audience exemptée, s'en passe et gagne en simplicité.Si lele site utilise des cookiescookies qui ne sont paspas strictement nécessaires, par exempleexemple pour des statistiques, lele consentement du visiteur doitdoit être demandé avant leurleur dépôt. La CNIL décritdécrit précisément ce qui estest attendu. Un site sanssans traceur, ou avec uneune mesure d'audience exemptée, s'ens'en passe et gagne enen simplicité.

1. Vérifier chaque page sur téléphone et sur ordinateur, dans au moins deux navigateurs.Vérifier chaquechaque page sur téléphone etet sur ordinateur, dans auau moins deux navigateurs.
2. Tester le formulaire de contact et la réception des messages.Tester lele formulaire de contact etet la réception des messages.messages.
3. Déclarer le site dans la Google Search Console et envoyer le plan du site.Déclarer lele site dans la GoogleGoogle Search Console et envoyerenvoyer le plan du site.site.
4. Mettre à jour la fiche Google de l'entreprise avec la nouvelle adresse du site.Mettre àà jour la fiche GoogleGoogle de l'entreprise avec lala nouvelle adresse du site.site.
5. Garder une sauvegarde complète du site tel qu'il a été mis en ligne.Garder uneune sauvegarde complète du sitesite tel qu'il a étéété mis en ligne.

Un site fini n'existe pas. Les premières semaines, la Search Console montre quelles recherches amènent des visiteurs et quelles pages méritent d'être améliorées. Ensuite, le rythme dépend de vous : un avis client ajouté, une page de service précisée, un article publié quand il y a quelque chose à dire. Sur WordPress, la maintenance s'ajoute : mises à jour, sauvegardes et surveillance, faute de quoi le site finit par casser ou par être piraté.Un sitesite fini n'existe pas. LesLes premières semaines, la SearchSearch Console montre quelles recherchesrecherches amènent des visiteurs etet quelles pages méritent d'êtred'être améliorées. Ensuite, le rythmerythme dépend de vous :: un avis client ajouté,ajouté, une page de serviceservice précisée, un article publiépublié quand il y aa quelque chose à dire.dire. Sur WordPress, la maintenancemaintenance s'ajoute : mises àà jour, sauvegardes et surveillance,surveillance, faute de quoi lele site finit par cassercasser ou par être piraté.piraté.

Le budget découle de ces sept étapes, pas l'inverse. Le nombre de pages, le choix de la technologie, les contenus à produire et le niveau de design font varier le prix d'un site vitrine, et un devis sérieux les détaille un par un. J'explique comment lire et comparer un devis de site internet et ce qui fait varier le prix d'un site vitrine dans deux articles dédiés.Le budgetbudget découle de ces septsept étapes, pas l'inverse. LeLe nombre de pages, lele choix de la technologie,technologie, les contenus à produireproduire et le niveau dede design font varier lele prix d'un site vitrine,vitrine, et un devis sérieuxsérieux les détaille un parpar un. J'explique comment lirelire et comparer un devisdevis de site internet etet ce qui fait variervarier le prix d'un sitesite vitrine dans deux articlesarticles dédiés.

Par l'étape 1, toujours. Une phrase qui dit à quoi sert le site, puis la liste des pages, puis les textes. Quand ces trois éléments existent, le reste du projet avance vite et sans retour en arrière. Si vous voulez voir ce que ça donne une fois construit, mes projets montrent des sites codés sur mesure et des sites WordPress livrés à de vraies entreprises.Par l'étapel'étape 1, toujours. Une phrasephrase qui dit à quoiquoi sert le site, puispuis la liste des pages,pages, puis les textes. QuandQuand ces trois éléments existent,existent, le reste du projetprojet avance vite et sanssans retour en arrière. SiSi vous voulez voir cece que ça donne uneune fois construit, mes projets montrent des sites codéscodés sur mesure et desdes sites WordPress livrés àà de vraies entreprises.