Comment créer un site Web ? Guide complet de A à Z pour les débutants

Mis à jours 18 juin 2022

Ce tutoriel vous montre comment faire pour créer un site Web de A à Z. Il est destiné aux débutants et aux non-initiés. Je vous guiderai étape par étape à travers l’ensemble du processus depuis le début.

Un aperçu sur les étapes à suivre pour enregistrer un nom de domaine

Choisissez un hébergeur web pour votre site Web

Il existe différents outils pour construire des pages Web.

Votre site doit respecter certaines normes pour qu’il soit bien affiché sur les moteurs de recherche

Votre site à besoin d’amour et beaucoup d’entretien.

Créer un site Web de base est facile. Cela ne devrait pas prendre plus d’une heure.

Cela dit, comprendre vos choix et les adapter à votre situation n’est pas du tout facile.

Bien que certaines étapes aient besoin des connaissances supplémentaires ne relevant pas de cet article, j’ai ajouté des liens vers des ressources détaillées dans les cas où c’est nécessaire.

Jimdo

Depuis 2007, Jimdo aide les auto-entrepreneurs dans la digitalisation de leur business, en s’adaptant aux besoins des petites entreprises. Jimdo offre plusieurs produits. En plus de son Créateur de Site Web et d’E-Boutique, il propose également un Créateur de Logo et des fonctionnalités pratiques telles que la Fiche d’établissement et le Générateur de Textes Juridiques.

Leur siège social est à Hambourg, en Allemagne, mais vous pouvez les trouver partout dans le monde. Jimdo compte actuellement plus de 300 personnes dans le monde.

Pourquoi créez-vous un site Web ?

Avant de commencer, vous devriez d’abord définir votre objectif.

Nous savons tous que vous devez créer un site Web pour assurer votre présence en ligne. Cela que ce soit en tant qu’entité commerciale ou individu.

Pour un individu, c’est plus simple qu’un profil de base ou plus détaillé que l’ensemble de votre portefeuille. Pour les entreprises, votre site Internet est en effet une partie de vos actifs. Il se rapporte à votre profil, à vos produits ou à vos activités.

Avoir un objectif clair vous permettra de prendre de meilleures décisions plus tard. Vous saurez quelles plateformes ou quels canaux de marketing utiliser, etc.

Voici quelques principales raisons de créer un site Web :

1

Pour vendre des produits

Si votre objectif principal est de vendre des produits, votre site devrait être bien équipé. Il faut avoir des catalogues de produits, un panier d’achat virtuel, une passerelle de paiement sécurisée et de préférence un système de point de vente.

2

Pour afficher des informations 

Si votre objectif est d’afficher des informations sur vous ou sur une entreprise, pensez à créer un site Web simple sur une plateforme abordable. Ce dernier peut contenir d’une à 5 pages.

3

Pour partager des idées et des expériences actuelles

En général, ceux qui aiment écrire et partager leurs idées avec les autres devraient créer un blog.

Ces raisons n’ont pas besoin d’être mutuellement exclusifs. A titre d’exemple, vous pouvez avoir un site Web qui combine deux des éléments ci-dessus, voire plus.


Les étapes essentielles pour créer votre propre site internet

Une fois que vous avez défini les objectifs de votre site Web, il est temps de le créer ! Pour commencer, vous devez d’abord :

1. Enregistrer un nom de domaine

Qu’est-ce qu’un nom de domaine ?

Pour créer un site, la première chose dont vous avez besoin est le nom de domaine.

Un nom de domaine est l’adresse qui identifie votre site Web sur Internet. A titre d’exemple, il y a Yahoo.com, Google.com ou Tophebergeur.com

Où enregistrer un nom de domaine ?

Pour obtenir un domaine, vous devrez l’enregistrer auprès d’un registraire de domaine.

Un registraire de domaine vérifie d’abord si un nom de domaine est disponible avant de vous permettre de procéder à un enregistrement. GoDaddy et NameCheap sont deux registraires de domaine populaires. Je les utilise depuis très longtemps pour gérer mes domaines.

Comment choisir un nom de domaine ?

Le choix d’un nom de domaine est souvent la partie la plus difficile. En effet, il doit non seulement refléter votre marque, mais aussi rester facile, simple et mémorable.

Votre nom de domaine doit être unique : le nom ne doit appartenir à aucune autre personne ou entreprise dans le monde entier.

Voici la règle générale qu’il faut garder à l’esprit pour créer un nom de domaine :

  • Il doit être court et facile à retenir
  • N’utilisez pas de noms de marque
  • Optez pour .com ou .net si c’est possible
  • Soyez créatif et utilisez des mots composés ou inventés
  • Essayez de trouver un nom de domaine pertinent pour les mots clés

Voici quelques conseils pratiques :

  • Si vous avez du mal à trouver un nom de domaine, utilisez des générateurs de noms de domaine pour en avoir des idées. Certains des plus populaires sont Wordroid et Lean Domain Search.
  • Si vous êtes débutant, nous vous recommandons d’aller sur GoDaddy ou Namecheap pour trouver un nom de domaine. Les deux facilitent l’achat et l’enregistrement d’un nom de domaine pour les débutants.

2. Acheter un plan d’hébergement Web

Qu’est-ce qu’un hébergeur Web ?

Un hébergeur Web est un gros ordinateur (aussi appelé serveur). Il est utilisé pour stocker les fichiers nécessaires à votre site.

C’est un peu comme une maison qui stocke des meubles et des appareils électroménagers. La maison est votre hébergeur et tout ce qui entre dans la maison est le contenu de votre site Internet.

En général, le contenu du site comprend du texte, des images, des vidéos et tout autre élément que vous jugez nécessaire.

Quels sont les choix d’hébergement disponibles ?

L’hébergement Web est disponible en différents packages.

Traditionnellement, un hébergeur Web est impliqué uniquement dans la location des serveurs avec un logiciel de base et une assistance technique.

En général, si vous hébergez votre site chez un hébergeur traditionnel, c’est moins cher et plus flexible. Mais, cette option demande un peu de travail supplémentaire pour configurer le site Web.

Les entreprises regroupent actuellement différents services. Elles permettent aux utilisateurs de créer, d’héberger et de gérer des sites Web à partir d’un seul fournisseur de services.

En principe, nous appelons ces constructeurs de sites Web ou constructeurs de boutiques en ligne.

L’hébergement d’un site sur ces plateformes « bundle » (ou tout-en-un) est souvent coûteux et moins flexible. Par contre, vous pourrez créer facilement un site ou une boutique en ligne.

Pour plus d’information, consultez notre tutoriel sur comment héberger un site web

La solution d’hébergement pour les débutants

Si vous débutez, l’hébergement partagé basique peut vous suffire.

Pour cela, je recommande le plan hébergement Web + Mail d’Infomaniak. Avec ce plan unique, vous pouvez héberger votre site Internet à un tarif plus bas de seulement 7.42 Euros/mois.

Plan hébergement pour débutant

La plateforme d’hébergement pour la création de site eCommerce / boutiques en ligne

Si vous envisagez de vendre des produits directement à partir de votre site Web (une boutique e-commerce), vous devriez consulter Shopify Basic (tarif à partir de 29 $/mois).

Shopify pour créer des site ecommerce
1 million de boutiques e-commerce utilisent Shopify, dont NBA Lakers Store et Tattly.com. Le plan Shopify Basic commence à 29 $/mois.

La plateforme pour la création facile de sites pour PME

Si vous n’avez besoin que d’un simple site pour présenter votre portefeuille d’entreprise et vos coordonnées, l’hébergement tout-en-un peut être la meilleure option.

Wix et Weebly sont les deux constructeurs de sites que j’aime. Nous avons parlé des deux dans plusieurs articles et vous pouvez consulter ce comparatif entre Wix et WordPress

Weebly
Proposé en tant que service en ligne, Weebly vous permet de travailler avec un éditeur visuel par glisser-déposer pour créer votre site Web. Sachez que vous n’avez besoin d’aucune connaissance en codage. Le plan Weebly commence à 7 $/mois.

Voici quelques conseils pratiques :

  • Il existe différents types d’hébergement disponibles : hébergement partagé, hébergement de serveurs dédiés et hébergement cloud/VPS.
  • Si vous avez un petit site Web, optez pour des plans d’hébergement partagé qui sont moins coûteux. Toutefois, nous recommandons aux plus grands sites d’utiliser le cloud ou l’hébergement dédié.
  • Pour bien choisir votre hébergeur, vous devez vous pencher sur quelques qualités clés. Ce sont le prix, la vitesse du serveur et les taux de disponibilité. Infomaniak est l’hébergeur que je recommande toujours.
  • Si vous prévoyez de vendre des produits directement à partir de votre site Internet, optez pour un constructeur de boutique en ligne, tel que Shopify.

3. Concevez vos pages Web

Une fois que votre nom de domaine et votre hébergeur sont prêts, il est temps de publier quelque chose sur Internet.

Pour concevoir vos pages Web, vous pouvez soit embaucher un développeur Web, soit le faire vous-même. Le prix de création de votre site internet variera de beaucoup entre les 2 options.

Nous offrons un service de création de site web. Si vous désirez nous confier cette tâche, veuillez nous contacter pour avoir un devis sur mesure.

Autrement, voici trois façons simples de concevoir vous-même votre page Web :

1- Éditeur Web What-you-see-is-what-you-get (WYSIWYG)

Un éditeur WYSIWYG vous permet de configurer un site Web et de concevoir des pages Web à partir de zéro sans coder.

Cet outil fonctionne exactement comme un traitement de texte normal. C’est-à-dire, vous commencez avec un modèle ou une page vierge, puis créez les pages de votre site Web.

Cela étant fait, vous les remplissez de contenu et téléchargez l’intégralité du dossier sur votre hébergeur Web à partir d’un programme de transfert de fichiers (FTP).

Pour utiliser cette méthode, il est préférable d’avoir des compétences de base en HTML/CSS et des connaissances générales sur le fonctionnement d’Internet.

Il existe plusieurs éditeurs Web WYSIWYG disponibles. Certains sont gratuits pour une utilisation non commerciale tandis que d’autres peuvent demander une licence payante.

Microsoft Expression Web, Google Web Designer, BlueGriffon et Open Element sont de bons exemples à voir.

Pour un programme FTP, FileZilla et WinSCP sont les deux meilleures options gratuites.

Concevez un site web au format HTML5 et des animations ainsi que des créations attrayantes avec Google Webdesigner,

Cette option n’est possible que si vous utilisez un hébergement traditionnel. Utiliser un éditeur WYSIWYG est à la fois flexible et amusant si vous aimez apprendre la programmation Web… Quoi qu’il en soit, ce n’est pas la meilleure option pour les débutants qui veulent avoir un site Web instantanément.

2- Utiliser un système de gestion de contenu ou CMS

De nos jours, la plupart des sites Web sont construits et gérés avec un CMS.

Ce dernier présente de nombreux avantages pour le propriétaire du site. En effet, les sites créés avec un CMS sont faciles à gérer, flexibles dans la conception et le développement, et moins coûteux (voire gratuits !). Ce sont leurs trois avantages clés.

Si vous n’en avez pas encore entendu parler, WordPress est le CMS le plus populaire au monde. Il alimente environ 33 % de tous les sites Web sur Internet.

Ceux qui optent pour l’option d’hébergement classique à l’étape 2 peuvent installer WordPress en quelques clics.

Infomaniak offre la solution de création de site avec WordPress. L’installation est automatique. Vous aurez accès à 80 thèmes WordPress Professionnels Gratuitement

Une fois WordPress installé, vous aurez un framework de site Web de base. Vous pouvez ensuite concevoir vos pages Web à partir d’un modèle WordPress.

Des modèles WordPress prédéfinis sont disponibles gratuitement sur WordPress.org (répertoire officiel des thèmes). Sinon, vous pouvez utiliser un des thèmes premium ( Elegant Themes) offerts gratuitement par Infomaniak.

Nous avons publier un tutoriel sur comment créer un site WordPress. Si vous avez besoin de plus d’informations, alors suivez les instructions.

Remarque : Vous ne pouvez pas utiliser un CMS si vous avez choisi d’utiliser la plateforme « Bundle » telle que Wix ou Weebly à l’étape 2.

3. Utiliser un constructeur de site Web/boutique en ligne par glisser-déposer

Un constructeur de site Web/boutique en ligne par glisser-déposer est le moyen le plus simple et le plus rapide de créer un site Web.

Vous n’avez pas besoin d’avoir des compétences en développement Web. Il suffit de choisir un modèle prédéfini, de récupérer les éléments Web nécessaires auprès du constructeur (par exemple, formulaire de contact, menus déroulants, Google Map, boutons de paiement, panier, etc.), et le site complet est prêt.

De nombreux constructeurs de sites Web sont sur Internet. Wix et Weebly sont deux des plus populaires. Et comme mentionné ci-dessus, Shopify serait un excellent choix pour construire une boutique en ligne.

Démo de Wix

Wix éditeur
Concevoir votre page Web sur Wix : Menu du site (à gauche) pour gérer les pages, choisir l’arrière-plan du site, configurer la navigation sur le site, ajouter des textes et des liens, télécharger des images, etc. ; Alignement (centre/gauche) pour organiser et aligner les éléments du site Web ; Aperçu (en haut à droite) pour enregistrer, prévisualiser et publier votre site.
Sélectionner modèles Wix
Modèles Wix : il existe des centaines de modèles prédéfinis chez Wix.

Démo de Shopify

Editeur Website Shopify
Concevez votre vitrine de boutique en ligne avec un thème prédéfini sur Shopify. Menu (gauche) pour choisir des thèmes et ajouter des éléments de la boutique (diapositives, titres, images, pieds de page, etc.) ; Aperçu (centre/droite) pour prévisulaiser votre magasin.
thèmes Shopify
Shopify propose une large gamme de thèmes gratuits et premium .

Démo de Hostgator Website Builder

Gator Website Builder
Utiliser Gator Website Builder : Menu (gauche) pour choisir des thèmes, ajouter des pages et une section de page ; Aperçu (centre/droite) pour se déplacer de page en page dans la barre de navigation supérieure ; pour enregistrer, prévisualiser et publier votre site.
Modèles Gator
Modèles de site Web entièrement personnalisables et réactifs offerts par Hostgator Website Builder.

4. Validez et testez votre site Web

Une fois que votre site Web est prêt, il est temps de valider et de tester comment il fonctionne sur les principaux navigateurs (Chrome, Firefox, Safari, Microsoft Edge, IE 11, etc.) ainsi que sur des écrans de taille différente.

tester votre site sur les différents navigateurs

Il est possible d’utiliser des outils gratuits en ligne pour exécuter ces tests.

Validation du balisage

valider le balisage avec W3C
Validez facilement le balisage de votre site Web en utilisant le service de validation du balisage W3C.

Qu’est-ce que la validation du balisage ?

Les langages de programmation ou les scripts tels que HTML, PHP, etc. ont chacun leurs propres formats, vocabulaire et syntaxe.

La validation du balisage consiste à vérifier si votre site Web respecte ces règles.

Test du navigateur

Tester le navigateur
Test multi-navigateur de votre site Web jusqu’à 115 navigateurs différents en une seule fois sur BrowserShots.

Test d’écran

Test d'écran avec Screenfly
Utilisez Screenfly pour prévisualiser votre page Web sur les moniteurs, tablettes, smartphones et autres tailles d’écran différentes.

5. Améliorez et développez votre site Web

Publier votre site Web sur Internet est la première étape. Il y a encore beaucoup de choses à faire pour réussir votre site Web. Voici quelques tâches pour commencer…

Améliorer la vitesse du site Web

Google a clairement indiqué que la vitesse du site est l’un de ses facteurs de classement. En d’autres termes, votre site a un meilleur classement s’il se charge rapidement.

De plus, plus votre site Web se charge rapidement, plus les visiteurs de votre site Web seront satisfaits. Plusieurs études de cas et d’expériences ont prouvé qu’un site Web à chargement lent nuit à l’expérience utilisateur et affecte les revenus du site Web. Amazon aurait perdu environ 1,6 milliard de dollars de revenus si son site ralentissait même d’une seconde.

Si la vitesse de votre site Web actuel est lente, découvrez comment l’améliorer.

Améliorez la visibilité du site Web

Vous n’avez pas besoin d’être un expert dans le référencement (SEO) pour faire remarquer votre site Web. Mais, avoir quelques compétences de base en SEO serait toujours la bienvenue.

Créez un compte webmaster dans Google Search Console pour soumettre votre site Web à Google et identifier tout problème de SEO.

Effectuez une recherche de base par mots clés. Puis, optimisez le titre et les en-têtes de vos pages pour vos mots clés principaux.

Implémentez le balisage de schéma sur votre site pour vous démarquer des autres pages de résultats de recherche.

Implémenter HTTPS

Depuis que Google Chrome a commencé à étiqueter les sites HTTP « non sécurisés », l’absence de certificat SSL est devenu un gros problème.

Pour vous assurer que les utilisateurs ont « confiance » à votre site Web, une connexion HTTPS est indispensable.

Ajouter les pages indispensables

Jamais deux sites Web sont identiques, car ils ont chacun leur propre objectif et/ou fonction.

Quoi qu’il ne soit, il y a trois pages standard que chaque site Web devrait avoir : Index (page d’accueil), Page « A propos » et Page « Contact ».

Page d’accueil

La page d’accueil est souvent le premier endroit où la plupart des visiteurs vont voir une fois atterris sur votre site Web. Votre page d’accueil doit fournir de la valeur et inciter vos visiteurs à parcourir votre site.

Page d'accueil de Haus
Exemple : La page d’accueil de Haus est livrée avec un menu de navigation clair et un design de style galerie, ce qui est parfait pour la présentation de produits.

Page « À propos »

La Page « A propos » consiste à établir une relation avec vos visiteurs. Elle vous permet de vous présenter et de donner des informations détaillées sur votre site Web.

En général, il est recommandé d’ajouter les photos des personnes qui possèdent et gèrent le site Web.

Page « À propos » de Bulldog Skincare
Exemple : La Page « À propos » de Bulldog Skincare envoie un message aimable et mémorable.

Page « Contact »

Il est important de communiquer avec vos utilisateurs et clients potentiels via la Page « Contact ». Ajoutez tous les canaux de communication possibles (profils de médias sociaux, formulaires de contact, adresse e-mail, etc.) pour vous assurer que vos visiteurs puissent vous joindre.

Page « Contact » de Survicate
Exemple : La Page « Contact » de Survicate est magnifiquement conçue avec de grands champs de formulaire et un appel à l’action clair. En plus, elle comprend toutes les informations nécessaires.

Élargissez votre public sur les plateformes de médias sociaux

Votre site Web devrait aussi être présent sur les plateformes de médias sociaux où se trouve la plupart de votre public cible. Pour tophebergeur.com, il s’agit de Facebook et Twitter. Pour d’autres, il peut s’agir de LinkedIn, Tumblr ou Pinterest.

Voici quelques conseils de marketing sur les réseaux sociaux pour les débutants.

Ajouter un favicon

Avez-vous déjà vu l’icône bleu et jaune dans un cercle jaune apparu à gauche de l’onglet de votre navigateur ? C’est ce qu’on appelle « favicon ». Tout comme le logo, le favicon est un élément visuel plus petit qui représente un site Web.

Le Favicon est une petite technique de marque drôlement intéressante souvent négligée par les propriétaires de sites Web. Si cela vous ressemble, utilisez ce générateur de favicon gratuit pour vous aider.

Surveillez votre site

Afin de s’assurez que votre site reste toujours disponible et accessible à vos visiteurs, il faut le surveiller constamment. Bien sûr il est impossible que vous le faisiez vous même 24h/7j. C’est pourquoi, les outils de surveillance existent.

Veuillez consulter notre guide sur les outils Gratuits de surveillance de site.

Maintenant, c’est fait !

Maintenant, vous en savez plus qu’assez pour réussir la création et la construction d’un site Web. Il est temps de mettre vos connaissances en pratique. Commencez dès maintenant et faites bouger l’Internet !

Aina Strauss

Check Also

Ionos mywebsite

Ionos MyWebsite : Avis et analyse complète

Mis à jours 2 octobre 2020 1and1 Ionos MyWebsite, anciennement connu sous le nom de …

Share via
Copy link
Powered by Social Snap