Full transcript
Introduction & Présentation du projet (Vivre en Polynésie)
0:00Bienvenue dans cette nouvelle vidéo de
0:02Fredix Academy. Aujourd'hui, euh nous
0:05allons donc dédier cette vidéo à un
0:07module euh de conception de site web.
0:11Nous allons vous montrer donc comment
0:12euh toujours depuis donc le support et
0:15l'exemple qu'on a l'étude de cas qu'on a
0:17qui est vivre en polynésie.com.
0:20On va partir de de cette base et on va
0:21vous montrer euh comment alors nous pour
0:24le coup aujourd'hui on conçoit quasiment
0:26la plupart de de nos sites euh à l'heure
0:29actuelle en utilisant donc plusieurs
0:31plusieurs technologies. Donc on va faire
0:32un petit peu le tour comme ça des tech
0:34qu'on utilise. On va regarder les
0:35configurations, comment on travaille.
0:37Alors évidemment, on va pas coder ici
0:38dans cette vidéo. On va pas vous faire
0:39de de tutos pour apprendre à à coder de
0:42zéro. C'est c'est pas le but. Vous avez
0:43plein de sources là-dessus qui sont
0:44hyper intéressantes. Moi, je vous
0:46conseille évidemment si vous débutez euh
0:48en création comme ça web, si vous voulez
0:50avoir quelques base comme ça de de
0:52programmation et de code, c'est d'aller
0:54directement sur Open Classroom par
0:56exemple qui est très bien en initiation
0:58de de code et puis je vous mettrai
0:59quelques liens de de vidéos assez
1:02intéressantes pour pour débuter comme ça
1:04sur de l'HTML, sur du PHP, sur des
1:05langages un petit peu basiques comme ça
1:07et puis après si vous souhaitez pousser
1:08évidemment vous avez tout un tas de
1:09ressources qui vont donc vous permettre
1:11d'apprendre comme ça. Ici, vous allez
1:13voir, on va pouvoir quand même commencer
1:14à travailler notamment avec du Vibe
1:18coding par exemple ou se servir de l'IA
1:21donc pour développer des sites. Alors,
1:22on parle de site Front hein, on parle
1:24pas de de sites avec des bases données
1:26là l'occurrence sur du Vibe ou autre.
1:28Peut-être que ça fera le l'objet d'une
1:29autre vidéo, pourquoi pas ? Si si vous
Les technologies utilisées : Vibe Coding & WordPress
1:31en faites la demande, ça peut être
1:33intéressant. euh et euh de CMS du type
1:36WordPress évidemment extrêmement utilisé
1:38euh aujourd'hui pour euh évidemment pour
1:41développer développer des sites. Ça
1:42représente une énorme partie du web
1:44encore à ce jour. Euh donc c'est un un
1:46framework PHP euh voilà qui euh qui euh
1:49avec ma SQL avec une base de données qui
1:51est un CMS dédié à la base euh pour
1:53créer des blogs. Donc ça vous permet de
1:55créer des pages, des posts et cetera. On
1:57va faire le tour ce matin et on va vous
1:58donner quelques ressources euh
2:00intéressantes qui vont vous permettre
2:01justement d'aller un petit peu plus vite
2:03dans le le développement de de vos
2:04sites. Donc on va commencer tout de
2:06suite déjà euh par regarder évidemment
2:08le site de démo donc qui est
2:10vivreampolyésie.com.
2:11Vous avez le la la le lien dans la
2:14description. Donc c'est un site
2:15évidemment sur Fredix Academy qu'on suit
2:17de façon à avoir comme ça une étude de
2:19cas sur un site. Ça paraît plus simple
2:21comme ça de le suivre. Donc évidemment,
2:23je vous ramène au guidé la la base de de
2:26ces petites vidéos puisque on vous
2:27montre évidemment toute la stratégie
2:29globale dans cette vidéo et puis on
2:31détaille comme ça sur chaque étape euh
2:33les différentes donc étapes évidemment
2:35que ce soit de la le SEO, que ce soit la
2:37la création du site qu'on va voir
2:39aujourd'hui, que ce soit la
2:40monétisation, donc des vidéos qui vont
2:41arriver un petit peu plus tard et cetera
2:43qui seront en playlist de Fredix
2:44Academy. Euh vous avez le le lien aussi
2:46là juste juste en dessous. Donc pour
2:49commencer euh donc évidemment on va pas
2:51vous représenter la totalité du site euh
2:53ni l'aspect de monétisation puisque vous
2:55avez le guide SEO qui euh qui en parle
2:57et qui vous explique tout ça. Euh on va
2:59se concentrer nous là aujourd'hui euh
3:02sur la partie conception et création euh
3:04sans rentrer voilà dans les gros gros
3:05gros détails techniques, mais on va
3:06quand même faire le tour. Donc ici ce
3:09site là donc que que vous avez donc
3:11vivreampenpolynésie.com
3:13en gros celui-là il a été vibe codé. OK
Analyse du site d'exemple : Vivre en Polynésie (Simulateurs & Outils)
3:15? C'est-à-dire que on l'a développé
3:17directement depuis du prompting avec de
3:19l'IA. Donc on va regarder un petit peu
3:21comment on a travaillé. Donc ici
3:22évidemment vous avez plusieurs pages.
3:24Euh voilà, vous allez avoir un
3:25simulateur, vous allez avoir plein de
3:28simulateurs pour le coup. Donc tout ce
3:29qui va être un petit peu au niveau des
3:31outils, notamment par exemple ici euh
3:33sur le le simulateur qui on va dire le
3:35le gros le le gros outil du site. Euh on
3:39l'explique là aussi dans la vidéo de
3:40guide. Donc je je vous y ramène là
3:42aussi. Euh vous avez ici donc un un
3:45simulateur pour savoir pour
3:46l'expatriation donc en en Polynésie
3:48française euh comment euh combien
3:50surtout euh il va vous falloir et et
3:52vous allez pouvoir comme ça simuler avec
3:54vos revenus et cetera, avec toutes les
3:55charges euh les dépenses quotidiennes,
3:57ce soit le loyer et cetera. Donc on
3:59l'explique là dans la vidéo. Euh ici on
4:01a créé un assistant évidemment avec à
4:04l'occurrence ici avec chat GPT. On va on
4:05lui a donné énormément de data. Euh donc
4:08comme on le voit dans le guide, on va
4:09récupérer de la data sur notre site,
4:11ensuite on l'intègre dans notre dans
4:12notre assistant et ensuite on va
4:14travailler avec notre assistant pour
4:15avec notre assistant pardon pour qu'il
4:16puisse euh avoir de la data. C'est très
4:18important même quand vous ville codez
4:19d'avoir la data euh pour vos sites.
4:22C'est essentiel euh de façon à pas non
4:24plus faire n'importe quoi évidemment et
4:26pas donner des chiffres comme ça un peu
4:27hasardeux. L'idée c'est quand même de
4:29rendre un peu service à l'utilisateur.
4:31Donc à l'occurrence essayer de faire
4:32quelque chose de de réel évidemment. et
4:34donc à partir de là euh réussir à à
4:38avoir une data un petit peu voilà
4:39synthétisée dans dans LLM. Donc ça peut
4:42être cloud, ça peut être évidemment chat
4:44GPT ou autre et de venir ici interagir
4:46directement avec l'outil de vibe coding
4:48qu'on va regarder euh pour évidemment
4:51sortir la l'occurrence un simulateur
4:53mais pas que. Évidemment si vous allez
4:54sur vous allez voir il y en a plein.
4:56Vous l'avez sur la santé, vous avez
4:57plein d'exemples ici voyez euh qui sont
4:59assez intéressants. Vous avez un petit
5:01voilà revenu mensuel pour calculer vos
5:03vos cotisations, l'équivalent de la de
5:05la CQ, donc ici la CPS et cetera et
5:07cetera. Donc c'est assez interactif. Et
5:09donc ce qui est intéressant justement
5:10quand on va on fait un site comme ça euh
5:12on va dire sur le le route domaine on va
5:14dire he sur vraiment la base du site,
5:16c'est assez intéressant puisque ça nous
5:17permet d'avoir quand même quelque chose
5:18d'assez qualitatif assez rapidement. Euh
5:20et depuis qu'on a ces outilsl
5:22effectivement sur des sites en fronte.
5:23Donc là l'occurrence vraiment des des
5:26sites vitrine, j'ai envie de dire
5:27quelque part sans sans forcément de de
5:29base ou autre derrière des des choses
5:30très très simples. Ça peut être de
5:31l'HTML ou autre. Ben ça vous permet
5:33comme ça de sortir euh et de livrer
5:35comme ça des pages des des pages super
5:37jolies euh puis qu'en terme du X, il est
5:39euh du X, il se débrouille assez bien.
5:42Euh donc faites des tests promptés
5:43évidemment euh mais bon de base il y a
5:45quand même de de de sacrés trucs. Et
5:47donc si vous venez ajouter évidemment la
5:49data en plus, alors là pour le coup bah
5:51c'est c'est le fun. Vous allez trouver
5:52des trucs assez cool et le gain de temps
5:55n'est pas négligeable du tout.
5:58Euh ici. Donc pour commencer, on a le
Le Vibe Coding : Création du site avec Bolt
6:01domaine, on a posé notre site. Donc ici,
6:04nous on a travaillé directement avec
6:05Bolt pour ce site. Alors Bolt.
6:09Voilà. Donc ça vous permet en gros ici
6:12de venir donc vous avez un ici un un
6:15champ pour faire vos promptes. Vous
6:17allez tout simplement faire votre
6:19demande. Donc crémoi un site et cetera
6:20et cetera et cetera. Euh et puis bah
6:23tout simplement vous allez travailler
6:24depuis le prompt. Ce qui est intéressant
6:25avec Bolt ici, c'est que vous allez
6:26avoir accès au code. Donc comme la
6:27plupart des trucs. Alors, vous pouvez
6:32choisir le framework avec lequel vous
6:34voulez travailler ou directement
6:36euh alors en tout cas avec Bolt, ça va
6:38être beaucoup de JS en fait. Alors, on a
6:40souvent la question de ça se référence
6:42mal. Alors, vous pouvez euh donc il y a
6:45des techniques un peu euh avancées pour
6:48le référencement sur du JS. On va pas
6:51forcément en parler ici, le SSR et
6:52cetera.
6:54Vous pouvez quand même euh je vous le
6:56conseille jeter un coup d'œil ici dans
6:58les librairies qui vont vous proposer
7:00sous bolt. Euh et vous avez des petits
7:02outils pour le SEO. Voilà, il a ils ont
7:04des promptes en fait qui sont déjà euh
7:06préconfigurés, enfin préécrits et qui
7:08permettent comme ça de prémacher le
7:09boulot. Ça se référence, on vous l'a
7:11montré en live. On a indexé nous
7:13notamment le dernier live qu'on qu'on a
7:16fait euh sur la vente des sites euh que
7:19vous pouvez retrouver sur la chaîne où
7:21on vous montre des des indexations de
7:23sites en JS avec 700000 pages indexées,
7:26300000 pages indexées. Donc c'est sur
7:27des sites de programmatique, je pense
7:28qu'on verra aussi là plus tard. Euh mais
7:30globalement voilà, il y a aucun
7:32problème. Ça peut ça peut se référencer.
7:34C'est quand même à apporter tout le
7:35monde. Si vous regardez un petit peu, il
7:37y a il y a aucun problème selon le
7:38projet que vous avez. Alors nous ici, on
7:39n' pas un site avec énormément de pages,
7:41hein. Euh je crois qu'on doit avoir
7:42peut-être allez une dizaine de pages
7:44maximum. La façon d'aborder les choses
7:46ici, ça a été vraiment de faire quelque
7:48chose d'assez euh d'assez qualitatif
7:50pour le coup. Euh puisque vous allez
7:51voir pour le référencement après, alors
7:52évidemment, on le on le référence, c'est
7:54évident notamment avec les backlink. Je
7:55vous ramène à la vidéo euh de domaine
7:58neuf versus expérer et voir le guide. on
7:59en parle beaucoup et puis une vidéo va
8:01être dédiée là-dessus sur des types SEO
8:03vidéo qu'on fera évidemment après la la
8:06conception de site web et quelques-unes
8:07comme ça qui vont arriver histoire de
8:09suivre le projet correctement. Euh mais
8:11déjà ici de base si vous faites un
8:13travail un peu quali normalement avec la
8:15bonne data voilà après évidemment
8:17travailler votre SEO travaille vos
8:18titres et cetera et cetera, c'est quand
8:21même la base. Donc ici site développé
8:24avec Bolt très simplement pour la
Hébergement d'un site React/Bolt : Options & Contraintes
8:26publication on a choisi de l'héberger.
8:27Vous pouvez l'héberger évidemment. Bolt
8:29vous propose d'héberger vos sites.
8:31Alors, via Netifly qui est un hébergeur
8:33pour le coup qui sur jusqu'à 100 Go qui
8:35va être gratuit. Donc vous pouvez
8:37directement l'héberger. Maintenant, si
8:38vous l'hébergez directement sur Bolt, si
8:40vous voulez faire comme nous on a fait,
8:41c'est-à-dire un sous-dossier avec par
8:44exemple vivre en polynésie/blog,
8:46alors là pour le coup euh ça va être
8:48compliqué puisque Netfly n'héberge pas
8:50de de fichier PHP et donc de framework
8:52type WordPress. Donc du coup, ça va être
8:56plus ennuyé. vous allez être obligé de
8:57faire des sous-domaines, voilà, et donc
8:59de l'héberger vous-même quelque part et
9:01de faire un blog point ou un news point
9:03et cetera. Euh donc ici, nous on a fait
9:05le choix de l'héberger évidemment
9:07puisqu'on voulait garder la la main
9:08dessus. Donc c'est un peu plus
9:10contraignant d'une certaine manière
9:11puisque on est en React. Donc on va être
9:13obligé si vous voulez de publier le
9:14site. Une fois qu'on l' publié ici de
9:16venir alors ça va être à peu près avec
9:17tous les les outils de Vipe code de le
9:19télécharger ici. D'accord ? Vous avez
9:21download, donc export download. Et quand
9:23vous allez le récupérer, euh vous allez
9:25avoir un fichier ZIP, vous allez
9:27l'exporter euh enfin l'importer pardon
9:29directement sur votre hébergement et
9:32vous allez récupérer le fichier ce qu'il
9:34y a à l'intérieur du fichier list des en
9:37fait. En gros, vous l'avez là, je vais
9:38vous le montrer, ce sera plus simple.
9:40Euh et non, on l'a pas ici parce que je
9:42ne l'ai pas émulé. on va le faire tout
9:43de suite. Euh et donc en gros ce fichier
9:47va contenir en fait euh ce qui va être
9:50build, ce qui va être construit. Voilà,
9:51c'est un peu la la tech qui qu'il
9:53demande. Et donc dans ce fichier liste,
9:55vous allez prendre ce qui est à
9:56l'intérieur, donc à index HTML, et vous
9:58allez venir le mettre à la racine de
10:00votre fichier. Donc pareil, ça on l' on
10:02l'a pas mal montré, c'est pas très
10:04compliqué. Euh ou sinon vous l'hébergez,
10:06vous faites du surdomaine, pourquoi pas
10:08? Donc nous à l'occurrence ici, on a
10:09hébergé directement notre notre site euh
10:14sur notre machine. Voilà, en gros, alors
10:16ça veut dire que quand vous faites des
10:17changements, si vous les faites avec
10:18Bolt, vous allez être obligé de rebuild,
10:21donc de republier ici par exemple, de
10:23retélécharger et d'envoyer. Sauf si vous
10:25travaillez avec GitHub. Ici, vous pouvez
10:28vous pouvez mettre des ripos, donc c'est
10:29assez pratique. Et ensuite depuis votre
10:33depuis votre hébergement comme ça, faire
10:34des sortes de backup. Alors, je vais pas
10:35montrer ça maintenant. On veut pas
10:36rentrer dans les trucs techniques, même
10:38si c'est pas excessivement compliqué. Le
10:40but, c'est de rester quand même sur
10:41cette partie stratégique. En tout cas,
10:43vous avez un choix assez assez grand
10:45pour héberger ce type de site. Donc
10:47globalement, ça va. C'est pas très
10:48compliqué. Le plus simple reste le de
10:50télécharger le fichier ici, de garder le
10:53le les fichiers que vous avez dans ce
10:55fichier donc pour le coup et de venir
10:58tout simplement les mettre à la racine.
10:59Et puis quand vous faites des updates,
11:00et ben vous écrasez les anciens et puis
11:02vous refaites l'opération. il y a pas de
11:03problème. Ici donc on va avoir Bolt qui
11:06est assez pratique pour le coup qui est
11:08qui est pas mal avec des prix qui sont
Alternatives à Bolt : V0, Lovable, Google AI
11:10qui sont assez corrects. Ensuite je veux
11:12quand même vous montrer les autres. Ici
11:14on a V0 qui est pas mal du tout euh donc
11:16de Versel. Voilà pour ceux qui
11:18connaissent. Euh donc ici pareil hein.
11:21Alors moi je le trouve quand même plus
11:22puissant euh sur certains projets. Il
11:24propose des figures assez intéressantes
11:26pour le coup aussi. Alors tous ils
11:27proposent sur super base par exemple
11:29pour la baseur, j'en parle pas ici
11:30évidemment parce que euh sur notre
11:33projet on n pas eu le besoin pour
11:34l'instant en tout cas euh de de générer
11:36une base de données, enfin de créer une
11:37base de données, enfin de travailler
11:38même avec une base de données. C'est du
11:40du pur front. Euh
11:43mais voilà, si en tout cas vous en avez
11:45besoin, vous voyez les les les sites de
11:47Vibec, ça vous propose de travailler
11:50avec
11:52Super Base principalement. Vous avez
11:53Stripe aussi, vous avez plein de plein
11:55de pluging enfin plein d'adon pardon qui
11:57sont plein de tiers en tout cas qui sont
11:58plugués là-dessus. C'est assez
12:00intéressant. Vous pouvez pousser donc V0
12:01pas mal du tout. Euh voilà, vous avez
12:03Google AI aussi qui est qui est sympa.
12:04Je l'ai pas mis dans la liste ici mais
12:06pareil vous pouvez travailler, il y en a
12:08beaucoup hein, vous pouvez travailler
12:09avec. J'ai mis l'ovable évidemment euh
12:12qui est qui est très sympa aussi.
12:14Voilà, je crois qu'il est un peu moins
12:15cher que Bolt si je dis pas de bêtises à
12:17vérifier, mais enfin on reste quand même
12:18sur des gammes. Voilà, donc ici voilà,
12:20vous avez il y a plein d'exemple hein
12:22qui sont qui sont là, vous pouvez aller
12:24voir plein de sites qui ont été générés.
12:26Donc c'est assez intéressant, c'est
12:27assez simple d'arriver à sortir quelque
12:29chose de très joli si vous êtes un peu
12:31créatif. Euh voilà, ce que ce qui ce qui
12:33est important à retenir, ça vous si vous
12:35gagnez du temps sur la conception, ben
12:38passer du temps par exemple sur la data
12:40récupérer de la bonne data, essayer de
12:41faire des choses un peu un peu clean.
12:43Euh ensuite, les choses un peu plus, on
12:45va dire simples, bah vous avez tout
12:47simplement cloud avec les artefacts
12:48notamment qui sont qui sont pas mal. Euh
12:50donc si vous avez vraiment euh un site
12:54un site monopage euh et vous avez juste
12:56un index à faire, bah pourquoi pas le
12:58faire directement sur cloud ou
13:00directement sur chat GPT évidemment.
13:03Donc là, vous avez l'option euh vous
13:05avez l'option ici euh Canva qui est pas
13:08mal qui vous permet donc pareil d'avoir
13:11une interface un peu à la à la bolt hein
13:14globalement. Vous allez avoir le code,
13:16vous allez pouvoir lancer évidemment
13:17votre euh votre votre preview en fait et
13:20cetera. Donc c'est pas mal. Voilà, si
13:22vous avez des petits trucs à faire comme
13:23ça, plutôt que tout de suite de passer
13:25par Bolt ou autre, passer directement
13:26sur chat GPT. Je pense que beaucoup
13:28d'entre vous le font. C'est intéressant.
Coder en local : VS Code, Codex & GitHub Copilot
13:31Nous, ce qu'on aime bien et ce qu'on va
13:32aller évidemment
13:34favoriser au maximum, c'est de
13:35travailler directement en IDE. Donc dans
13:38l'IDE directement, vous avez la
13:40l'occurrence Visuelle Studio Code.
13:43Voilà, très connu. Euh donc là aussi, si
13:46vous avez un abonnement de chat GPT
13:47plus, vous allez retrouver ici en en
13:49appli en extension, pardon, directement
13:52Codex. OK ? Codex qui va vous embarquer
13:55tout simplement un prompting euh dans
13:58l'IDE. Alors vous avez Cloud aussi he
14:00voilà, je vais le mettre là. Bon ça fait
14:01un peu doublon mais vous avez compris
14:02l'idée. Donc soit Cloud Code ou soit
14:05Codex. Donc qui sont généralement
14:06valables directement depuis vos
14:09abonnements
14:10comme le Plus ou le Pro ou sinon vous
14:12pouvez pluger les API aussi hein, il y a
14:14ça marche aussi bien. Euh et donc là ce
14:16qui est intéressant c'est que vous allez
14:17pouvoir travailler en local en fait.
14:19Donc là où Lovable, le Bolt et cetera
14:21euh vont travailler beaucoup en JS et
14:23cetera. Donc c'est sympa aussi. Mais si
14:24vous êtes plus à l'aise avec de l'HTML
14:25par exemple, ben ici vous allez avoir la
14:27la possibilité de lancer donc Codex,
14:30donc un GPT5 codex qui va vous permettre
14:33en gros euh de venir comme ça. Il a il a
14:35la main sur les fichiers, donc il va
14:36même pouvoir générer des fichiers en
14:37plus et cetera. Donc vous restez en
14:39local, nous c'est on travaille
14:41principalement comme ça. Donc soit avec
14:42Cursor, Winsurf euh ou euh ou
14:45directement Visual Studio Code he qui
14:46est très bien. Alors Cursor Winsurf,
14:48c'est quand même des idées qui sont
14:49dédiées comme ça à Lia euh donc qui
14:51intègre vraiment bien les euh les
14:53modèles d'IA si vous voulez travailler
14:54avec plusieurs modèles et cetera. Sinon
14:56si vous êtes old school comme nous, bah
14:58franchement ça fait largement le café
15:00sur Visual Studio Code par exemple.
15:01Voilà, c'est très bien si vous voulez
15:03faire comme ça des petites landing page
15:04ou des petits sites de 10 15 20 pages.
15:06Honnêtement, c'est en plus c'est
15:08directement inclus dans votre abonnement
15:09chat GPT. Donc pour le coup ça vous
15:11évite de payer aussi du du bol et
15:15cetera. Bref, tout dépendra de vos
15:16projets. En tout cas, voilà, vous avez
15:19globalement la main sur pas mal de
15:20choses dans Vipec. Il y a énormément de
15:23énormément de choses et de et c'est pas
15:25fini. Je pense qu'il va y avoir encore
15:27plus de de trucs qui vont sortir. Voilà
15:30pour ce qui est du Vibe Code. Euh bon,
15:31je sais que beaucoup d'entre vous
15:32connaissent. En tout cas, voilà, c'est
15:33assez intéressant pour poser en tout cas
15:35la base du site euh évidemment. Donc si
15:38vous voulez pousser évidemment, je vous
15:39conseille de d'avoir quelques bases
15:41comme ça sur depuis Open Classroom,
15:43hein. Déjà, vous allez voir, il y a
15:44plein de choses à faire, connaître un
15:45peu de CSS et cetera. C'est toujours
15:47sympa de d'avoir même ne serait-ce qu'un
15:49petit peu de comprendre ce que vous
15:50voulez faire et de faire comprendre ça
15:52au LLM. Ça c'est quand même bien d'avoir
15:53un peu de vocabulaire aussi, de
15:55connaître quelques librairies euh de
15:57façon à à faire une demande comme ça
15:59directement à vos outils de Vicob de
16:01Vibe Code pardon. Euh maintenant c'est
16:04pas obligatoire évidemment mais c'est
16:05toujours bien de savoir ce qu'on fait
16:06pour le coup. Alors là, une fois de
16:07plus, je vais me répéter, mais on part
16:09sur des projets qui sont relativement
16:10simples. On est sur des des purs sites
16:13front, il y a pas de base de données une
16:14fois de plus, il y a pas tout ça. Euh
16:17donc à l'occurrence, c'est des choses
16:18qui sont assez bien maîtrisables en Vipe
16:21Code. Le fait après d'aller un petit peu
16:23plus loin, voilà, ça devient un peu plus
16:24des fois complexe aussi. Euh et puis
16:27après, voilà, on c'est c'est à notre
16:29débat sur tout ce qui est sécurité et
16:31cetera. Euh là, ici, on va s'arrêter euh
16:33typiquement à ce qu'on est en train de
16:34faire, c'est-à-dire notre projet euh
16:36tout simple. Euh et donc on va passer
16:39donc à la suite euh avec donc le blog
La partie Blog : Pourquoi utiliser WordPress en complément ?
16:43tout simplement. Donc ici, on revient
16:45donc sur le site qui a été fait donc ici
16:47à l'occurrence avec Bolt. Euh
16:51maintenant ce qu'on veut c'est aussi euh
16:55là on s'est concentré beaucoup donc sur
16:56les sur les users, le simulateur et
16:58cetera et cetera, la bonne data, tout
16:59ça. Maintenant, ce qu'on voudrait c'est
17:00quand même avoir une espèce de fraîcheur
17:03comme ça sur le site. Alors évidemment,
17:05il y a YouTube, on en parlera ça vous
17:07l'z dans le guide, on fera sûrement la
17:08prochaine vidéo là-dessus.
17:10Euh globalement, ça va être de faire
17:12vivre le site avec du contenu euh qui
17:15pour le coup va se retrouver sur
17:16WordPress. Donc tout simplement ici.
17:19Donc vous avez des liens euh donc vous
17:21avez des liens directement qui sont en
17:22interne avec le vivre en Polynésie, donc
17:24le simulateur et cetera et cetera. Et
17:26ici par exemple, vous avez euh les îles
17:29avec par exemple voilà Vivrat Tahiti,
17:31donc toutes les îles de Polynésie avec
17:34Vivra et cetera et cetera. Tout ça euh
17:36donc pour le coup, c'est pas interne à
17:37ce au site qui a été vibe codé. Ici, ça
17:40ramène sur des pages euh qui sont
17:42directement faits avec WordPress. Euh
17:44ici, pareil sur par exemple visiter la
17:46Polynésie, euh budget, itinéraire,
17:48croisière et cetera. Vous voyez ici, on
17:51a des petits euh des petits cornerstone
17:53d'une certaine manière, c'est des des
17:55des pages un petit peu profondes mais
17:57qu'on estime être cool et importante
17:59pour le site, qu'on va directement sur
18:01la page d'accueil notamment et sur les
18:02autres pages aussi de façon à ce qu'elle
18:04soit déjà inaccessible par euh par les
18:07users en mettant les grosses requêtes.
18:09OK ? ce que vous allez retrouver par
18:11exemple ici, voilà le budget, conseil
18:13voyage, croisière, itinéraire, lune de
18:15miel, toutes ces pagesl donc qui sont
18:17des pages, OK, qui ne sont pas des non
18:19qui sont des articles, pardon,
18:20excusez-moi là-dessus, c'est des
18:22articles. Euh c'est typiquement les les
18:25euh les tops requêtes euh qui ont été en
18:29SEO, d'accord ? les les mots clés, on va
18:31dire entre guillemets, les plus tapés
18:34autour de euh le le la requête
18:38globalement de vivre en Polynésie. Voilà
18:40les demandes qui sont faites. Donc vous
18:41avez plein d'outils burgest observer euh
18:44à scan et cetera. Donc ça vous
18:45connaissez qui vous permettent comme ça
18:46de voir euh un petit peu, on en parle
18:49aussi dans la vidéo guide hein. Donc si
18:50vous l'avez pas vu, je faites pause,
18:52allez voir la vidéo guide et puis
18:53revenez après évidemment euh qui vous
18:56permettent comme ça d'aller voir un
18:57petit peu euh de valider votre projet
Stratégie SEO : Pages vs Articles (Silos & Maillage)
19:00d'une certaine manière et puis de faire
19:01une petite petite étude de cas comme ça
19:02pour valider vos idées. Donc euh on a
19:05travaillé au niveau du blog. Ici vous
19:07avez les îles par exemple. Donc là c'est
19:08des pages. On a choisi de faire des
19:09pages ici directement. Euh donc pareil
19:13hein avec classé. Alors nous on l' on
19:14l'a classé évidemment par Archipel
19:17puisque ici c'est grand. Donc voilà
19:18Vivra Tahiti donc l'idée c'est d'essayer
19:20de de s'indexer là-dessus sur vivra une
19:22île euh tout simplement. Et donc voilà,
19:25vous avez une page par île qui est donc
19:27évidemment euh pingué hein, donc linké
19:31directement depuis le site principal.
19:32D'accord ? Donc ça se va. vous envoyez
19:34les URL, faut d'abord faire le blog, le
19:36Oui, enfin le blog, envoyer les URL,
19:37ensuite après
19:39de façon euh à les intégrer tout
19:41simplement sur le site. Euh donc ici, on
19:45est sur du blog WordPress. OK, tout
19:48simplement avec euh des pages euh et euh
19:52et des articles. Alors,
19:55globalement, page article comment nous
19:57on s'en sert sur WordPress. Ensuite, je
19:59vais vous montrer l'installation. Alors,
20:01c'est très simple. à partir du moment,
20:03alors je sais qu'il y a il y a il y a
20:04plein de façons de faire. Nous, on prend
20:06ce principe là, c'est-à-dire que quand
20:09on veut faire par exemple euh un espèce
20:12de silo par exemple de page avec une une
20:14espèce de logique avec des pages mères,
20:16des pages filles et cetera de façon à
20:17avoir une relation comme ça comme les
20:19îles par exemple, euh on va avoir
20:21tendance à faire des pages. C'est des
20:23choses qui sont intemporelles. Ce sont
20:24des pages web. Voilà. Quand on va faire
20:26de l'article, généralement on va on va
20:28on va faire alors je vais dire les
20:30choses un peu temporelles, non ?
20:31vraiment on est dans le style d'article,
20:33vous voyez, ça va être des questions,
20:35des choses comme ça, des ce qui est un
20:36peu plus,
20:38on va dire un peu plus dans l'actualité
20:40d'une certaine manière, des choses qui
20:42ont tendance même à à bouger un petit
20:44peu. Euh voilà, donc généralement, on
20:46travaille de cette manière, c'est très
20:47simple. Voilà, on a tendance à faire
20:48plus de pages des fois que que
20:49d'articles. Euh voilà, c'est notre façon
20:52de de faire selon les projets bien sûr.
20:55Euh donc voilà, puisque c'est pas traité
20:57vraiment de la même manière pour le
20:58coup. Euh en tout cas, nous c'est notre
21:01avis. Ce qui va nous intéresser, c'est
21:03comment on a fait évidemment. Euh alors
21:06pour se faire, très simple, je vais vous
21:07donner deux trois astuces là-dessus. Euh
21:10au niveau donc du blog, ce que je vous
21:11conseille déjà et d'une, c'est que euh
21:14selon avec qui vous vous travaillez,
21:16alors ici on est sur PLK, OK ? Euh vous
Astuce : Utiliser le template WordPress gratuit "Fredix WP Template"
21:20avez donc ces panels avec de switch,
21:22vous avez bref, vous avez même
21:23directement si vous êtes chez Hostinger,
21:25vous allez avoir aussi directement des
21:28interfaces et cetera. Donc je vous
21:29conseille une chose, c'est qu'on va voir
21:30comment on installe le site. Euh c'est
21:32de vous faire une un un template qu'on
21:34va vous donner ici en lien préconfiguré.
21:36Mais une fois que vous avez bien
21:37configuré votre votre site template, on
21:39va dire, donc qui est bien réglé, la
21:40sécurité, tout ça tout ça, ce qu'on va
21:42regarder, c'est de venir comme ça dès
21:44que vous avez un truc à installer, c'est
21:45de cloner directement. Ici, voyez, vous
21:46avez un petit bouton cloné, vous allez
21:48le retrouver dans pratiquement
21:50évidemment tous les émergeurs. C'est
21:51très pratique. Vous configurez quelque
21:53chose de de de régler de vierge. Ça vous
21:56évite en fait de réinstaller un
21:57WordPress vierge à chaque fois, de
21:59réinstaller vos pluggings, de régler vos
22:01pluggings. On perd un temps de zinzin.
22:03Et c'est pour ça qu'on vous propose de
22:04manière complètement gratuite euh Fredix
22:08WP template. Donc en fait, en gros,
22:09c'est quoi ? C'est une configuration
22:10qu'on vous a faite qui est qui est
22:12gratuite, hein. Vous allez sur le lien
22:13dans la description. Euh et en gros vous
22:17euh voilà, vous mettez zéro, vous le
22:18vous le récupérez. Et en gros, c'est
22:20quoi ? Ben c'est une configuration de
22:22site euh déjà optimisé, déjà sécurisé et
22:25cetera et cetera. On va regarder tout de
22:26suite. Euh vous euh installez un
22:30WordPress donc qui va être vierge. Donc
22:32à l'occurrence, par exemple ici euh on
22:34va être sur un WordPress qui est qui est
22:35vierge. Vous installez ce plugin. Donc
22:38vous suivez évidemment la la Todo, hein,
22:40quand vous avez récupéré le plugin. On
22:41vous explique comment se loguer et
22:42cetera. Donc vous installez un WordPress
22:44Vierge. Dans ce WordPress Vierge euh
22:46vous allez installer euh WP Vivid Backup
22:49Pluging. Donc en gros, c'est simplement
Installation rapide : WP Vivid Backup & Configuration optimisée
22:51un plugin qui vous permet d'envoyer un
22:52fichier ZIP, OK ? Que vous allez
22:54récupérer donc directement euh quand
22:56vous allez récupérer comme ça le le
22:58template euh enfin la configuration
23:01pardon. Une fois que c'est fait, vous
23:02allez sur donc sur le plugin bien sûr
23:04sur téléverser et vous allez voir, il y
23:06a toute une R map de toute façon qui
23:07vous explique comment on fait avec des
23:08vidéos et cetera. C'est très simple.
23:10Vous venez ici directement uploader euh
23:12le fichier ZIP. Ensuite, vous l'envoyez
23:16et puis en gros ça va écraser votre
23:17config actuel par la config que vous
23:19avez uploadé, c'est-à-dire euh WP
23:22Freudix WP template. Et en fait, vous
23:24allez vous retrouver tout simplement euh
23:26ici avec vous voyez un un WordPress qui
23:31va être directement, attendez, je vais
23:32aller dessus, ce sera plus simple. Euh
23:34si j'y arrive en tout cas, voilà, il
23:36sera directement euh
23:39installé et réglé en fait. D'accord ?
23:41Donc
23:42tous les plugins qui vont être euh
23:44compris dans cette config euh sont
23:46évidemment gratuits, normal euh et sont
23:50réglés. Voilà, donc vous allez avoir la
23:52sécurité. Alors, c'est que c'est des
23:53choses de base évidemment mais qui sont
23:56voilà, c'est ce qu'il faudrait de à
23:58notre sens au minima sur un WordPress
Revue des plugins essentiels (Sécurité, Cache, SEO, Image)
24:00parce qu'on sait que c'est un peu des
24:01gruyères au niveau de la CQ. Euh
24:05et donc à partir de là, je pense qu'il y
24:06a un minimum à faire notamment
24:08d'optimisation. Donc ici, on va
24:09regarder, on a All in euh euh All inone
24:12Security qui est un plugin qui euh qui
24:14fait le café au niveau de la de la CQ.
24:16Ici vous avez euh 10 blog info, ça vous
24:18permet de mettre un shortcode et
24:19d'appeler le nom du site. Donc c'est
24:20très pratique notamment pour les
24:21mentions légales et cetera qui sont déjà
24:22compris dans le site. On vous a quand
24:23même créé les premières pages. Euh easy
24:26table of content, c'est ça vous permet
24:29d'avoir des sommaires directement euh
24:31dans vos dans vos articles. Euh ici vous
24:34avez image optimizer qui vous permet en
24:36fait de compresser les images que vous
24:37allez générer code automatique notamment
24:39normal - 20 % avec le code Prodix. Euh
24:42et on va regarder après comment on fait.
24:44Et ensuite euh aussi évidemment si vous
24:45supposez une image, ça la compresse, ça
24:47évite de perdre en qualité. Vous pouvez
24:49aussi supprimer l'image de de base pour
24:51essayer de d'alléger vos serveurs. Euh
24:53voilà, c'est très important parce que
24:54des fois les images qui plombent et
24:55voilà Gutenberg, Index Now de Bing et
24:58Yandex. Donc ça vous permet d'envoyer
24:59comme ça des URL directement pour Bing
25:01et Yandex. Euh, ça mange pas de pain.
25:03Inline, relaté de poste, ça vous permet
25:05de faire un petit maillage. Vous aimerez
25:07aussi deux points en plein milieu de
25:08l'article et donc mailler en fonction de
25:10vos caté, de vos tags. Alors, c'est pas
25:11un truc de maillage extraordinaire, mais
25:13c'est bien de l'avoir tout simplement.
25:15Ça met en relation des articles
25:16directement dans le le contenu de vos
25:18articles. Euh un cache avec Light Speed
25:21très connu euh très connu avec du pré de
25:24la préconfig aussi qui est qui est très
25:25bien. Euh LWS Cleaners qui est
25:27enregistrat qui a fait un clean. On va
25:29regarder, vous allez voir, c'est assez
25:30pratique. Bon, ici nous avons
25:31Automaticai bien évidemment, rankmat
25:34euh pour le coup pour alors les pluging
25:37SEO là, c'est pareil, on évite d'en
25:39mettre une tartine, rankmat, yost SEO,
25:42SEO press sont bien. Ça vous rajoute des
25:44canonicoles. Alors, c'est pas forcément
25:45il y a obligatoire, mais on va dire que
25:47ça prémache un peu les quelques schémas
25:49et cetera. C'est pratique, ça mange pas
25:51de pain. Moi, je vous conseille quand
25:52même de le mettre. Euh vous pouvez
25:54personnaliser à droite à gauche, par
25:55exemple, supprimer euh des euh
25:57l'indexation de euh des archives
26:00notamment. Voilà, c'est ça sert à rien,
26:01c'est doublon. Euh vous avez déjà les
26:03catégories, donc euh ça voilà ceux qui
26:05veulent désindexer par exemple aussi les
26:07pages d'auteur, pourquoi pas euh sur
26:09certains projets, il y en a qui le font,
26:10les tags ou autres. Bref, voilà, ça peut
26:13être pratique. Simple local avatar. Donc
26:15tout simplement hein, ça vous permet si
26:16vous n'avez pas envie d'apparaître à
26:17Graavatard, si vous êtes sur un PBN et
26:20euh que vous ne voulez pas euh
26:22évidemment euh faire apparaître votre
26:24tête avec qui correspond à votre mail,
26:26bah ici vous pouvez uploader directement
26:27ou générer avec automatique un profil.
26:29Euh super progressive web app, ça vous
26:32permet en fait d'optimiser euh de sur
26:34mobile, c'est sympa en fait ça vous
26:36personnaliser le le l'icône par exemple,
26:39le nom et cetera. Voilà, c'est euh c'est
26:41euh c'est un petit truc toujours sympa
26:44de l'avir. Ça passe un peu mieux dans
26:46dans quand vous faites un quand vous
26:49passez par exemple sur un au Progressive
26:51App, vous voyez ce genre de de chos en
26:53fait, ça vous permet de d'avoir un rendu
26:55par exemple de de votre site un petit
26:57peu avant tout ça. Bon, c'est une petite
26:58optior. Voilà, on l'a mis pour si vous
27:00voulez vraiment éditer les fichiers de
27:03de vos sites directement dans le code
27:06euh WordPress importeur de base WiP
27:09WP404 autour au direct ou similar post
27:12euh un long nom mais qui est bien. Ce
27:15pluging est bien parce qu'il vous permet
27:17en fait si vous avez par exemple un
27:18domaine expiré
27:21et que forcément vous avez des liens qui
27:24pointent vers les anciens articles et
27:26cetera et cetera ou voir même des encore
27:29des pages indexées dans Google que vous
27:32n'avez pas recréé ou en tout cas qui
27:33sont voilà. On vous on vous conseille
27:35évidemment quand vous partez sur un expi
27:37qui est pas le cas ici mais de de
27:38remonter l'ancien contenu. Ça c'est
27:40important euh si vous pouvez et puis des
27:43fois voilà on n pas exactement la la
27:46même chose ou selon le projet. Là ce qui
27:48est bien c'est qu'en gros si quelqu'un
27:51arrive sur l'URL et que dans l'URL il y
27:54a vivre en Polynésie française et que
27:56vous avez une page qui ressemble en
27:58titre d'accord par exemple s'expatrie en
28:00poésie. Donc l'URL n'est pas exactement
28:02la même. Au lieu de tomber sur une 404,
28:04le plugging va rediriger vers un poste
28:07similaire, voilà, en 301. Donc ça va
28:10automatiser d'une certaine manière vos
28:11301 en fonction des postes qui vont être
28:14similaires. Voilà, c'est pratique quand
28:15on oublie notamment de de faire
28:17certaines pages et cetera. Voilà, ça
28:18peut être ça peut être cool. Euh WP
28:20armour qui permet de d'éviter, voilà,
28:22c'est un antispam tout simplement devant
28:24les commentaires, euh le le log et
28:26cetera. Euh WP contrôle pour les tches
28:29chron. Euh ça souvent on vous demande de
28:31l'installer avec quand vous avez des
28:32problèmes avec auto, ça peut arriver.
28:34Euh et WP S page euh page pardon, qui
28:37vous permet de faire un site map en
28:39HTML. Voilà, c'est pratique. Nous, on
28:40aime bien le faire. Bon, ça permet
28:42d'avoir un S map XML évidemment de base
28:44euh avec Rankmat notamment, mais sinon
28:46vous l'avez de base et puis bah pourquoi
28:47pas d'avoir un plan HTML sur le site.
28:51Voilà, moi je trouve ça bien même pour
28:52les utilisateurs, c'est pratique. Euh
28:55donc euh voilà. Donc en gros, vous
28:58voyez, c'est assez simple, il y a pas
28:59150000 plugins non plus. On a mis des
29:01bases en SQ, on a mis des bases en Opti
29:03aller un peu plus loin. Mais l'avantage
29:05ici, c'est que ça vous permet quand même
29:07d'avoir une config WordPress qui est
29:09totalement gratuite, hein. Donc je me
29:10répète he WP template que vous avez dans
29:13en description de la vidéo. Euh vous
29:15téléchargez le ZIP, vous l'uploadez donc
29:18avec
29:20WP Vivide backup. Donc c'est un fichier
29:22ZIP, vous lui uploadez, c'est gratuit
29:23hein, bien sûr, il y a pas de problème.
29:24Et hop, vous allez vous retrouver bah
29:26avec cette config hein, tout simplement
29:27déjà toute faite. Alors évidemment, vous
29:29allez mettre le nom de votre site hein
29:30euh et cetera. Donc euh les réglages
29:33aussi sont faits bien sûr. Euh donc je
29:36vous laisse regarder et adapter hein euh
29:38en fonction de de votre projet. Là
29:39aussi, nous on a mis on a mis des choses
29:41de base notamment au niveau de la CQ.
29:43Donc il y a des choses, on va pas tout
29:46tout regarder, je pense ça sert à rien.
29:48Mais euh vous allez avoir par exemple au
29:49niveau des bruits de force, on a activé
29:51évidemment par exemple la page de
29:53connexion.
29:55Euh ça c'est un truc voilà, c'est des
29:57trucs de base. Par exemple WP admin ou
29:59logging, euh bah ça ça faut éviter parce
30:02que bon c'est connu. Donc vous pouvez
30:05renommage renommer pardon la la page de
30:07connexion. Euh donc ça c'est pas mal.
30:09par exemple. Voilà, vous pouvez mettre
30:10un truc un peu un peu boui euh pour le
30:12coup et euh pour éviter voilà que que
30:15les gens trouvent trop facilement ce
30:16genre de truc, éviter les bruits de
30:17force. Donc ça ça va être des bottes en
30:19gros qui vont venir tester votre page de
30:21log. Voilà, vous avez des CQ qui permet
30:23aussi de déconnecter un et et de de ban
30:26une adresse IP de quelqu'un qui a saisi
30:29par exemple trois fois le le un mot de
30:31passe erroné. Bon ben, il se fait
30:32éjecter tout de suite, il a plus accès.
30:34Alors ça, il peut y aller avec un VPN
30:35tout ça, mais là on parle de bruit de
30:36force. euh vous avez la possibilité de
30:38mettre des capchats. Bon, en gros,
30:39voilà, c'est des petits trucs euh voilà
30:42sécuriser votre votre BDD. Euh par
30:44exemple aussi en en renommant les vos
30:46préfixes de de de vos bases données.
30:48Voà, ça c'est pareil. Euh c'est toujours
30:50WP_. Bon ben là ça la ça la change. Euh
30:55vous avez pas mal de choses hein. Vous
30:56avez des parfeux à droite à gauche. Vous
30:58avez des indexes ou des achetés access
31:01notamment des indexes qui vont venir se
31:02mettre dans chaque dossier de de vos
31:05sites pour éviter comme ça de de euh de
31:08d'accéder directement à des dossiers.
31:09Bref, c'est beaucoup de choses qui sont
31:11basiques mais qui sont importantes euh
31:13notamment pour voilà du de de l'attaque
31:16comme ça par bruit de force, par botte
31:17et cetera. Voilà, c'est c'est vraiment
31:19des bases mais qu'il faut mettre en
31:20place et franchement iOS est bien pour
31:23ça. Voilà, il s'en occupe plutôt bien.
31:25C'est gratuit, on peut toujours aller
31:26plus loin, c'est évident mais bon déjà
31:28c'est pas mal. Après, vous avez LWS
31:30Cleaner qui est bien aussi. Donc là, par
31:32exemple, ça vous permet si vous voulez
31:33de alors là, ça va être plus de
31:35l'entretien de de votre WordPress. Par
31:37exemple, si vous voulez pas mettre les
31:38mains dans le camboui, les révisions de
31:40postes, les brouillons, les commentaires
31:41et cetera et cetera. Voilà, si vous
31:43voulez en fait dégazer un peu les les
31:45choses non utilisées, vous pouvez les
31:46supprimer là. Euh, évidemment, vous
31:48pouvez supprimer les révisions, éviter
31:50les révisions depuis le double P config
31:51en disant false, c'est vous ne pas
31:54enregistrer les révisions. On l'a pas
31:55fait, on n' pas interagi là-dedans.
31:57Pourquoi ? Parce que bah peut-être qu'il
31:58y en a certains d'entre vous qui euh qui
31:59qui veulent la config et enregistrer euh
32:02des brouillants de de leur de leur
32:03contenu, ce qui est normal. Donc voilà,
32:05donc on vous a mis ce petit plugging qui
32:06est qui est sympa, qui est pratique. Euh
32:10voilà, tout simplement. Ensuite, bah
32:11Light Speed Cash que là aussi très très
32:14connu là aussi qui vous permet de pour
32:17le coup de de d'avoir un cash assez
32:19qualitatif et gratuit hein pour le coup
32:22la version gratuite est est pas mal.
32:24Donc après, si vous avez vraiment
32:25beaucoup de monde et cetera, adaptez-le
32:26mais pourquoi pas en premium. Regardez
32:28peut-être du côté du serveur d'abord
32:29bien sûr, mais voilà, vous avez des
32:31préréglages. Alors, on a mis celui-là
32:32tout simplement parce que bon, il est il
32:34est free mais il est bien parce que
32:35voilà, vous des petites préconfigs qui
32:37sont là. Alors faites gaffe he je vous
32:38donne le quand vous activez un
32:40préréglage ici bon de toute façon il
32:41vous le marque donc lisez bien la les
32:43les rec que vous avez mais globalement
32:46euh
32:48vous êtes connecté vous avez pas de cash
32:49souvent quand vous êtes connecté donc
32:50vous allez activer le cache vous allez
32:52voir votre site vous allez dire bah
32:53c'est cool c'est bon tout va bien et
32:55puis quand vous allez voir non connecté
32:56par exemple faites une navig privée vous
32:58allez voir votre URL parce que des fois
33:00le rendu CSS JS peut-être bloqué si vous
33:03avez mis un quelque chose d'un peu
33:04agressif au niveau du cash et ça va tout
33:06péter en en fait tout simplement ça va
33:07tout bloquer. Donc pensez à les vérifier
33:09comme ça. Donc c'est c'est connu mais
33:11enfin je préfère vous le dire quand
33:12même. Euh voilà. Qu'est-ce qu'on a
33:15d'autre ? Voilà, on a tout un tas de
33:16petits trucs. Donc Rankmat qui est réglé
33:18aussi he je vous laisse aller regarder
33:19tout ça. C'est des choses assez assez
33:21basiques.
33:22Mais en tout cas voilà donc le GAN il
33:23est il est assez cool. Euh et donc voilà
33:26pour le coup bah ça vous permet d'avoir
33:28d'avoir un WordPress comme ça qui va
33:29être préconfiguré.
33:32Je me répète donc c'est gratuit
33:34évidemment. Euh donc voilà. Donc
33:39en gros ici le site Vibe Codé. OK. Donc
33:41je vous ai donné à peu près tous les
33:43tous les gros on va dire acteurs de de
33:45Vibe Coding en passant évidemment avec
33:47Claude et et GPT de base plus évidemment
33:49le reste. Je vais pas parler de local
33:50euh parce que vous pouvez générer en
33:52local évidemment. Vous avez Mistral qui
33:54a une version qui est pas mal. Euh Quin
33:56Code aussi qui est pas mal en local.
33:58Donc ça dépend de la bécan que vous
33:59avez, c'est toujours pareil.
34:01Voilà, je je vous laisse regarder tout
34:02ça. Peut-être qu'en live, on essayera de
34:04de faire quelques trucs sympas, c'est
34:07prévu. Euh
34:10ensuite euh le blog donc qui a été
34:12installé là aussi, donc depuis WP
34:14template, hein, pour le coup euh avec
34:17voilà donc quand on parlera du SEO,
34:19peut-être qu'on se penchera un petit peu
34:20justement sur les strates, on aura
34:22l'occasion d'en parler main et main et
34:24main de fois. Euh ici. Donc pourquoi le
34:26blog ? tout simplement ça nous permet
34:29d'éviter de toucher en permanence au
34:30site lui vraiment pour le coup à à à
34:33vocation à avoir quelque chose d'un peu
34:35d'un peu différent sur les simulateurs
34:36et cetera c'est un projet qui est voilà
34:39qui est qui est plutôt cool. Je vous
Automatisation du contenu avec Automatique AI (Plugin WordPress)
34:40ramène au guid une fois de plus pour
34:41aller voir la stratégie qu'on a utilisé
34:43sur et notamment les monétisations qu'on
34:45a mis en place sur ce site et la strade
34:47globale. Euh donc là ça nous permet
34:50voilà de d'automatiser puisqueidement
34:51vous avez automatique. permet
34:53d'automatiser vos contenus et pas que de
34:55suivre vos sites depuis Studio avec
34:57Google Search Console et cetera et
34:58cetera. Mais là l'occurrence automatique
35:01qui permet donc de de venir comme ça
35:03rajouter des contenus, il y a des
35:04campagnes qui sont mis en place
35:06euh de façon en autopilote pour avoir
35:09comme ça tous les jours comme un blog
35:11des des contenus qui vont venir se
35:12créer. Donc ici, on est sur la version
35:13le plugin WordPress. Évidemment, vous
35:15avez une version web disponible euh pour
35:17gérer tous vos sites, si vous en avez
35:18plusieurs comme ça depuis une seule
35:19interface, mais vous avez aussi la
35:21possibilité de vous loguer directement
35:22sur votre site et d'avoir accès depuis
35:24le plugin, donc là où on est. Donc
35:25voilà, par exemple ici, si on prend euh
35:27les générations autopilotes, euh donc
35:29vous avez la création de contenu. Euh si
35:31vous voulez faire un contenu comme ça,
35:32one shot, aucun problème. Vous avez un
35:33assistant aussi qui vous permet voilà
35:35d'aller un peu plus loin euh et de venir
35:38interagir avec le contenu si besoin.
35:39Ici, on est en autopilote. Donc comme
35:41vous pouvez le voir ici, on a développé
35:42les contenus là aussi en one shot. Vous
35:44pouvez voir ici des campagnes en cours
35:46euh, vous voyez, en bulk et cetera qui
35:49vont venir alimenter le site de manière
35:51régulière. Donc ça peut être une fois
35:52par jour. Et ensuite voilà, tout
35:54simplement si on rentre dans les
35:55projets, donc ça c'est des contenus qui
35:56ont été automatisés, qui ont été faits
35:57en un coup. Euh donc en IA euh tout
36:01simplement, on peut voir ici la
36:02configuration qu'on a mise. Donc voilà,
36:04un profil de rédaction qui a été créé
36:06depuis depuis directement automatique.
36:09Euh vous avez accès évidemment à tous
36:11les modèles ici avec vos clés API, donc
36:14Gini, Mistral et cetera, Cloud. Voilà.
36:17Donc ici, on a pris du 4 41 mini. Euh ce
36:19qu'on veut à l'intérieur, euh la
36:21longueur du texte. Donc ici, on est sur
36:23de la version simplifiée, he sur
36:24l'autopilote. Si vous passez par
36:25l'assistant, évidemment, vous avez
36:26quelque chose de plus costaud. Vous
36:28pouvez essayer gratuitement d'ailleurs,
36:29sans aucun problème. Voilà le style
36:31d'écriture. Ensuite, au niveau des
36:32images, ici, on a pris GPT1 médium euh
36:35mais vous avez le choix avec stable
36:37diffusion, hydogramme, flux et cetera et
36:39cetera. Euh pas d'image dans le contenu,
36:41vidéo YouTube, lien interne externe.
36:44Vous cochez votre catégorie ici. Donc
36:45tous vos éléments WordPress sont
36:48disponibles là. et ensuite vous lancez
36:49la sauvegarde euh enfin vous lancez
36:51pardon la campagne. Alors soit vous
36:52dites "J'en veux un par jour". Ici en
36:53l'occurrence on a tout posté d'un coup
36:55parce qu'on voulait faire nos pages sur
36:56ces projets-là. En tout cas on voulait
36:58remplir le site pour le coup. Euh
37:02et donc ce qui a permis ben tout
37:03simplement voilà de créer ici des
37:05articles et ici des pages tout
37:07simplement avec chaque voilà. Mais ça on
37:09en parlera quand on regardera la partie
37:12pure pure SEO. Euh on regardera ça.
37:15Voilà pour ce qui est donc euh du blog
37:18euh assez simple mais très pratique pour
37:20le coup euh pour évidemment euh
37:23alimenter comme ça votre site de manière
Stratégie Multi-sites : Sous-dossiers et WordPress multiples
37:25automatique contrairement au site qui
37:27est un peu vibe codé. Ça sépare un peu.
37:28Alors vous pouvez mettre plusieurs
37:29WordPress, on en parlera peut-être. Nous
37:31ça nous arrive avec des projets euh
37:33d'installer un sous-dossier sur un thème
37:36bien précis et d'installer un WordPress
37:37et puis d'installer un autre WordPress.
37:39Alors oui, ça fait euh ça fait des
37:40gestions comme ça de sites, mais euh
37:43selon certains projets, ça peut être
37:44cool euh de de le faire comme ça. Vous
37:45avez des gros sites, hein, qui
37:46travaillent comme ça. Euh plutôt que de
37:48tout mutualiser des fois, voilà, ça peut
37:50ça peut se faire. Alors, c'est je vais
37:52pas le déconseiller non plus parce que
37:54ça faut que ce soit vraiment justifié
37:55pour le coup. Mais en tout cas, ça se
37:57tente et c'est un truc qu'on fera
37:58sûrement sur ce projet justement sur
38:00vivre en Polynésie.
38:02On vous expliquera sur la strate
38:03notamment en live le vendredi matin à
38:079h. Euh on débriefe évidemment de chaque
38:09vidéo de la semaine plus évidemment
38:11d'autres actu, d'autres news et d'autres
38:12tips à vous donner notamment sur l'IA,
38:15le SEO et cetera. Euh donc on vous
38:17parlera de ça, on développera un petit
38:19peu plus mais ça rentre dans un cadre de
38:20la de la stratégie. Donc voilà, pour le
38:22coup euh ça a pas sa place forcément
38:24dans cette vidéo. Euh ensuite évidemment
38:27euh donc ça je le montre, je sais que
38:29beaucoup connaissent, c'est normal le S
Indexation & Google Search Console (Sitemap)
38:30map avec bah la la Google Search Console
38:32bien sûr. Donc depuis automatique
38:34évidemment vous pouvez importer vos
38:35projets depuis la search console et et
38:37suivre vos projets au niveau des stades.
38:39Donc première chose à faire, mettez vos
38:40sit map, ça c'est important. Euh ici,
38:43comme on a ben on vous disait à
38:44l'instant qu'on avait potentiellement
38:45plusieurs euh plusieurs euh blogs
38:48WordPress euh enfin plusieurs WordPress
38:50pardon installé. Donc ici, onir on va
38:52mettre tous les site maps concernés. Euh
38:54voilà, ça permet quand même d'envoyer
38:56alors évidemment c'est pas ça qui va
38:57faire, vous allez vous indexer tout de
38:59suite et encore que ça marche assez bien
39:00mais nous on les met. Voilà, Smap quand
39:02même, ça permet d'indiquer à Google euh
39:04des fichiers XML qui contiennent en fait
39:06nos postes, qui sont tenus à jour et
39:07cetera. Et donc euh ça l'aide, on va
39:09dire, ça ça l'accompagne comme ça
39:11indexer nos pages. Euh
39:15ça veut pas dire que ça marche à 100 %
39:17non plus évidemment, mais ça mange pas
39:18de pan de le faire. Je vous conseille de
39:19le faire évidemment euh surtout sur ce
39:22type de projet qui est qui est plutôt
39:23clean. Voilà. Et puis ensuite évidemment
39:25vous pouvez suivre vos stats. Donc là on
39:27est donc sur la search console mais bien
39:29sûr on peut le voir directement avec
39:31automatique chose qui est quand même
39:33bien plus simple. Voilà donc ici
Suivi des performances avec le Dashboard Automatique (Positionnement, Indexation)
39:35directement vous êtes sur votre compte
39:37automatique. Donc ici vous avez retrouvé
39:39Majesti et Coo, vous allez retrouver vos
39:41vos liens. Donc ça va concentrer comme
39:42ça sur une page évidemment tout le
39:44trafic. Vous allez avoir ici par
39:45exemple. Donc nous on travaille avec
39:46Yandex. Donc on peut ici mélanger Yandex
39:49et les mots clés de la search console.
39:51Comme ça, ça nous permet de voir un
39:53petit peu ce qui se passe en un coup
39:54d'œil. Ici, vous voyez, vous allez avoir
39:56les les mots clés. Donc on va avoir Bing
39:58et et Google. Donc pareil, ça nous
40:00permet d'avoir tout en un seul coup
40:02d'œil et les pages indexées. Donc comme
40:03vous pouvez le voir ici, c'est
40:04intéressant. Euh donc ici vous pouvez
40:06voir un petit de trafic normal, on a
40:08rajouté des pages et cetera. Et ici vous
40:10voyez par exemple euh jusqu'à présent,
40:12on a rajouté donc ça on a lancé le blog.
40:14Donc vous voyez le nombre d'URL qui
40:15s'est indexé et là tout de suite voilà
40:17euh 346 URL puisque on a rajouté
40:19évidemment des pages là récemment. Donc
40:21vous voyez le 23 euh le 23 le 24 et il
40:24les a mangé euh instantanément vous
40:26voyez donc ça c'est cool. Donc ça ça
40:28correspond aussi qu'on vient de faire.
40:30Donc voyez avec le dû au site map aussi
40:32beaucoup évidemment puis comme on est en
40:34sous-dossier,
40:36un sous-domaine est souvent considéré
40:37comme un domaine à part entière même si
40:38bon on sait bien que ça reste quand même
40:40le rout domaine reste le même mais
40:42jusqu'à présent on a quand même de de
40:43meilleurs résultats en sous-dossier
40:44souvent sur les projets puisque bah ça
40:46reste du sous-dossier donc ça reste le
40:47route domaine et cetera donc bon bref
40:49accompagner un petit peu comme ça en
40:51sitite map alors après il y a d'autres
40:52techniques hein qu'on abordera dans la
40:54partie évidemment pour indexer pour
40:57aller un petit peu plus vite et cetera
40:58mais quand ça marche comme ça sur un
41:00projet puisque là on n'est pas sur un un
41:01mode blackat ou quoi. Bon ben voilà,
41:03faut faut être patient aussi hein de
41:04temps en temps mais on fait pas les
41:06bourrins. Vous allez retrouver ici aussi
41:08évidemment les mots clés. Euh donc
41:11pareil c'est c'est pratique ici. Vous
41:13pouvez même cliquer sur le mot clé et
41:14puis ça vous permettre de voir comme ça
41:16les positions et l'historique des
41:17positions sur sur Google principalement.
41:21Évidemment, vous avez ici un onglet Bing
41:22pour faire Google et Bing. Euh voilà
41:25pour ce qui est donc
41:27de la visibilité de de notre site depuis
41:29automatique. Ce qui est ce qui est quand
41:31même relativement simple puisqueen plus
41:31on a enex, ça nous évite de faire des
41:33allers-retours quand même dans tous les
41:34sens euh entre les tierces euh pour
41:37aller monitorer donc le le site.
Conclusion & Synthèse de la stratégie hybride (Vibe Coding + WordPress)
41:42Voilà pour ce qui est euh de notre
41:44stratégie de conception en tout cas pour
41:46viampésie. Donc effectivement, on en
41:47avait déjà parlé sur
41:50sur le le guidéo. On est rentré un petit
41:52peu plus dans le détail notamment voilà
41:54le le vibe code et cetera et cetera.
41:58Donc voilà, c'est une strade qu'on aime
42:00bien pour le coup de de mélanger comme
42:02ça. Alors c'est pas l'idée de mélanger
42:04plusieurs textes, c'est pas c'est pas le
42:05problème mais stratégiquement on arrive
42:08à faire quelque chose de très qualitatif
42:10avec les outils de vi coding que même
42:12même depuis un visual code un visual
42:14code pardon ou autre. Ça nous permet de
42:15de de se focus la data principalement et
42:18la qualité en fait parce qu'il va venir
42:20comme ça faire des choses assez assez
42:21sympas. Euh après de focus un peu le le
42:24référencement de pas tomber tout de
42:26suite euh sur un blog WordPress. Voilà,
42:28en gros euh maintenant vous avez
42:31Élémentor, vous pouvez faire des choses
42:32qui sont sympas avec WordPress
42:34évidemment des des belles pages, des
42:36belles hom page, des belles landing page
42:37et cetera. Euh moi, je sais que j'aime
42:40bien avoir si je peux bon là
42:41l'occurrence un simulateur ou quoi.
42:43C'est faisable. C'est faisable dans
42:44WordPress. vous pouvez très bien générer
42:46du code et venir l'intégrer dans le dans
42:47l'HTML dans la version en tout cas euh
42:50code d'une page WordPress. Là aussi
42:52c'est faisable et on le fait aussi bien
42:54sûr. [rires] Mais là en l'occurrence, on
42:56trouve ça on trouve ça sympa. Ça nous
42:58permet d'aller peut-être un petit peu
42:59plus loin, un petit peu plus vite. Si
43:00vous avez une équipe, là aussi c'est
43:02quand même simple à gérer. Euh si vous
43:04avez des gens qui voilà qui qui touche
43:06pas trop le code mais qui sont assez
43:08créatifs et cetera, quand même un
43:09minimum de vocabulaire, ben pareil, ça
43:11permet en en travail d'équipe d'aller un
43:13petit peu plus vite. Et ensuite voilà
43:15l'accès à WordPress qui est quand même
43:17voilà qui est WordPress qui est un peu
43:19un escargot avec des freins sur certains
43:22projets mais pour le coup quand même qui
43:23permet d'avoir comme ça de l'autopilote
43:25notamment sur
43:27si on focus un peu la partie SEO et pas
43:29que pour le coup hein mais en tout cas
43:31on gagne un temps assez fou. Donc le
43:33mélange des deux comme ça on a déjà
43:34parlé là aussi sur la chaîne mais on
43:36trouve ça actuellement intéressant.
43:38Après, sur des projets plus élevés, là
43:40il y a encore d'autres stratégies. Sur
43:41des projets de bourrin, il y a encore
43:43d'autres stratégies. Je pense qu'on fera
43:45une vidéo dédiée comme ça. Euh alors je
43:47pas forcément Blackat mais euh notamment
43:50on vous parle beaucoup de programmatique
43:51et là de de pouvoir alimenter des sites.
43:53Là nous ici par exemple on le fait avec
43:55automatique. Il y a une forme de de
43:56programmatique mais plus technique
43:59c'est-à-dire que le site vient
44:00s'alimenter. Ça peut être avec des
44:01recherches, ça peut être avec des API
44:03par exemple qui vont venir comme ça
44:04créer des pages. Et là au niveau Vibe
44:06Coding, c'est très intéressant parce
44:08qu'il y a un gain de temps qui est quand
44:10même pas du tout négligeable. Euh et
44:13nous on voudrait vous en parler aussi
44:14pour la la l'aspect un petit peu sécu
44:15parce qu'évidemment vous avez des clés à
44:17pays à protéger euh ce ce genre de
44:19choses et donc évidemment c'est des
44:21choses sur lesquelles il faut euh se
44:22prémunir pour éviter de se faire un
44:23petit peu hacker nos notamment vos clés
44:25à API surtout si elles sont reliées avec
44:27votre carte bleue même si c'est des
44:29choses pas excessifes bah ça peut être
44:30compliqué. Euh donc on regardera ça et
44:33peut-être qu'on vous fera un petit
44:34comparatif sur les outils de Vibe Code
44:36parce qu'on a travaillé pratiquement
44:37avec tout le monde. Et selon les projet
44:39euh je vous cache pas que il y en a deux
44:42trois qu'on qu'on aime bien, notamment
44:44V0 que je trouve assez euh assez sympa
44:46au niveau des features notamment avec
44:48FAL par exemple vous avez FAL.com
44:50dedans. Donc vous avez un seul accès
44:52pour API qui regroupe en fait toutes les
44:55API de par exemple de VO pour la vidéo
44:58de flux pour les images de one 2.5 5
45:01pour la vidéo là aussi, ça vous permet
45:02d'aller beaucoup plus vite. Il a déjà
45:04tous les end de d'API, donc toutes les
45:05docs et cetera. Et c'est vrai qu'à ce
45:07niveau-là, V0, je le trouve assez pas
45:09assez sympa. On fera on fera, je pense,
45:11une vidéo al academie ou une vidéo plus
45:13classique, on verra euh où on en parlera
Annonce : Comparatif des outils de Vibe Coding à venir
45:15même en live, mais en tout cas voilà, on
45:17on en parlera parce que c'est des choses
45:18qui sont assez euh assez intéressantes.
45:22Voilà pour cette petite vidéo de
45:23conception. J'espère que ça vous
45:24aiguillé un petit peu. On est resté
45:25quand même focus sur le projet de vivre
45:26en Polynésie. C'est ce qui nous
45:27paraissait être le plus cool et ce qui
45:29nous permet aussi de de de suivre en
45:31fait cette étude de cas précis.
45:33Évidemment, il y aura un autre guide
45:34avec une autre thématique et un une
45:37autre stack même. On essaiera de faire
45:39un deuxième projet à l'issue de ce
45:41premier projet que vous pouvez suivre.
45:43Évidemment, c'est là où c'est
45:44intéressant
45:46de de faire peut-être un autre projet et
45:48d'aborder en fait tout simplement le
45:50thème de la création parce que c'est
45:51quelque chose de tellement large
45:52évidemment peut-être sur un autre projet
45:54notamment de la programmatique, pourquoi
45:55pas ? Ça peut être intéressant de suivre
45:57comme ça au fil de l'eau chaque chaque
Outro : Rejoignez la Fredix Academy & le Discord
46:01projet. Mais en tout cas voilà, j'espère
46:02queon vous a donné un peu un peu
46:03d'éléments pour pour commencer. Euh sur
46:06ce, on vous donne rendez-vous évidemment
46:07tous les mardis à 9h pour une vidéo
46:09Fredix Academy. Euh tous les vendredis
46:119h en live pour débriefer souvent de la
46:14vidéo de la semaine de d'académie euh
46:16mais aussi d'actualité de nos updates
46:18sur nos produits type automatique où
46:20vous avez - 20 % d'ailleurs avec le
46:22coupon que vous avez en description et
46:24vous pouvez tester gratuitement
46:25d'ailleurs le au moins la génération.
46:27Euh vous avez 20 générations d'offerte
46:29sur sur automatique depuis l'assistant.
46:30quoi. Si si vous voulez essayer euh vous
46:33pouvez nous retrouver évidemment bah sur
46:35YouTube. Abonnez-vous et mettez un petit
46:36like si ça vous a plu, un commentaire,
46:37on on les lit, on répond normal. Euh sur
46:40X Fredix, sur Instagram aussi Fredix. Là
46:42aussi vous avez les liens en
46:44description. Et évidemment si Academy
46:46euh vous plaît, vous avez le lien du
46:47Discord euh où il y a un salon qui est
46:50dédié à Fredix Academy où vous allez
46:51retrouver en fait toutes les vidéos qui
46:52sortent. Vous allez avoir un salon pour
46:54discuter simplement aussi entre vous.
46:56C'est totalement gratuit. Euh et vous
46:58allez avoir aussi tous les liens. Euh
46:59c'est très intéressant. On a un gros un
47:02gros salon qui est dédié en fait aux
47:03sources euh qui est mis à jour assez
47:05régulièrement. Vous allez voir, il y a
47:06plein plein plein de sources que vous
47:07avez en description YouTube, mais euh
47:08vous les retrouver aussi dans ce salon.
47:10C'est très intéressant. Ça vous permet
47:11d'avoir un gros bookmark euh de de vos
47:13favoris en fait, de favoris liens comme
47:15ça qui sont assez cool. Vo c'est assez
47:16large. Euh et donc voilà, c'est
47:19totalement gratuit, c'est public, vous
47:20n'avez pas besoin de de quoi que ce
47:21soit. Euh, il vous suffit de cliquer,
47:24d'accéder au au salon et puis et puis
47:27vous êtes les bienvenus. À très bientôt.
47:29Merci à tous. C'était Fredix. Salut !
47:38[musique]
47:44[musique]
47:52[musique]
47:58[musique]
48:06[musique]
48:12[musique]
48:19[musique]
48:28[musique]
48:34[musique]
48:42[musique]
48:47[musique]
48:53[musique]
48:59[musique]
49:04[musique]
49:11[musique]
49:18[musique]
49:41[musique]
49:48[musique]
49:54[musique]
50:00[musique]
50:05[musique]
50:11[musique]
50:16[musique]
50:22[musique]
50:29[musique]
50:33[musique]
50:41[musique]
50:47[musique]
50:51Wow. W. [musique]
50:57[musique]