On crée le site web de Hero Page en 1 journée 😰
Aujourd'hui on crée le site web de Hero Page sur Wordpress. On voit quels plugins et services externes j'utilise pour l'optimiser un max !
Si tu es nouveau ici, sache que nous construisons un SaaS de type Landing Page Builder de 0 à 1M€ en 1 an.
Et que je partage chaque semaine les coulisses du projet et des astuces marketing et stratégiques pour développer un logiciel SaaS 😉
Le week-end dernier j'ai fait le musée de la fête foraine avec mon frère et mes soeurs à Lille.
On a pu essayer plein de jeux, c'était cool 🤩
C'est une collection privée de plein de manèges et jeux forains.
Ça vaut le détour !Point sur l’avancement :
L’architecture du projet est faite et permettra d’avoir un outil 100% temps réel
Je suis toujours sur le cœur de l’outil : le moteur de génération des pages
La validation de typage du moteur de template est faite
La génération des pages est faite
Il ne manque plus que les tests pour cette dernière
Pour booster mon SEO il va me falloir un site web
Ça paraissait évident il y a quelques années, mais il faut dire qu’avec les outils actuels (comme Substack ou Medium) il est maintenant possible de faire sans 😅.
Alors pourquoi m’embêter à faire quand même un site web ?
J’y vois plusieurs raisons :
Je maîtrise mieux mon SEO
Je peux créer des Landing Pages sur mesure
Je peux optimiser la vitesse de mon site
Je suis libre de le faire évoluer comme je veux 😁
Bon mais maintenant que je me lance dans cette aventure, quel outil choisir ?
Mon choix s’est porté sur Wordpress.
Il y a d’autres alternatives mais c’est un outil que je connais bien, ça me permettra d’aller plus vite 😉.
La création du site web
Le site web m’aura pris environ 1 journée de travail.
Voici les étapes que j’ai suivies :
1. Acheter le nom de domaine
Tout commence par un nom de domaine 😅.
Et maintenant qu’on connaît le nom de notre outil, ça devient plus facile 😁.
Alors je me suis rendu sur OVH et j’ai acheté heropage.io.
Pourquoi le .IO ?
Parce que le .COM était hors de prix et que le .IO est plutôt tendance 😁.
2. Héberger et mettre en place le site
Pour l’hébergement je me suis orienté vers Hostinger.
Ils ont des offres d’hébergement avec une bonne intégration de Wordpress et ne sont pas trop chers.
J’ai, chez eux, un serveur dédié qui me permet d’héberger plusieurs sites web.
Et en plus ils gèrent le cache objet serveur, ce que peu d’hébergeurs font et qui permet d’optimiser un peu plus le site web.
Pourquoi prendre le nom de domaine chez OVH et l’hébergement chez Hostinger ?
C’est un choix très personnel mais j’aime beaucoup OVH.
Alors je prends mes domaines chez eux.
Mais je ne suis pas fan de leurs hébergements Wordpress.
Alors je vais chez Hostinger pour ça 😂.
3. L’installation des bons plugins
Maintenant que le site web est créé en quelques clics, il est temps d’installer quelques plugins (Wordpress sans plugin c’est vraiment pas top 😅).
Voici les plugins que j’installe :
Ahrefs : Pour m’aider sur mon SEO
Complianz : Pour la bannière de cookies
Converter for Media : Pour proposer des images en format WebP quand c’est possible (c’est plus optimal)
GTM4WP : Pour installer le code du Google Tag Manager
LiteSpeed Cache : Gère le cache objet en plus du cache des pages, du CSS et du JS
Login Lockdown : Pour bloquer les bots qui tentent de se connecter à l’admin du site
Rank Math SEO : Pour m’aider dans la rédaction des articles et l’indexation de mes pages
Sucuri : Pour améliorer la sécurité du site
ThriveThemes : Pour construire les pages et leur design. Ils gèrent les popups de conversion et plein d’autres choses sympas
UpdraftPlus : Pour faire des backups automatiques du site sur mon Drive
URL Shortify : Petit outil pratique pour créer des liens raccourcis en utilisant mon nom de domaine (pratique pour camoufler les paramètres UTM)
WP Legal Pages : Pour générer une politique de confidentialité
WP Mail SMTP : Pour envoyer les e-mails avec un service dédié (Google Workspace ou Brevo dans mon cas)
WPML : Pour gérer plusieurs langues sur le site
Je t’épargne leur configuration, c’est beaucoup trop chiant et long 😅.
4. Les services externes
Wordpress et ses plugins c’est bien joli, mais ce n’est pas suffisant…
Il y a d’autres services qu’il va falloir connecter à notre site :
Google Tag Manager : Pour gérer tous les scripts que je dois ajouter sur le site (les pixels par exemple, ainsi que les événements de conversion à leur envoyer)
Google Search Console : Pour que Google ait connaissance de mon site et profiter des données d’indexation et de recherche qu’il me fournit
Google Analytics : Pour les statistiques
Hotjar : Pour les heatmaps et enregistrements d’écran
Pixel Meta : Pour, dès maintenant, apprendre à Meta qui est ma cible
Pixel LinkedIn : Pour, dès maintenant, apprendre à LinkedIn qui est ma cible
CloudFlare : Pour optimiser mon site web avec un CDN et du cache, et le rendre moins vulnérable aux attaques (DDoS par exemple)
Là aussi, je ne vais pas entrer dans le détail de tout ça parce que ce serait bien trop long et complexe.
Mais tu as tous les liens si tu es curieux.
Et tu trouveras plein de ressources sur internet pour t’aider au besoin. Ou bien tu peux toujours me demander directement si tu as une question 😉.
5. La mise en page
Maintenant que tout est en place, il est temps d’appliquer notre charte graphique sur le site web 😉.
Je dois le faire sur les templates par défaut :
Liste des articles
Article
Page standard
Page 404
Et voici ce que ça donne (pour la liste des articles par exemple) :
Je suis plutôt content de l’intégration du design.
C’est encore un peu vide sans les articles et les catégories mais ça rend bien je trouve ☺️.
Pour les curieux qui veulent voir le site par eux-mêmes c’est ici :
Mais je te préviens, je n’ai pas encore fait la page d’accueil et il y a encore quelques bugs avec le changement de langue 😅.
Je m’occupe de tout ça la semaine prochaine 😉.
Et maintenant ?
Cette édition était un peu plus courte que d’habitude (ça fait du bien de temps en temps 😁).
Je ne suis pas entré dans les détails de la configuration du site car ça demanderait plusieurs articles et ce n’est pas vraiment le sujet de ce Build In Public.
J’espère que tu ne m’en voudras pas 😅.
Pour la prochaine édition je vais m’occuper de la page d’accueil du site, dont le but sera de faire se préinscrire les visiteurs à la bêta.
Et je vais régler les derniers problèmes avec les langues !
À très vite ! 😉