Articles

Comment créer un site Web en 2021: Un Guide du débutant mis à jour

Conseils pour créer un site Web

La création de votre propre site Web est beaucoup plus facile que vous ne le pensez. De plus en plus de gens veulent avoir leur propre présence en ligne. Instagram facebookpour vous aider à trouver un compte Instagram, vous n’avez pas besoin de dépendre exclusivement d’un profil Instagram, d’une page Facebook ou d’un compte Twitter.

Pourquoi ne pas créer votre propre site web ?

Pour commencer, jetons un coup d’œil aux questions les plus courantes que nous avons reçues de débutants ambitieux comme vous dans le passé:

Table des matières

Ai-je besoin de compétences techniques?

Cela dépend de l’objectif de votre site Web. Le moyen le plus compliqué serait d’apprendre à coder HTML, CSS, JavaScript et PHP – les bases de pratiquement n’importe quel site Web.

Mais ce n’est pas la seule façon de créer un site web: même si vous n’êtes pas très familier avec le côté technique des choses, vous pouvez facilement créer un bon site Web.

Mais comment ?

En utilisant un créateur de site Web. Si vous pouvez utiliser Word, Facebook ou PowerPoint, vous pourrez utiliser ces outils sans aucun problème. Ces plates-formes faciles à utiliser offrent un éditeur visuel, un hébergement, et vous pouvez obtenir un nom de domaine à travers elles: un guichet unique.

Comment configurer un site Web: 5 étapes pour commencer

La plupart des projets de site Web passent par ces étapes:

  1. Planifiez la structure et le contenu de votre site Web
  2. Enregistrez un nom de domaine – choisissez idéalement un.com
  3. Trouvez un créateur de site Web (et un hébergeur) pour créer votre site
  4. Optimisez-le pour les moteurs de recherche
  5. Lancez votre site Web

Les 3 façons les plus populaires de créer un site Web

Passons en revue les façons les plus populaires de démarrer un site Web. Il existe de nombreuses solutions. Certains sont plus flexibles que d’autres, et d’autres sont plus complexes.

Configuration d’un site Web avec un créateur de site Web

Commençons par l’option la plus simple: un créateur de site Web. Il s’agit d’un forfait « tout compris”, pour ainsi dire: une seule entreprise fournira généralement le modèle (conception), l’éditeur, l’hébergement, le nom de domaine, l’adresse e-mail et le support. Le constructeur Web s’occupe des tâches difficiles.

Ce n’est pas seulement utile pour les débutants. Cela dépend simplement du projet. Pourquoi compliquer votre vie s’il existe des moyens faciles de faire les choses? Presque tous les constructeurs de sites vous permettent de créer un site Web de base gratuit sur un sous-domaine (par ex. yourname.sitebuildername.com ), qui est financé par la publicité. En utilisant un tel plan, vous pouvez l’essayer en détail avant de décider si le coût en vaut la peine.

Les prix commencent à environ 8 $ / mois, mais il comprend tous les éléments essentiels. Si vous n’avez pas particulièrement besoin d’une adresse e-mail, cela peut être encore moins cher.

Pour mieux comprendre exactement comment cela fonctionne, veuillez regarder notre tutoriel étape par étape pour créer un site web!

Vous êtes-vous déjà demandé à quel point il était difficile de créer un site Web? Nous avons de bonnes nouvelles, c’est très facile! Consultez notre tutoriel complet ici: … Comment créer un site Web ? Apprenez-Le en Moins de 5 Minutes! 2018-08-09T09:41:25.000Zhttps://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

Avantages:

  • C’est très facile à utiliser.
  • Vous n’avez pas besoin de logiciel supplémentaire.
  • Vous pouvez commencer sans connaissances techniques.
  • Les mises à jour et les aspects de sécurité sont gérés par le créateur de site Web lui-même.
  • Modèles de conception prédéfinis que vous pouvez adapter à votre guise

Inconvénients:

  • Vous ne pouvez pas toujours ajouter de fonctionnalités supplémentaires (selon le créateur de site Web).
  • Il n’est pas aussi flexible puisque vous dépendez du fournisseur.
  • Ils ne sont pas conçus pour des projets très compliqués qui nécessitent une base de données (par ex. les constructeurs de sites Web les plus connus sont Wix, Weebly et Shopify (pour les magasins en ligne). Vous trouverez d’autres constructeurs de sites Web dans notre comparaison complète.

    Vous pouvez essayer le constructeur de sites Web Wix gratuitement et aussi longtemps que vous le souhaitez.

    Essayez Wix free

    Créer un site Web avec un système de gestion de contenu

    Les systèmes de gestion de contenu (CMS) sont un peu plus compliqués. Même s’ils fonctionnent essentiellement de la même manière qu’un créateur de site Web, ils sont beaucoup plus difficiles à utiliser.

    Avec un créateur de site Web, non seulement vous pouvez ajouter du contenu simple comme des textes et des images, mais vous pouvez également concevoir un site Web entier. Un système de gestion de contenu classique serait beaucoup plus limité dans ce cas, et en ce qui concerne l’apparence, vous êtes limité aux modèles disponibles.

    Bien qu’il existe de nombreux systèmes comme Joomla!, Drupal et Typo3, nous allons nous concentrer sur le CMS le plus populaire, qui est WordPress. Grâce aux sociétés d’hébergement qui proposent une installation en un clic, ce n’est pas difficile à configurer.

    Les plus recommandables sont Dreamhost (extrêmement abordable), Siteground (un peu plus cher mais super puissant) et Bluehost (choix populaire avec support 24/7).

    En savoir plus sur les sociétés d’hébergement Web que nous recommandons pour WordPress ici.

    Vous pouvez également installer un modèle facilement et l’ajuster avec les options de conception. Mais: s’il y a quelque chose que vous n’aimez pas, vous devrez probablement modifier le CSS ou le HTML (vous ou un programmeur).

    L’hébergement, le domaine, l’adresse e-mail, l’installation et le niveau de support que vous choisissez dépendront du montant que vous souhaitez dépenser et de vos connaissances techniques. Cela peut être assez bon marché si vous le faites vous-même.

    Un avantage énorme, en particulier pour WordPress, est que vous avez des milliers de plugins qui vous permettent d’ajouter des fonctionnalités spéciales à votre site Web qui ne sont pas initialement incluses. Un exemple typique serait WooCommerce, un plugin qui ajoute une boutique en ligne complète.

    Par défaut, WordPress est conçu pour être dans une seule langue, mais il existe des plugins, comme WPML, qui vous permettent de traduire la page. Un autre de mes favoris est le plugin Yoast SEO, qui vous permet de modifier les paramètres du moteur de recherche (par exemple Google).

    Dans notre vidéo d’introduction, nous examinons ce que vous devez considérer si vous configurez WordPress.

    Vérifions rapidement comment installer WordPress en utilisant l’hébergement de SiteGround. SiteGround est l’un des meilleurs fournisseurs d’hébergement pour les sites WordPress. Tu peux essayer… Découvrez Comment installer WordPress avec l’hébergement de SiteGround 2019-10-23T07:54:23.000Zhttps://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

    Vous pouvez vous inscrire à Siteground ici.

    Avantages:

    • Vous pouvez choisir la société d’hébergement.
    • Idéal pour les sites Web multilingues.
    • Flexibilité technique : vous pouvez accéder à l’ensemble du code source (si vous savez ce que vous faites).
    • Vous pouvez obtenir plus de fonctionnalités avec les plugins.

    Inconvénients:

    • Pas de support technique personnel.
    • La liberté de création dépend du modèle.
    • Cela peut avoir des coûts supplémentaires pour les plugins.
    • Vous aurez peut-être besoin d’un programmeur pour effectuer de petits changements esthétiques.

    D’autres exemples de systèmes de gestion de contenu sont Joomla! Et Drupal, mais ils sont beaucoup plus compliqués à utiliser que WordPress, donc nous n’entrerons pas dans ça. Vous trouverez plus d’informations sur WordPress dans notre guide pour débutants WordPress.

    Comment programmer vous-même un site Web (ou engager quelqu’un pour le faire).

    C’est la discipline suprême : ouvrir l’éditeur et commencer à coder. Ceux qui ont besoin d’une liberté totale devront faire la page eux-mêmes. Vous avez besoin de patience pour cela, et pour les débutants, c’est généralement accablant (et frustrant).

    Les sites Web tels que Codecademy, Mozilla ou W2Schools sont un bon point de départ, qui proposent des tutoriels étape par étape pour les débutants. Mais attendez-vous à un long voyage avant que votre site Web ne soit prêt.

    Dans ce cas, il n’est pas possible de donner un prix en général, car cela dépend du projet. Surtout, ce sera beaucoup plus cher si vous devez embaucher un programmeur: payer 8 à 10 $ par mois pour un créateur de site Web sera toujours moins cher que ce que tout concepteur ou agence facturera pour une heure de travail.

    Certains favoris sont NetBeans, Aptana Studio ou Brackets. Tous autorisent au moins HTML, CSS, JavaScript, PHP et sont gratuits. Une autre option est Webflow, qui est un éditeur de code source visuel.

    éditeur de code source de supports

    éditeur de code source de supports

    Capture d’écran de supports

    Avantages:

    • Les possibilités sont illimitées si vous savez comment pour programmer.
    • Hébergement économique.
    • Flexibilité maximale.

    Inconvénients:

    • Pas de support.
    • La courbe d’apprentissage est raide.
    • Les coûts sont difficiles à calculer.
    • Nécessite beaucoup de temps d’étude et de mise en œuvre.

    Qu’en est-il du nom de domaine ?

    Si vous ne voulez pas utiliser un nom de domaine gratuit (qui semble assez moche car il portera le nom d’une autre entreprise), vous devez acheter votre propre domaine. Cela ressemblera alors à www.mycompany.com . Habituellement, il est préférable d’obtenir l’extension .com sauf si vous opérez strictement dans un pays comme le Canada (.ca) ou le Royaume-Uni (.co.uk ).

    domaine

    domaine

    Notre propre nom de domaine

    Les soi-disant bureaux d’enregistrement qui vendent des noms de domaine ne manquent pas. Nous les achetons nous-mêmes pour la plupart chez Namecheap car ils sont, eh bien, assez bon marché, mais les différences ne sont pas si importantes car elles vont de 9 à 18 dollars par an.

    Mais selon l’endroit où vous créez votre site Web, vous pouvez également l’inclure dans votre package de création de site Web. Wix, Weebly et Jimdo, par exemple, ont tous le nom de domaine inclus gratuitement la première année. Les années suivantes, ils facturent un peu plus que Namecheap, par exemple, mais la commodité supplémentaire de n’avoir à traiter qu’avec une seule entreprise en vaut normalement la peine.

    Si vous utilisez WordPress.org ou créez vous-même le site Web, vous devrez également organiser votre propre stockage Web. Cela peut être acheté au même endroit où vous obtenez votre nom de domaine ou dans une autre entreprise spécialisée comme Siteground ou WPEngine. Mais si vous débutez seulement, cela n’aura pas trop d’importance pour l’instant.

    Astuce : si vous avez également besoin d’adresses e-mail, vous pouvez essayer Zoho Workplace. C’est un service similaire à Google Workspace, mais Zoho propose également un forfait gratuit.

    Conception et planification d’un site web

    Tout comme ce n’est pas toujours une bonne idée de commencer à cuisiner sans suivre une recette, du moins si vous n’avez aucune expérience, il en va de même pour la création d’un site Web. Ici, improviser n’est pas une bonne idée. La planification vous aidera à décider des sections dont vous avez besoin, du contenu qui vous convient le mieux et de la conception de votre site Web.

    site web de carte mentale

    site web de carte mentale

    Carte mentale pour un magasin de chaussures en ligne

    Une bonne façon de commencer est de créer une carte mentale avec les idées de ce que votre site Web aura besoin. Les principaux éléments de cette carte mentale peuvent être utilisés pour votre navigation.

    Conseils pour planifier votre site Web:

    1. Utilisez un papier et un stylo et notez tout ce que vous voulez sur le site Web. Le brainstorming et la création d’une carte mentale sont les moyens parfaits d’organiser vos pensées.
    2. Jetez un coup d’œil à d’autres sites Web intéressants tant en termes de design que de contenu. Notez ce que vous aimez et ce que vous n’aimez pas.
    3. Une fois que vous avez un brouillon de ce que vous voulez sur votre site Web, demandez aux personnes en qui vous avez confiance ce qu’elles pensent. Vous trouverez certainement des perspectives intéressantes que vous pouvez intégrer.
    4. Créez une liste (par exemple dans Excel) avec toutes les pages de votre site Web. Notez le titre, le type de contenu que vous aurez, les mots clés, le but, le type de page et leur importance.
    5. Bonus: Si vous voulez bien vous positionner dans les moteurs de recherche, c’est à ce moment-là que vous devriez savoir quel mot-clé chaque page aura, et les ajouter à la liste du point 4. Lisez ce guide de référencement pour plus d’informations.

    Qu’en est-il de la conception du site web?

    Créer des conceptions web visuelles n’est pas une tâche facile. En fait, je dirais qu’en ligne, il y a plus d’exemples de conceptions terribles que de bonnes. Ne laissez pas votre site Web en être un.

    Tout comme les jeans bell bottom étaient élégants dans les années 70, ils étaient ridicules dans les années 80 et 90. La même chose se produit avec le design Web. Vous devez vous rappeler que ce qui était considéré comme une bonne pratique il y a 5 ans peut maintenant sembler vieux ou dépassé. Consultez cet article pour savoir quelles pratiques éviter.

    Ce n’est pas un guide pour les designers professionnels, mais il vous donnera quelques conseils qui, je pense, fonctionnent toujours:

    1. Essayez d’utiliser une couleur claire (ou blanche) pour l’arrière-plan.
    2. Choisissez des couleurs attrayantes qui se complètent. Utilisez Adobe Color si vous avez besoin d’aide.
    3. Gardez le design propre, simple et laissez un espace blanc entre les éléments. Plus d’informations..
    4. N’utilisez pas trop de polices: un pour les titres et un autre pour le texte suffisent généralement. Ce guide vous aidera à choisir.
    5. Gardez un style et un format cohérents. Les utilisateurs ne doivent pas remarquer de différences entre vos pages. Ne créez pas un Frankenstein.
    6. Votre site web doit également être parfaitement adapté aux appareils mobiles.
    7. Toutes les images que vous ajoutez doivent avoir l’air professionnelles. Ne téléchargez pas un selfie que vous avez pris devant un miroir de salle de bain. Gardez à l’esprit que les smartphones d’aujourd’hui prennent de très belles photos. Si vous planifiez bien, vous pouvez obtenir de superbes tirs à la tête.
    8. Moins c’est plus. En cas de doute, allez au minimum.

    Si vous souhaitez approfondir la conception web, jetez un œil au blog de Wix. Il existe une infinité de tutoriels et de guides sur les conceptions faciles à digérer.

    Quels éléments les bons sites web ont-ils en commun ?

    1. Une superbe illustration

    La sélection du logo et de l’image est cruciale pour obtenir un site Web d’apparence professionnelle. Aujourd’hui, vous pouvez facilement trouver des tonnes de photos gratuites: le mieux est de consulter Creative Commons.

    recherche cc

    recherche cc

    De plus, vous pouvez trouver des photos plus professionnelles (à partir de 1 $) sur de nombreux autres sites Web, comme Adobe Stock et. Voici quelques excellentes options de photos gratuites.

    Il est important de bien comprendre les formats d’image disponibles : .GIF, .jpg et.png sont les principaux formats. De plus, vous devez optimiser la taille et la qualité de l’image pour le navigateur standard Web. Tout ce que vous devez savoir sur ce sujet peut être trouvé ici.

    Bien sûr, vous pouvez toujours utiliser des sites comme TinyPNG ou ShortPixel pour compresser vos photos gratuitement.

    De même, il sera utile d’avoir un programme d’édition pour pouvoir éditer et modifier la taille des images. Une option professionnelle et gratuite est Gimp, cependant, c’est assez compliqué à utiliser. Une autre alternative à Photoshop est Affinity Photo, qui ne coûte qu’une fraction du prix de l’original et ne nécessite pas d’abonnement.

    Mais il existe de plus en plus d’outils que vous pouvez utiliser pour créer des ressources graphiques simplement et sans avoir à apprendre à utiliser Photoshop ou Illustrator. Par exemple, vous pouvez utiliser Stencil ou Snappa.

    pochoir

    pochoir

    2. Copie professionnelle

    N’oubliez pas qu’écrire pour un site Web n’est pas la même chose qu’écrire une lettre ou un livre. Sur le Web, nous avons tendance à être moins formels et, en même temps, nous devons aider les personnes occupées à trouver rapidement les informations dont elles ont besoin. Cela signifie que nous devons rendre notre contenu scannable en:

    • utiliser une structure de titre qui a du sens,
    • ne pas laisser les paragraphes de texte trop longs,
    • ajouter des puces et
    • choisir des polices faciles à lire.

    Nous avons en fait écrit un guide complet sur ce sujet, que vous pouvez trouver ici.

    3. Formulaire de contact et un menu de navigation qui a du sens

    Pour donner une impression professionnelle à vos visiteurs, vous devez utiliser un formulaire de contact au lieu d’une adresse e-mail. Il est très facile d’intégrer des formulaires de contact avec des solutions comme Wix, Jimdo, Weebly ou WordPress.

    formulaire de contact

    formulaire de contact

    Rappelez-vous que la barre de navigation de votre site Web est cruciale pour que les visiteurs passent d’une page à l’autre. Faites attention à cela et assurez-vous qu’il coule logiquement. Par exemple, si votre objectif est que les utilisateurs vous envoient un message via le formulaire de contact, oublier de le lier dans le menu ou le pied de page serait un échec épique.

    Assurez-vous également de faire un test d’inscription avant de publier votre site Web!

    Étapes pour la mise en place d’un site Web

    Nous pouvons décomposer le processus de création de site Web en les étapes suivantes:

    1. Planifiez votre site Web et commandez les idées dans une carte mentale.
    2. Décidez du contenu dont vous avez besoin pour votre site Web.
    3. Achetez le nom de domaine, par exemple chez Namecheap (mais vous pouvez également l’acheter après).
    4. Choisissez le meilleur créateur de site Web.
    5. Créez le contenu (par exemple des textes et des images) pour chaque page.
    6. Ajoutez le contenu à votre site web et optimisez le référencement.
    7. Publier et promouvoir la page.

    Évidemment, chacun des points ci-dessus peut être construit sur beaucoup plus. Nous avons un ebook (gratuit) où vous pouvez obtenir plus d’informations.

    Votre site web est opérationnel. Et maintenant ?

    Si vous avez déjà créé et publié votre site Web, vous pouvez commencer à le promouvoir et à l’optimiser pour augmenter les visites et améliorer l’expérience utilisateur.

    • Mettez à jour votre site Web: Les sites Web ne sont pas des livres. Une fois publiés, ils peuvent toujours être mis à jour. Assurez-vous de créer du contenu nouveau et pertinent lorsque vous en avez l’occasion et que vous mettez constamment à jour le site Web. Par exemple, imaginez le site Web d’un restaurant: si le menu change, il doit être reflété sur le site Web le plus rapidement possible.
    • Positionnement en ligne : Pour attirer le plus de visiteurs possible, vous devrez optimiser le référencement de votre site web. Ce n’est pas très compliqué mais cela demande du temps et du travail. Consultez ce guide pour plus d’informations.
    • Analyse web: Vos efforts de positionnement en ligne (point ci-dessus) seront inutiles si vous ne mesurez pas le trafic de votre site Web. C’est ainsi que vous saurez si cela fonctionne ou non. L’outil d’analyse de site Web le plus populaire est Google Analytics. Et c’est gratuit!

    URL de soumission Google

    URL de soumission Google
    • Bien sûr, une fois que vous publiez votre site Web, vous devez vous inscrire sur Google Search Console pour informer Google que votre page existe et obtenir des informations. Ou au moins envoyez l’URL (adresse) de votre site Web à Google afin qu’il puisse l’indexer.
    • Marketing par e-mail: Une autre stratégie habituelle, en particulier pour les entreprises, consiste à envoyer régulièrement des e-mails à ses visiteurs pour ne pas perdre le contact. Ceci est particulièrement utile pour les magasins en ligne, les petites entreprises et les blogueurs. Le marketing par courriel est une science en soi. Vous pouvez lire ce guide pratique pour obtenir plus d’informations sur la façon de commencer à envoyer des newsletters.facebookinstagram, Twitter, LinkedIn, etc. : La plupart des sites Web ont également des profils de médias sociaux (par exemple, Facebook, Instagram, Twitter, LinkedIn, etc.).) pour pouvoir interagir avec leurs visiteurs (et visiteurs potentiels) en dehors du site Web que vous avez créé. Cela fonctionne particulièrement bien pour les professionnels de l’image, comme les illustrateurs, les bijoutiers ou les photographes.

    J’espère que ce petit guide vous a aidé à comprendre comment créer un site Web du début à la fin.

    À côté du guide que vous lisiez tout à l’heure, nous avons également quelques guides spécifiques à l’industrie:

    1. Mise en place d’un site Web pour les petites entreprises et les entrepreneurs
    2. Guide pour démarrer une boutique en ligne
    3. Créateurs de sites Web pour les artistes (par exemple, les artistes et les designers)
    4. Création de sites Web de photographie
    5. Créer un site Web avec WordPress