Aujourd’hui créer un site web est à la portée de tout le monde, mais cependant beaucoup oublient certaines étapes importantes. C’est pour cela que nous allons voir ensemble les 7 étapes indispensables pour créer un site web cohérent facilement
1. Plateforme Cms ou code
Il y’a énormément de moyens mis à la disposition de tout le monde pour créer votre site web, comme les plateformes de CMS WordPress et Wix. Il est aussi possible de partir from-scratch et de coder son site directement à la main afin d’avoir un rendu personnalisé. Cependant cela demande des compétences importante dans le domaine du code et n’est pas à la portée de tout le monde. Un outil sorti il y’a peu mix le côté CMS et le codage maison. Cet outil s’appelle Webflow et permet de créer son site avec les avantages d’un CMS et une plateforme d’intégration de code simplifié afin d’obtenir le résultat le plus optimal possible.
Pour cet article nous allons parler de la création de Website sous WordPress.
2. Instaurez une charte graphique.
Que ce soit pour la typographie ou les couleurs ou encore votre logo, il est nécessaire d’instaurer une charte graphique à votre site web. N’hésitez pas à vous servir d’outils comme Adobe Kuler afin de trouver vos couleurs majeures et leurs déclinaisons. Si vous souhaitez créer votre site en matérial design, vous pouvez choisir vos couleurs avec Materialdesign.io. Cet outil vous permet de prévisualiser l’associations de différentes couleurs et vous indique la possibilité de « match » entre la couleur de votre fond et de votre typographie.
En 2018 nous observons le retour des typographies de type « Serif » grâce à la démocratisation des écrans rétina.
Pour l’exemple sur mon site j’ai choisi, un vert punchy ainsi qu’un fond noir néant pour obtenir un contraste suffisamment important en plus du gris et du blanc.
3. Choisissez votre thême.
Il est important de réfléchir au thême sur lequel vous souhaitez travailler. Chaque thême possède ses propres fonctionnalités, ainsi que ses propres avantages et inconvéniants. Adaptez votre thême à vos compétences en code ou en webdesign afin d’obtenir le résultat le plus optimal. Par exemple j’utilise Divi qui est un thême « Visual Builder » pour combler mes lacunes en code. Ce thême qui est mis à jour très souvent est utile pour la création simple de contenus et pour les Webdesigner qui s’y connaissent peu en code. Il faut aussi adapter votre thême à votre cible et à votre contenu. Si vous prévoyez de créer un magazine online, alors orientez-vous sur le thême « Extra » de Elegant Themes plutôt que sur Divi.
4. Développez votre arborescence
Une fois que vous avez votre thème et votre charte graphique, vous pouvez vous orienter sur la réfléxion des pages à créer.
Bien entendu vous ne pourrez jamais savoir à l’avance toutes vos pages. Cependant vous pouvez rapidement dessiner une esquisse de votre arborescence pour avoir une idée de l’organisation de vos différentes pages. Une fois que vous aurez réfléchi à votre menu, intégrez le à votre site
5. Redimensionnez vos images
Lorsque vous aurez commencer votre contenu, vous vous rendrez vite compte que votre site met un long moment à se charger. Et pour cause, si vous êtes débutant dans la création de site, vous ne comprendrez peut être pas que vos images ralentissent autant votre site. Peu importe que vous les ayez redimmensionnées une fois intégrées, vos images conservent leur poids et taille originale. Ainsi il est nécessaire de les redimmensionner avant afin d’éviter quelques surprises. Pour cela utilisez Photoshop/Paint ou autre outil pour redimmensionner, une fois cela fait vous pouvez utiliser Optimizilla(site) ou encore WP-Smush(plugin) pour les compresser au maximum sans perdre de qualité.
6. Créez un contenu adapté SEO
Il y’a énormément à dire sur le SEO, mais nous allons expliquer les basics dans cet article. Premièrement, dites-vous qu’un site possède un contenu qui est lu par les moteurs de recherches. Et que les moteurs de recherches possèdent une intelligence suffisante pour comprendre ce qui va être important pour votre lecteur ou non. Dites-vous aussi que votre contenu est représenté comme un livre. C’est à dire qu’il y’a des chapitres, des sous-chapitres, des intertitres et autres.
Ainsi la structure d’un site web s’organise comme ceci
<h1> CONTENU LE PLUS IMPORTANT, C’EST CELUi QuI VA DETERMINER VOTRE PAGE </h1>
<h2> PARTIES SECONDAIRE DU SITE, RESUME LE CONTENU QUI VA SUIVRE </h2>
<h3> SOUS-PARTIE D’UNE PARTIE SECONDAIRE </h3>
Ensuite nous avons les paragraphes, qui représentent le contenu de votre site, ce qui donne dans une architecture basique
<h1> </h1>
<p> </p>
<h2> </h2>
<p> </p>
<h3> </h3>
<p> </p>
Un site bien structuré et qui apporte du contenu cohérent à l’utilisateur se verra récompenser dans sa course à l’indexation.
Le référencement est la partie la plus technique et importante de votre site dans la majorité des cas
7. Optimisez votre site pour mobile.
En effet, aujourd’hui la tendance est au mobile, 53% de l’usage internet se fait sur mobile aujourd’hui et 42% des Français vont sur Internet depuis leur mobile (source : https://blog-fr.orson.io/100-statistiques-sites-internet-2018). Il est ainsi important d’avoir un site optimisé pour mobile pour ne pas perdre la moitié de votre cible. Pour optimiser votre site mobile il est important de toujours vérifier que votre design fonctionne sur ce dernier, qu’il n’y ai pas de bug d’affichage et surtout, que votre site se charge rapidement. Si votre site n’est pas optimisé mobile, vous perdrez en audition et vous serez pénalisé par Google qui décide de s’orienter de plus en plus sur de l’indexation de sites mobile-responsive/mobile-designed.
En conclusion il est nécessaire de respecter ces 7 étapes pour avoir un site qui sera considéré comme viable de nos jours, cependant si vous souhaitez optimiser au maximum votre site, vous pouvez suivre ces étapes-là ou encore observer les nouvelles tendances 2018 dans la création de site web.