Ce site est pas le premier site perso que je fais, et j’ai vu beaucoup d’autres personnes en faire, donc j’ai quelques tips à donner, si jamais toi aussi t’as envie de te lancer.
Avant de te lancer, je pense qu’une première étape c’est d’avoir une vision de ce que tu veux pour ton site. Pas besoin d’avoir un plan très clair, mais y réfléchir un peu en avance va permettre de te motiver (si t’as envie de faire un site mais que tu sais pas trop ce que tu vas y mettre tu risque de te décourager assez vite) et de faire les bons choix côté technique.
À quoi va ressembler le site visuellement ? Qu’est ce que ça communique, comment ça va mettre en valeur le contenu ? Qu’est ce que tu te sens capable de faire techniquement ?
Pour répondre à cette question, je conseille d’essayer de découvrir d’autres sites persos et de noter (avec des favoris, une note dans son téléphone, sur un bout de papier…) ceux qui te plaisent visuellement. En vrai c’est même pas obligé que ça soit des vrais sites, ça peut être des maquettes trouvées sur des portfolio de designers, ça peut être des images, des mises en pages qui viennent d’un livre, plein de choses. L’idée c’est de construire un ✨ moodboard ✨ qui va t’aider à savoir ce que t’aimes ou au contraire ce que tu veux pas, et qui pourra servir de référence quand tu construira vraiment ton site. Si tu sais pas par où commencer, j’ai fait une liste.
Quelque chose à prendre en compte qui est un peu spécifique au format site web, c’est que tous les écrans ne font pas la même taille : ton site devra s’afficher à la fois sur un téléphone et sur un ordinateur, donc le design devra s’adapter.
Selon la solution technique choisie pour faire tourner le site, il y aura des designs tout faits facile à importer (même si ça veut dire moins de customisation) ou il faudra tout faire à la main (plus long, mais je trouve ça très amusant personnellement, et ça ouvre beaucoup de possibilités).
Il faut aussi décider de quoi tu as envie de parler. Là aussi, pas besoin d’avoir une idée forcément très précise. Ça peut être en lien avec ton travail ou tes études, tes passions, des articles qui parlent de politique ou d’actualités, des photos de voyage, des recettes de cuisine, ou un peu tout ça à la fois. Ce qui est bien quand on a son propre site c’est qu’il y a un peu aucune règle, tu décides de tout.
C’est pas obligé que ça soit figé non plus, tu peux commencer en te disant que tu veux juste faire journal de voyages, et plus tard étendre à d’autres sujets ou formats. C’est aussi possible d’avoir plusieurs sites pour compartimenter tout ça (par exemple un blog professionel, et un site perso pour raconter sa vie).
Répondre à cette question va avoir une influence sur la DA du site, mais ça va aussi aider à répondre la prochaine question, à savoir : qui est derrière le site ?
Un site Internet c’est toujours plus ou moins public. Même sur les grosses plateformes / réseaux sociaux, on peut avoir un sentiment de sécurité en mettant son compte en privé, mais quelqu’un qui veut vraiment voir ce que vous postez pourra toujours le faire (c’est pas très dur de se faire un faux compte en se faisant passer pour le compte secondaire d’un de tes potes, et de demander à follow par exemple). Et faire disparaître quelque chose d’Internet c’est assez dur : on a des lois et des outils (droit à l’oubli, RGPD, etc.) qui facilitent ça, mais il y a des archives publiques du web, et rien n’empêche quelqu’un d’enregistrer une copie d’une page ou d’une image postée (mais là aussi, c’est déjà le cas sur la plupart des grosses plateformes). Il y a bien sûr moyen techniquement de limiter tout ça, mais jamais à 100%.
Il y a un peu différents problèmes qui se mélangent ici. Je vais essayer de les distinguer pour que tu puisses juger ce qui t’embête ou pas :
Selon à quel point tu es à l’aise avec l’idée d’être visible publiquement, tu peux :
Personnellement j’essaie de rester le plusse anonyme possible ici. Si un inconnu tombe sur ce site, il devrait facilement trouver la commune où je vis, avoir quelques infos générales sur moi (dans quel domaine je travaille par exemple), mais jamais voir mon visage ou connaître mon nom.
Je recommanderais à tout le monde de faire pareil, mais j’imagine que ça dépend vraiment des gens et du but du site, donc à toi de voir.
Une technique pour rester relativement anonyme que j’aimerais bien expérimenter c’est tenir un site avec un groupe de gens : on ne sait pas forcément qui fait partie du groupe, ni quelle personne dans le groupe a écrit telle ou telle partie du site.
Maintenant que tu sais peut-être un peu plusse ce que tu veux faire, il faut savoir comment le faire concrètement. On va parler technique.
Si c’est trop long, va à la section « En résumé » plus bas, et lis juste le paragraphe sur l’outil qui te semble le mieux en fonction.
Un site web comme celui là (sans formulaire ou trucs trop interactifs),
c’est juste un gros dossier avec des fichiers .html (contenu), .css (apparence)
et des images qu’on a posé sur un serveur, globalement.
Le HTML et le CSS c’est deux langages de programmation assez simples à apprendre : demander à vos parents, oncles et tantes, beaucoup de gens dans leur génération en faisant un peu, au début de l’Internet grand public, avant que les réseaux sociaux mainstream prennent le dessus. Pendant longtemps (et même encore aujourd’hui même si c’est caché je crois) des sites comme Tumblr donnaient la possiblité de mettre ses propres fichiers HTML et CSS sur son blog pour pouvoir le customiser à fond.
Pour apprendre, il y a HTML for people (en anglais) qui a l’air vraiment bien. Ça part de zéro et ça ajoute des nouvelles idées petit à petit. C’est pas très long et ça montre juste ce dont on a besoin pour commencer, la curiosité et un moteur de recherche permet d’apprendre le reste.
Mais bon, tout le monde a pas forcément envie de programmer pour faire un site, donc heureusement il y a des options plus simples (surtout qu’écrire du HTML et du CSS à la main ça peut devenir long et répétitif au bout d’un moment). Je pense quand même que connaître un peu de HTML et de CSS ça peut aider si on veut se lancer dans la création d’un site perso, ça permet de se débloquer par moment, d’aller plus loin que ce que l’outil qu’on utilise de base propose et de vraiment comprendre ce qu’il se passe. Bref, si t’as envie de faire du tuning de site c’est mieux de savoir comment ça marche sous le capot, mais si tu veux juste conduire sans te poser de questions, c’est pas la peine.
C’est quoi du coup les options si on veut pas (trop) programmer ?
L’idée c’est d’avoir une app qui permet de gérer son site / blog le plus facilement possible : on a un compte auquel on se connecte, ça nous donne accès à une interface d’administration où on peut créer et organiser ses pages, et on a une belle interface de rédaction pour les articles.
C’est cool si le côté technique t’intéresse pas du tout et que tu veux juste avoir un site en ligne sans trop te demander comment ça marche derrière.
Il y a plein de fonctionalités de base, et il y a la possibilité d’ajouter des plugins si ça ne suffit pas. Il y a aussi des thèmes tout prêts pour changer l’apparence de son site.
Encore plus simple que Wordpress, Scribouilli propose vraiment le minimum requis pour faire un site : on peut créer (ou supprimer) des pages, et modifier leur contenu, et c’est à peu près tout.
Mais ça suffit largement pour faire des choses chouettes ! Le site du projet est lui-même fait avec Scribouilli, et ça permet de voir à quoi ça ressemble et ce qui est possible.
Si tu as un peu peur de l’interface d’administration de Wordpress, Scribouilli devrait être beaucoup plus simple à prendre en main. Ça a un coût : dès que tu vas vouloir faire des choses plus originales que ce qui est prévu, ça va être compliqué.
Un outil que je trouve vraiment trop chouette même si j’ai encore jamais testé. La page d’accueil donne une bonne idée de la vibe et de ce qu’on peut faire avec. Mais en résumé, c’est du scrapbooking sur Internet : l’idée c’est de pouvoir faire des sites facilement avec plein d’images, de GIF, de vidéos, et de polices rigolotes pour faire un collage qui rend trop bien.
J’adore me perdre sur la page « Explore » du site qui montre ce que les gens ont fait avec, il y a plein de bonnes idées.
Le seul désavantage c’est que je sais pas si c’est facile d’exporter ses fichiers si jamais on veut changer d’outil un jour.
Les SSG (static site generator), c’est plus des outils de nerd. L’idée c’est qu’on a ses articles / pages écrits dans des fichiers textes (en Markdown généralement, pour celleux qui connaissent) et que l’outil va prendre ça avec les fichiers du modèle de site qu’on choisit pour sortir du HTML et du CSS.
Ça demande un peu plus de connaissance en informatique que les options au dessus, mais ça permet de vraiment customiser son site, sans trop se prendre la tête sur la partie rédaction (parce qu’on écrit du Markdown et pas du HTML, ce qui est vachement plus simple).
C’est aussi un SSG, mais qui impose vraiment très peu de choses : on est même pas obligé d’écrire en Markdown, ou d’organiser ses articles d’une certaine manière. C’est ça que j’utilise pour ce site. C’est super flexible (c’est comme ça que je peux facilement avoir une apparence différente pour chaque page par exemple), mais aussi plus complexe à configurer au début.
Bref, je recommande, mais plutôt aux gros⋅ses nerds.
Le petit graphique pour mieux situer les différents outils en fonction de ses envies :
Une fois qu’on a des fichiers HTML et CSS il faut les rendre accessible à tout le monde, aka héberger son site. Voici comment faire et surtout comment faire pour pas cher.
Il y a deux trucs à avoir pour héberger un site :
La bonne nouvelle c’est que c’est assez simple d’avoir ces deux trucs gratuitement. L’astuce c’est qu’un nom de domaine ça coûte de l’argent, mais un sous-domaine non. Par exemple si j’ai payé pour avoir truc.fr je peux avoir machin.truc.fr et bidule.truc.fr pour zéro euro (pardon pour le manque d’inspiration dans le nom du site). Et le serveur coûte généralement pas cher pour des petits sites, donc il est souvent offert gratuitement.
C’est comme ça que mmm.page fonctionne par exemple : l’hébergement des sites est gratuit parce qu’ils donnent des sous-domaines pour chaque site. Si mon compte s’appelle alice, mon site sera accessible sur https://alice.mmm.page. Pareil pour Scribouilli, les adresses finissent en monpetit.site (ce qui est super mignon).
Si on ne passe pas par ces deux outils, il y a neocities qui propose de l’hébergement gratuit. Infomaniak le fait aussi pour des sites simples (et offre plein d’autres options le jour où il y a besoin de passer sur quelque chose de plus gros).
Si jamais tu te décides à faire un site ou que tu en as déjà un, je veux le voir ! Hésite pas à le partager :)