Ce wikiHow vous apprend à concevoir un site Web qui semble professionnel et qui fonctionne bien. Bien que l'essentiel de la conception de votre site Web dépende en fin de compte de vous, il y a certaines choses essentielles à faire et à éviter lors de la création d'un site Web.
Pas
Partie 1 sur 2: Comment concevoir votre site Web
Étape 1. Déterminez si vous souhaitez utiliser un créateur de site Web
Les sites Web créés à partir de zéro nécessitent une compréhension assez détaillée du codage HTML, mais vous pouvez facilement créer un site Web en utilisant un service d'hébergement gratuit comme Weebly, Wix, WordPress ou Google Sites. Les créateurs de sites Web ont tendance à être beaucoup plus faciles à utiliser pour les concepteurs novices que le HTML.
- Si vous décidez de coder votre propre site Web, vous devrez apprendre le codage HTML et CSS.
- Si investir du temps et de l'énergie pour créer votre site Web ne semble pas attrayant, vous pouvez également engager un concepteur de site Web pour créer votre site pour vous. Les designers indépendants peuvent coûter entre 30 $ de l'heure et bien plus de 100 $ de l'heure.
Étape 2. Cartographiez votre site
Avant même d'ouvrir un créateur de site Web, vous devez savoir approximativement combien de pages vous voulez que votre site Web ait, quel devrait être le contenu de chacune de ces pages et la disposition générale des pages importantes telles que la page d'accueil et le "À propos" page.
Les pages de votre site Web peuvent être plus faciles à visualiser si vous dessinez des images approximatives de chacune d'entre elles plutôt que de simplement déterminer quel contenu doit apparaître
Étape 3. Utilisez un design intuitif
Bien qu'il y ait quelque chose à dire pour de nouvelles idées, la conception de base de votre site Web doit suivre des directives établies telles que les suivantes:
- Les options de navigation (par exemple, les onglets pour différentes pages) doivent aller en haut de la page.
- Si vous utilisez une icône de menu (☰), elle devrait se trouver dans le coin supérieur gauche de la page.
- Si vous utilisez une barre de recherche, elle doit se trouver près du côté supérieur droit de la page.
- Les liens utiles (par exemple, les liens vers la page « À propos » ou la page « Nous contacter ») doivent figurer tout en bas de chaque page.
Étape 4. Soyez cohérent
Quelle que soit la police de texte, la palette de couleurs, le thème de l'image et les options de conception que vous choisissez, assurez-vous d'utiliser la même décision sur l'ensemble de votre site Web. Il peut être incroyablement choquant de voir une police ou un schéma de couleurs utilisé pour la page "À propos" alors qu'une autre complètement différente a été utilisée pour la page d'accueil.
- Par exemple, si vous utilisez exclusivement des couleurs froides pour la page d'accueil de votre site, n'implémentez pas de couleurs vives et fortes sur la page suivante.
- Gardez à l'esprit que l'utilisation de couleurs vives ou contrastées, en particulier lorsque les couleurs s'affichent de manière dynamique (par exemple, en mouvement), peut évoquer l'épilepsie chez un petit nombre d'internautes. Si vous décidez d'utiliser de telles couleurs sur votre site, assurez-vous d'ajouter un avertissement d'épilepsie avant toutes les pages pertinentes.
Étape 5. Ajoutez des options de navigation
Placer des liens directs vers des pages importantes de votre site Web en haut de la page d'accueil aidera à diriger les nouveaux visiteurs vers le contenu qui compte. La plupart des créateurs de sites ajoutent ces liens par défaut.
Il est important de s'assurer que chaque page de votre site Web est accessible en cliquant sur les options de votre site Web plutôt que d'être uniquement accessible via l'adresse de la page
Étape 6. Utilisez des couleurs qui se complètent
Comme tout autre type de conception, la conception de sites Web repose sur des combinaisons de couleurs visuellement agréables; pour cette raison, il est crucial de choisir des couleurs de thème qui vont ensemble.
Le noir, le blanc et le gris sont une bonne combinaison si vous ne savez pas par où commencer
Étape 7. Envisagez d'utiliser un design minimaliste
Le minimalisme encourage les couleurs froides, les graphiques simples, les pages de texte en noir sur blanc et le moins d'embellissement possible. Parce que le minimalisme nécessite peu d'éléments de fantaisie, c'est un moyen facile de donner à votre site Web un aspect professionnel et attrayant sans nécessiter beaucoup de travail.
- De nombreux créateurs de sites Web auront un thème « minimaliste » que vous pourrez sélectionner lors de la configuration de votre site Web.
- Une alternative au minimalisme est le « brutalisme », qui utilise des lignes plus dures, des couleurs vives, du texte en gras et des images minimales. Le brutalisme a moins d'adeptes que le minimalisme, mais selon le contenu de votre site Web, il peut mieux répondre à vos besoins de conception.
Étape 8. Faites des choix uniques
Les lignes droites et les éléments Web verrouillés sur une grille sont des valeurs sûres, mais prendre quelques décisions stylistiques uniques donnera à la fois de la personnalité à votre site et aidera votre site à se démarquer.
- N'ayez pas peur de contrer les tendances en plaçant des éléments de site Web de manière asymétrique ou en utilisant des éléments qui se chevauchent pour créer une apparence en couches.
- Alors que les coins élégants et pointus et les éléments carrés (également connus sous le nom de présentation "à base de cartes") sont moins favorables que les éléments arrondis et doux.
Partie 2 sur 2: Comment maximiser les performances du site Web
Étape 1. Tirez parti des options d'optimisation mobile
Les navigateurs mobiles génèrent plus de trafic Web que les navigateurs de bureau, ce qui signifie que l'attention que vous portez à la version mobile de votre site Web doit au moins égaler le développement de votre site Web de bureau. La plupart des services de création de sites Web créent automatiquement une version mobile de votre site, mais vous devez garder à l'esprit les informations suivantes pour votre site mobile:
- Assurez-vous que les boutons (par exemple, les liens de sites) sont grands et faciles à appuyer.
- Évitez d'implémenter des fonctionnalités qui ne peuvent pas être visualisées sur mobile (par exemple, Flash, Java, etc.).
- Envisagez de créer une application mobile pour votre site Web.
Étape 2. Évitez d'utiliser trop de photos par page
Les navigateurs de bureau et mobiles peuvent avoir du mal à charger des pages qui affichent un grand nombre de photos ou de vidéos. Bien que les images soient importantes dans la conception de sites Web, en utiliser plusieurs par page peut entraîner des temps de chargement inutilement longs, ce qui empêchera les gens de visiter la ou les pages en question.
De manière générale, vous souhaitez que les pages de votre site Web se chargent en moins de quatre secondes
Étape 3. Ajoutez une page "Contact"
Vous remarquerez que pratiquement tous les sites Web établis ont une page « Nous contacter » qui contient des informations de contact (par exemple, un numéro de téléphone et une adresse e-mail); certains sites ont même un formulaire de question intégré sur cette page. L'ajout d'une page « Contact » donnera aux visiteurs du site Web une ligne de communication directe avec vous, ajoutant ainsi une solution aux frustrations potentielles.
Étape 4. Créez une page 404 personnalisée
Lorsqu'un internaute visite une page spécifique de votre site Web qui n'a pas été configurée ou qui n'existe pas, une page Web "Erreur 404" s'affiche. La plupart des navigateurs ont une page 404 par défaut, mais vous pourrez peut-être personnaliser la vôtre à partir des paramètres du créateur de votre site Web; si tel est le cas, assurez-vous d'inclure les détails suivants:
- Un message d'erreur léger (par exemple, «,
- Un lien vers la page d'accueil du site
- Une liste de liens fréquemment consultés
- Une image ou un logo pour votre site web
Étape 5. Utilisez une barre de recherche si possible
Si votre méthode de création de site Web prend en charge l'ajout d'une barre de recherche à votre site Web, il est fortement recommandé de le faire. Cela garantira que les utilisateurs peuvent naviguer rapidement vers une page ou un élément spécifique sans avoir à cliquer sur vos options de navigation.
Les barres de recherche sont également utiles lorsque votre public souhaite rechercher un terme général sans utiliser d'essais et d'erreurs
Étape 6. Investissez le plus de temps dans votre page d'accueil
Lorsque quelqu'un arrive sur la page d'accueil de votre site Web, il doit immédiatement comprendre l'essentiel du thème de votre site Web. en plus de cela, tous les éléments de la page d'accueil doivent se charger rapidement, y compris les options de navigation et toutes les images. Votre page d'accueil doit avoir les aspects suivants:
- Un appel à l'action (par exemple, un bouton à cliquer ou un formulaire à remplir)
- Une barre d'outils ou un menu de navigation
- Un graphique invitant (par exemple, une photo solide, une vidéo ou un petit groupe de photos avec du texte d'accompagnement)
- Mots-clés relatifs au service, au sujet ou à l'objectif de votre site Web
Étape 7. Testez votre site Web dans plusieurs navigateurs sur plusieurs plates-formes
Ceci est extrêmement important, car différents navigateurs peuvent gérer différemment certains aspects de votre site Web. Avant de commencer à promouvoir votre site Web, essayez de visiter et d'utiliser votre site Web dans les navigateurs suivants sur les plates-formes Windows, Mac, iPhone et Android:
- Google Chrome
- Firefox
- Safari (iPhone et Mac uniquement)
- Microsoft Edge et Internet Explorer (Windows uniquement)
- Le navigateur intégré sur plusieurs téléphones Android différents (par exemple, Samsung Galaxy, Google Nexus, etc.)
Étape 8. Continuez à mettre à jour votre site Web au fur et à mesure qu'il vieillit
Les tendances de conception, les liens, les photos, les concepts et les mots-clés changent tous au fil du temps, vous devrez donc continuer à apporter des modifications à votre site Web pour rester à jour. Cela vous obligera à vérifier les performances de votre site Web par rapport à d'autres sites Web similaires au moins une fois tous les trois mois (de préférence plus souvent).
Aide HTML de base
Exemple de page Web avec HTML
Soutenez wikiHow et déverrouiller tous les échantillons.
Aide-mémoire HTML
Soutenez wikiHow et déverrouiller tous les échantillons.
Exemple de page Web simple
Soutenez wikiHow et déverrouiller tous les échantillons.
Des astuces
- L'accessibilité des sites Web est un autre aspect important du développement de sites Web. Cela inclut des éléments tels que des légendes pour les publics malentendants, des descriptions audio pour les visiteurs aveugles et des avertissements de photosensibilité si votre site Web utilise des effets potentiellement convulsifs.
- La plupart des créateurs de sites Web disposent d'un ensemble de modèles que vous pouvez utiliser pour cimenter la mise en page et la conception de votre site avant d'ajouter vos éléments préférés.
Mises en garde
- La plupart des créateurs de sites sont gratuits; cependant, si vous souhaitez utiliser votre propre domaine (par exemple, "www.votrenom.com" au lieu de "www.votrenom.wordpress.com"), vous devrez payer des frais mensuels ou annuels.
- Évitez le plagiat et respectez toutes les lois sur le droit d'auteur: n'ajoutez pas d'images aléatoires du Web, ni même d'éléments structurels, sans autorisation.
