Comment créer une bannière de 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. Facebook Instagram, Facebook ou Twitter n’ont pas besoin de dépendre exclusivement d’un profil Instagram.

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 personnalisé à 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. Faites un plan pour 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 (ou un CMS / 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 démarrer 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 de glisser-déposer, l’hébergement Web, le nom de domaine, l’adresse e-mail et le support. Le constructeur Web s’occupe des tâches difficiles.

Smart Finder: Découvrez rapidement quel est le meilleur créateur de site Web pour vous

Quel est le meilleur créateur de site Web pour vous?

Lancer le quiz

Continuer

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.

Cependant, si vous souhaitez mettre votre entreprise en ligne, vous devriez envisager un plan payant. Les prix commencent à environ 8/ / mois, mais il comprend tous les éléments essentiels. Ajoutez environ 1-6 $ / mois en plus si vous avez besoin d’une adresse e-mail professionnelle pour le site Web de votre entreprise.

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.000Z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

Avantages:

  • C’est très facile à utiliser.
  • Vous n’avez pas besoin de logiciel supplémentaire ni même d’hébergement.
  • Vous pouvez commencer sans connaissances techniques.
  • Les mises à jour et les aspects de sécurité sont gérés par la société de création de sites Web.
  • Modèles de conception prédéfinis que vous pouvez adapter à votre guise.
  • Version optimisée pour mobile incluse par défaut.

Inconvénients:

  • Vous ne pouvez pas toujours ajouter des fonctionnalités supplémentaires (selon le créateur de site Web).
  • Il n’est pas aussi flexible car 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 exemple, un site d’emploi ou des annuaires immobiliers)

Les créateurs de sites Web les plus populaires sont Wix (voir tutoriel), Squarespace (voir tutoriel) et Shopify (pour les magasins en ligne). Vous trouverez d’autres créateurs 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.

Alors 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.

Ceux qui sont recommandés sont Dreamhost (extrêmement abordable), Siteground (un peu plus cher mais super puissant) et Bluehost (choix populaire avec prise en charge 24/7).

En savoir plus sur les autres sociétés d’hébergement WordPress bon marché que nous recommandons.

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. Consultez notre guide de tarification pour les projets de sites Web typiques ici.

Bien sûr, ce n’est pas toujours la solution idéale, surtout lorsque vous êtes occupé à gérer une entreprise. Dans ce cas, vous pouvez également essayer d’embaucher un concepteur Web qui peut vous aider à créer un site Web WordPress, par exemple.

Un énorme avantage, en particulier pour WordPress, est que vous disposez de 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 pour vous classer plus haut sur 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.
  • Vous pouvez optimiser la vitesse de chargement de votre page

Inconvénients:

  • Pas de support technique personnel direct (seulement un support limité de votre hébergeur)
  • 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 même 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 embaucher 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. Bien sûr, pour accélérer le processus, vous pouvez embaucher un concepteur Web. Gardez simplement à l’esprit que votre codeur ne devrait pas faire de conceptions et vice versa. Les compétences requises pour chacune de ces tâches sont très différentes.

Donner un prix général n’est pas facile ici, car cela dépend du projet. Vous devrez évidemment payer pour l’hébergement, mais il existe de nombreux fournisseurs d’hébergement Web bon marché parmi lesquels choisir. Surtout, ce sera beaucoup plus cher si vous devez embaucher un programmeur: payer 8 à 15 $ 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 outils de développement populaires 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 entre parenthèses

 éditeur de code source brackets

Capture d’écran Brackets

Avantages:

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

Inconvénients:

  • Aucun soutien (ou coûteux).
  • La courbe d’apprentissage est abrupte.
  • 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 souhaitez 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 ). Bien sûr, il existe également de nombreuses entreprises prospères qui utilisent l’un des nouveaux noms de domaine comme .me ou .agence, par exemple.

 domaine tooltester
Notre propre nom de domaine

Les bureaux d’enregistrement qui vendent des noms de domaine personnalisés ne manquent pas. Nous les achetons principalement chez Namecheap car ils sont, enfin, 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 personnalisé ou dans une autre entreprise spécialisée comme Siteground ou WP Engine. Mais si vous débutez seulement, cela n’aura pas trop d’importance pour l’instant.

Regardons maintenant une zone étroitement liée au nom de domaine :

Comment obtenir une adresse e-mail professionnelle ?

Si vous dirigez une entreprise, vous ne souhaitez probablement pas utiliser une adresse Gmail ou Hotmail. Avoir une adresse e-mail personnalisée sur votre propre nom de domaine semble beaucoup plus professionnel ! Et c’est assez facile à obtenir. Permettez-moi de vous donner quelques options différentes:

  • Obtenez-le auprès de votre créateur de site Web ou de votre hébergeur Web: certains d’entre eux incluent des adresses e-mail sans frais supplémentaires (par ex. Webnode et Siteground)
  • Obtenez-le auprès de votre registraire de domaine: Namecheap, par exemple, le propose pour moins de 12 $ par adresse e-mail et par an.
  • Si vous aimez Gmail, vous pouvez essayer Google Workspace. C’est la solution la plus riche en fonctionnalités, mais vous coûtera 6 $ par adresse e-mail. C’est également la solution proposée par la plupart des créateurs de sites Web (Wix, Squarespace, Jimdo, etc.)
  • Astuce : Pour une solution entièrement gratuite : Zoho Workplace, qui comprend jusqu’à 5 adresses e-mail. C’est un peu plus compliqué à configurer, mais votre registraire de domaine devrait pouvoir vous y aider.

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 la 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 dont 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 œ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 une ébauche 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 devez 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 dessins terribles que de bons. 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 est généralement suffisant. 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. 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: les meilleures à consulter sont Unsplash et Creative Commons.

unsplash

unsplash

De plus, vous pouvez trouver des photos plus professionnelles (à partir de 1 $) sur de nombreux autres sites Web, comme 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.

Avant de télécharger des images sur votre site, utilisez des services tels que TinyPNG ou ShortPixel pour compresser vos photos gratuitement. Bien que l’œil humain reconnaisse à peine tout changement dans l’image, il accélérera votre site Web et améliorera l’expérience utilisateur de vos visiteurs. Bien sûr, les moteurs de recherche adorent aussi les sites Web à chargement rapide!

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. D’autres alternatives à Photoshop sont Affinity Photo et Acorn, 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.

stencil

stencil

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:

  • en utilisant une structure de titre logique,
  • ne pas laisser les paragraphes de texte devenir trop longs,
  • en ajoutant des puces et
  • en choisissant des polices faciles à lire.

Nous avons en fait écrit un guide complet sur ce sujet, que vous pouvez trouver ici. Il est également essentiel de garder déjà à l’esprit les meilleures pratiques de référencement à ce stade. Selon la taille de votre site Web, vous devriez au moins trouver trois termes de recherche principaux que vous souhaitez classer en haut de Google.

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. Heureusement, il est simple d’intégrer des formulaires de contact avec des solutions comme Wix, Squarespace ou WordPress.

 formulaire de contact

 formulaire de contact

N’oubliez pas 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 de mise en place d’un site web

Pour récapituler, voici votre plan d’action:

  1. Planifiez votre site Web et commandez les idées dans une carte mentale.
  2. Achetez le nom de domaine, par exemple chez Namecheap (mais vous pouvez également l’acheter après).
  3. Choisissez le meilleur créateur de site Web ou CMS.
  4. Créez le contenu (par exemple des textes et des images) pour chaque page (en suivant les meilleures pratiques de référencement).
  5. Ajoutez le contenu à votre site Web et configurez des outils d’analyse.
  6. 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 des informations supplémentaires.

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 davantage 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.
  • Email Marketing : Une autre stratégie habituelle, notamment pour les entreprises, consiste à envoyer régulièrement des emails à 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.Instagram Facebook, Instagram, 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. Création d’un site Web pour les petites entreprises et les entrepreneurs
  2. Guide pour démarrer un site web de commerce électronique
  3. Créateurs de sites Web pour les artistes (par exemple, artistes et designers)
  4. Comment créer un portfolio en ligne
  5. Création de sites Web de photographie
  6. Créer un site Web avec WordPress

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.