ITInnovDesign
Latest Posts:

Les framework javascript frontend et la problematique SEO, un peu de clarification
Les framework javascript frontend et la problematique SEO, un peu de clarification

SEO : Pourquoi absolument eviter les framework frontend reactjs/angular/vuejs etc..en version CSR(Client side rendering) si notre app dépend de la SEO?

Les amis, je vous parles d'un topic interessant ce matin à savoir les framework js frontend et la problematique de la SEO.

On vient de lancer notre plateforme de mise en relation entre des fournisseurs de n'importe quel service, dans le jargon on les appelle des Artisans et les potentiels clients, cette plateforme appellé MonTecnicien, va revolutionner les habitudes dans les pays ou on a mis sur pieds et d'ailleur j'en profite pour vous demander de partager nos liens et fait tester nos app afin de donner vos feedback et si vous voulez aussi que Montechnicien soit présent dans votre pays si ce n'y est pas encore, ecrivez moi en inbox, et si vous voulez faire partir du business comme partenaire ou investisseurs ecrivez en inbox à:

cote d'ivoire : Ange Lucas

Burkina Faso : Yannick Neya

Cameroun: Yvanol Fotso

Togo : Caleb Mintoumba

Benin: Alexandre Freestoom

Je disais tantot que ces jours, mes partenaires des differents pays sur Montechnicien sont entrain de faire des Landing page pour la promotion de la plateforme et pourquoi faire des landing page alors qu'on a deja le site de la app?

Simple, le site web de la app est fait en VUEjs specialement en Vue 3, vuejs est un framwork frontend javascript, à quoi sert exactement les framework frontend javascript?

A une chose particulière : vous faciliter la tache à écrire du javascript à votre place pour manipuler le DOM, une page web, c'est le DOM et sa manipulation et si on écrit du javascript sans cognition de cause, on peut avoir une experience utilisateur horrible et rappellez vous, les utilisateurs ont horreurs des pages web moins performantes, lentes, qui ne repondent pas immediatement à leur interaction, une page web étant le plus souvent fait de plusieurs code javascript pour rendre la page animée et interactive, les framework js frontend sont nés exclusivement pour nous faciliter la tache, ils trasnforme nos page en de SPA(single page application) et l'experience meme sur le mobile devient wow.. voilà pourquoi ils sont incontournable de nos jours sur le web... mais..mais...il y a un mais...🤣😂 connaissez vous la SEO? la Search Engine Optimization?

Oui mais, si on fait un site web, c'est pourquoi au finale? c'est pour que les utilisateurs puissent facilement le trouver non? et c'est justement à quoi sert les moteurs de recherche comme google, presque tout le monde à le reflexe d'ouvrir la page de google quand il veut faire n'importe quel recherche, d'ailleur nos navigateurs on deja google search integré et du coup, si on a un site qui a un contenu que l'on veut que les utilisateurs retrouve facilement sur google par exemple, il faut appliquer correctement la SEO et SEO veut dire respecter ce que veut celui qui conçoit le moteur de recherche, dans ce cas google.. savez vous comment google retrouve vos pages? ce qu'on appelle indexé vos pages?

Google utilise un BOT,ce qu'on appelle un CRAWLER donc un code ecrit peut etre en c++, c, java, c# etc.. donc un code robot, qui parcoure le web la nuit, fait des requetes sur les sites web et leur page, et remplit sa propre base de données avec ce qu'il a trouvé, hier je vous parlais de chatGPT, c'est exactement la meme chose, donc google à la fin a un BIG data en local, dans lequel il applique son algorithme pour faire voir les resultats de recherche à ses utilisateurs, avant il utilisait les algorithme basé sut un poids qu'il attribuait a chaque page indexé, on appellait cet algorithme page ranking, de nos jours il utilise l'intelligence artificielle car avec le page ranking, on pouvait le jongler et tromper son algorithme pour apparaitre en haut des resultat, par exemple on puvait mettre comme titre Voiture parcequ'on sait que beaucoup de gens recherche le mot clé voiture, mais dans le corps du texte parlé des chaussures qui n'a rien à voir avec ce que le titre indique, du coup google de nos jours, a son modele de IA qui lit le contenu de la page, et peut tout simpement faire une classification optimale en fonction du contenu.... bon attention, le bot de GOOGLE veut recevoir uen page HTML deja fait et qui repond en quelques secondes hors les applications FRONTEND, sont construite à l'interieur du navigateur.. vous avez compris? je dis bien à l'interieur du navigateur c'est à dire, le serveur remet au naviagateur quand l'utilisateur demande la page vuejs/angular/react...le code javascript qui contient meme le moteur du framework, une fois le script telechargé, c'est la ou le navigateur lance le script qui va crée de zero toute la page, donc genere le HTML, c'est ça qu'on appelle rendering, donc client side rendering parceque la page est construite dans le navigateur et non sur le serveur comme une page PHP, du coup il faut du temps au debut pour genere ce contenu, essayez un peu de lancer la app web de montechnicien, vous verrez une page blanche au debut pour quelques secondes, c'est en ce moment precis que vuejs est entrain de compiler la page et de generer le HTML correspondant, ceci n'est pas bon pour les moteurs de recherche et les robot ne peuvent pas l'indexer.. du coup il faut un palliatif, d'ou les landing apge qui sont du pure HTML + javascript.. mais aussi je pouvais utiliser une technique de server side rendering que propose vuejs.. mais c'est tout un autre debat..

 

wow.. comme hier je suis de nouveau long.. mais si on veut coder et apprendre, on doit lire ce qui partage les memes points d'interet que vous jusqu'au bout..

 

partagez notre plateforme Montechnicien pour nosu aidez à le tester.

 

Burkina Faso

app Utilisateur google play=>https://play.google.com/store/apps/details?id=com.itinnovdesign.montechnicienfaso

app Fournisseur de services google play => https://play.google.com/store/apps/details?id=com.itinnovdesign.technicienfaso

site web burkina utilisateur=> https://burkinafaso-client.montechnicien.online/

site web admin => https://burkinafaso.montechnicien.online/

Video Pub Youtube => https://www.youtube.com/watch?v=mgvQaWdTCPM

Page Facebook dediée => Pas encore disponible

 

Cote d'ivoir

app Utilisateur sur google play =>https://play.google.com/store/apps/details?id=com.itinnovdesign.montechniciencoteivoir

app Fournisseur de services sur google play => https://play.google.com/store/apps/details?id=com.itinnovdesign.techniciencoteivoir

site web CI utilisateur=> https://cotedivoire-client.montechnicien.online/

site web admin => https://cotedivoire.montechnicien.online/

Video Pub Youtube =>https://www.youtube.com/watch?v=v47faWrj04U

Page Facebook dediée => https://www.facebook.com/montechnicienci/

 

Cameroun

app Utilisateur google play =>https://play.google.com/store/apps/details?id=com.itinnovdesign.montechnicien

app Fournisseur de services google play => https://play.google.com/store/apps/details?id=com.itinnovdesign.technicien

site web CI utilisateur=> https://cameroun-client.montechnicien.online/

site web admin => https://cameroun.montechnicien.online/

Video Pub Youtube => https://www.youtube.com/watch?v=mgvQaWdTCPM

Page Facebook dediée => https://www.facebook.com/profile.php?id=100092979812908

 

Sur le benin on a

google play app utilisateur=>https://play.google.com/store/apps/details?id=com.itinnovdesign.montechnicienbenin

google play app des techniciens(fournisseur de services)=>https://play.google.com/store/apps/details?id=com.itinnovdesign.technicienbenin

site web utilisateur benin =>https://benin-client.montechnicien.online/

Page facebook dediée => https://www.facebook.com/profile.php?id=100092590285387

 

Si vous voulez savoir comment fonctionne exactement MonTechnicien

lisez la FAQ=>https://benin-client.montechnicien.online/help/1

cette video preparée des amis beninois=> https://www.youtube.com/watch?v=JFnfXHsAaMQ

cette autre video beninois => https://www.youtube.com/watch?v=2CFw1LFP6GM&t=2s


Author: admin
08.06.2023, 09:01
Category: Coding
Comments: 0
Views: 686
-

Share

Comments (0)
There are no comments yet.

Leave A Comment
processing...