Free YouTube Transcribe

Video transcript

Créer un site web en 2026 : Vibe Coding vs CMS — quelle méthode choisir ?

FRΞUDIX TV · 10,294 words · 47 min read

Want to search this transcript, jump the video from any line, or download it as TXT, SRT, or VTT?

Open in the transcript tool

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]

This transcript was generated from the captions YouTube publishes for this video. Get the transcript of any YouTube video atfreeyoutubetranscribe.com: free, unlimited, no sign-up.