Résumé de la vidéo :
Dans cette vidéo, l’hébergeur web français LWS propose 20 exemples concrets d’utilisation de Chat GPT pour créer rapidement un site web, avec des conseils valables pour tout type de site web. ChatGPT est un outil d’intelligence artificielle permettant de générer du texte, qui peut être utilisé pour la création de plans de site, de fiches produit, de blogs, de code, d’analyses, de marketing, de SEO, etc.
Bien que les connaissances de Chat GPT soient limitées aux données et actualités de 2021 et avant, il est très utile pour commencer à concrétiser rapidement son projet web. Chat GPT peut notamment générer un plan de site pour un site vitrine, portfolio ou boutique en ligne en fournissant des idées de pages que le site devrait inclure. Pour cela, il suffit de détailler sa demande, par exemple en précisant le type de produits vendus sur le site.
En utilisant le CMS WordPress et le modèle de site gratuit Blocksy, il est facile de créer une boutique d’objets électroniques à partir des suggestions de ChatGPT. Il est également possible d’utiliser ChatGPT pour générer des idées de sections pour une page, par exemple pour structurer la page d’accueil.
Transcription de la vidéo + Captures d’écrans :
(00:00) Dans cette vidéo découvrez 20 exemples concrets d’utilisations de Chat GPT pour créer votre site web en un rien de temps. Plan de site, fiche produit, blog, code, analyse, marketing, SEO et bien plus. Bienvenue sur la chaîne de l’hébergeur web français LWS. Vous appréciez et demandez particulièrement des vidéos sur le thème de l’intelligence artificielle alors on se retrouve pour une nouvelle vidéo sur Chat GPT, un outil permettant de générer du texte.
(00:30) J’en ai déjà parlé dans le contexte de la création d’articles de blog notamment. Aujourd’hui, je vais vous donner 20 cas d’usage pour tirer le meilleur parti de Chat GPT pour votre site internet. Les conseils de cette vidéo sont valables pour tout type de site web.
(00:49) Mais pour mettre en situation les différentes astuces que je vais énoncer, je serai sur un site créé avec le logiciel WordPress hébergé sur une formule d’hébergement LWS. Entrez le code promo IA10 sur LWS.fr pour obtenir 10 % de réduction sur ces solutions d’hébergement tout inclus. Elles sont performantes, rapides tout en restant accessibles à tous, tant au niveau de leur utilisation que de leur prix.
(01:13) Notez que ChatGPT peut générer des réponses cohérentes mais parfois incorrectes, il ne se base que sur les modèles qu’il a appris. Ses connaissances sont limitées aux données et actualités de 2021 et avant. Même s’il est recommandé de compléter son travail avec l’expertise d’un professionnel, ChatGPT est très utile pour commencer à concrétiser son projet web rapidement.
(01:42) Chat GPT peut vous générer un plan de site et ainsi fournir des idées de pages que le site devrait inclure. Que ce soit pour un site vitrine, portfolio ou boutique en ligne. N’hésitez pas à détailler votre demande. J’écris donc dans la conversation : Trouve moi un plan de site pour un site e-commerce français qui vend des produits électroniques grand public, neufs ou d’occasion dans divers catégories, j’indique qui le site cible, des particuliers.
(02:13) Chat GPT va maintenant me suggérer une arborescence de site. J’accélère un peu. J’ai la page d’accueil avec même des suggestions de sections et blocs intéressants. Chat GPT m’a suggéré des catégories de produits appropriées pour mon domaine d’activité. J’ai un bloc ventes flash, une page à part pour les produits d’occasion, des services annexes, page à propos, page de contact. C’est très complet. Mettons cela en place.
(02:48) Pour ça, je peux utiliser le CMS WordPress par exemple. Ici j’ai installé un modèle de site gratuit Blocksy. Il y a tout ce qu’il faut pour créer une boutique d’objets électroniques. Je crée les pages suggérées par ChatGPT ou édite celles déjà présentes sur mon thème. Comme cela. Pour l’instant mes nouvelles pages ne sont pas présentes dans mon header.
(03:16) Pour faire cela, je vais dans Apparence, Menus. Je met à jour mon menu en ajoutant mes pages en 1 clic. Ajouter. Puis je déplace l’ordre des éléments en les glissant. J’ai coupé pour pas que la vidéo dure trop longtemps. Et voilà. Si je souhaite afficher les différentes catégories produits en sous menu de la rubrique Produits, il faudra d’abord que je les créée dans Produits, catégories.
(03:47) Puis je pourrai les appliquer en tant que sous menu en les glissant comme ceci. J’enregistre le menu. Je viens d’ajouter des liens personnalisés vers les pages de catégories. Voici ce que ça donne maintenant. J’ai bien mes différentes pages et mon sous menu Produits. ChatGPT peut être utilisé pour générer des idées de sections pour une page.
(04:18) Je peux par exemple lui demander de faire la structure de la page d’accueil. Je peux enchaîner plusieurs questions sur le même sujet, les questions et réponses précédentes sont prises en compte. Sauf si vraiment la conversation est très longue, le début peut être ignoré. Si vous partez d’une conversation vide il faudra lui redonner le contexte de votre activité.
(04:46) Je retrouve donc mon en-tête, des blocs promotions, offres, nouveautés etc avec à chaque fois une description et une suggestion de bouton. Moi je vais garder la structure de la page d’accueil de mon thème. Je la trouve plutôt bien faite. L’IA peut vous créer du texte pour votre site web.
(05:21) Je peux demander un titre et un paragraphe de contenu pour une section décrivant l’activité qui sera intégrée sur la page d’accueil en se basant sur ces éléments : société française, créée en 2015, 25000 clients. Je peux préciser un ton d’écriture adapté, ça peut être écrit sur un ton professionnel, amical, humoristique, ironique, sarcastique, tragique etc. Idem il est possible de donner un style d’écriture particulier, notamment le style narratif, argumentatif, journalistique, poétique, technique.
(05:59) Je choisis narratif. Je pourrais aussi lui préciser d’écrire avec le pronom « vous » ou « tu ». Une fois généré, je peux modifier le texte pour avoir un contenu intéressant qui apporte ma touche personnelle. Google peut maintenant détecter le contenu créé par IA mais a affirmé que cela n’aurait pas de coïncidence néfaste sur le référencement, seule sa qualité est prise en compte.
(06:23) je peux copier coller le texte dans ma page WordPress. Le titre de la section. Sur WordPress je modifie la page d’accueil. J’insère un bloc de type titre. Je colle mon texte. Je fais pareil avec le paragraphe de texte. Copier. Coller. C’est particulièrement utile lorsqu’on créée un site pour un client et qu’il n’a pas encore de contenu à vous donner. On peut remplir les zones de texte de ses maquettes avec un contenu temporaire.
(07:12) C’est trop collé, je rajoute un petit espacement ou marge. Pour avoir plus de détails sur la création d’un site WordPress en lui même n’hésitez pas regarder ma vidéo tutoriel complète sur WordPress et ma vidéo expliquant comment créer un blog avec WordPress et Chat GPT. Chat GPT peut être utilisé pour identifier les mots clés et les phrases clés qui aideront votre site Web à se classer plus haut dans les résultats de recherche.
(07:47) Cibler des mots-clés pertinents et à forte valeur ajoutée peut vous aider à augmenter le trafic organique sur votre site. Trouve moi des mots clés pertinents pour un site de vente de produits électroniques grand public et pourquoi pas aussi 3 exemples de titres optimisés SEO accrocheurs. Un peu trop longs ces titres, j’en veux des plus courts.
(08:16) Je choisis ce titre par exemple. Copier. Coller. Et j’aimerais ajouter ces mots clés dans la description générée juste avant. Je demande d’ajouter ces mots clés ci. Copier. Coller. Dans ce texte. Copier. Coller. Le mieux serait tout de même d’utiliser des outils SEO spécialisés pour trouver de bons mots clés pour son domaine d’activité, par exemple SE Ranking, SEMrush et compagnie. Et de coller les mots clés ici ensuite, c’est plus fiable et à jour.
(09:03) Je copie à présent ce nouveau texte optimisé. Et je remplace celui là. Je descend dans ma page. Je peux aussi demander 3 arguments. Je les ajouterai ensuite dans ces 3 colonnes. Donne moi 3 arguments pour ce domaine d’activité pour se démarquer de la concurrence. J’ai plus qu’à copier tout ça dans ma section.
(09:40) Comme cela. Et j’illustre ces arguments avec des photos, icones ou illustrations. Vous pouvez trouver des icones gratuites sur flaticon. Sur le site icones8 vous pouvez aussi trouver des illustrations dans Ouch. Il y a plusieurs styles dont l’effet 3D. Moi j’ai ajouté quelques icônes de la bibliothèque intégrée dans WordPress.
(10:11) ChatGPT peut aussi servir à générer un texte pour un bouton d’appel à l’action incitant par exemple à se diriger sur la boutique. Ola c’est trop trop long. Je modifie le prompt pour un texte court. C’est mieux. Je copie celui-ci. Et le colle dans le bouton. J’attribue un lien de redirection sur le bouton. Vers la boutique.
(10:54) Étant donné que j’ai créé un site e-commerce, je peux demander un exemple de fiche produit pour vendre un téléphone portable de façon attractive et professionnelle. Mon gabarit de fiche produit a été généré avec le nom du téléphone, description, caractéristiques. Il me manque une petite fiche technique.
(11:29) Voilà ça complète bien ce que j’ai demandé avant. Sur ma boutique WooCommerce, je vais dans les produits. Je peux éditer la fiche produit suivante par exemple. Je modifie le titre. La description. Catégorie. Image. Pour la description courte je veux un résumé de tout ce qu’on a écrit. Je peux demander un résumé en un certain nombre de mots ou phrases.
(12:07) ChatGPT fera au mieux pour respecter ces consignes. Résume moi ce texte en moins de 50 mots. Je copie colle tout le contenu. Et c’est bon. Hop c’est collé dans le résumé de la fiche produit. ChatGPT est aussi un bon outil pour classer des données. Par exemple si j’ai une liste de tous mes produits en vrac, je peux lui demander de me les classifier.
(12:44) Classe par catégorie pour un site ecommerce les produits suivants. Je prend ma liste triée aléatoirement et je colle tout. Et voilà tout est classé. Plus qu’à créer les catégories. Avant de continuer, pour pouvez soutenir mon travail en laissant un j’aime et commentant la vidéo. Ça me permet de savoir si ce type de vidéo vous plaît.
(13:13) Abonnez-vous pour ne pas louper les prochaines. Et profitez du code promo IA10 pour obtenir 10 % de réduction sur votre hébergement WordPress sur LWS.fr. Vous souhaitez comparer des produits, fonctionnalités, avantages et inconvénients dans un tableau ? C’est possible.
(13:37) Fais moi un tableau présentant les avantages et inconvénients du smartphone XYZ dont on a parlé précédemment. ChatGPT ne se rappelle plus de ce qu’on a dit. Je vais lui rafraîchir la mémoire en copiant collant sa fiche produit. Le tableau est généré. J’aimerais insérer mon tableau rapidement sous forme de code donc j’écris : donne moi le code html de ce tableau. Et là ChatGPT va me fournir tout le code du tableau précédent.
(14:22) S’il vous fait deux tableaux séparés, n’hésitez pas à lui redire que vous souhaitez les avantages et inconvénients dans le même tableau. Je n’ai plus qu’à copier tout ça. Dans WordPress, je passe la fiche produit en format Texte. Je colle le code. Je met à jour la fiche. Et je l’affiche. La structure de mon tableau est déjà faite. Un gain de temps non négligeable.
(14:59) Je vais compléter la fiche produit avec tout ce qu’on a dit précédemment. Voilà maintenant elle est plutôt complète. Je pourrais tout à fait lui demander des manipulations plus techniques comme concaténer 2 tableaux en JavaScript. Ou même encore me faire un exemple de page d’accueil entière en HTML.
(15:28) Là j’ai pas donné de contexte alors c’est basique. ChatGPT peut vous permettre d’analyser le sentiment des commentaires ou avis laissés sur votre site Web, ce qui peut vous aider à améliorer leur expérience. Je vais dans les avis clients de mon produit. J’ai ajouté quelques exemples juste avant. Je copie tout en bloc. Peu importe la langue.
(16:01) Sur la conversation, je demande : fais moi une liste des points positifs et négatifs sur le produit à partir des avis clients suivants : J’ai ainsi un récapitulatif sur ce qui va ou ne va pas avec mon produit. C’est parfait aussi pour des revues produits dans des articles de blog et comparatifs. Je pourrais aussi transmettre à ChatGPT une liste de tweets parlant de mon entreprise ou d’un sujet.
(16:35) Et lui demander de déterminer le sentiment général de ces tweets. Une fonction pratique pour les marques qui souhaitent suivre leur réputation sur les médias sociaux. J’ai cherché le mot WordPress pour l’exemple. ChatGPT m’indique que les tweets sont majoritairement positifs envers WordPress, il n’y a pas de tweet explicitement négatif dans l’échantillon.
(17:06) Chat GPT peut être utilisé pour donner des suggestions de design. Je peux par exemple lui demander une idée de palette de couleurs pour mon site de vente de produits électroniques si je n’ai pas d’idée. J’ai plusieurs chartes graphiques qui me sont proposées. Chat GPT m’explique pourquoi telle ou telle couleur. Ça peut vous inspirer.
(17:32) Vos articles de blog peuvent aussi être générés. J’ai créé une vidéo YouTube plus approfondie sur le sujet, le lien est en description. Je demande des idées de titres d’articles de blog populaires sur les smartphones. J’en choisis un, je copie ce titre. Et je demande de rédiger un article de blog de 1000 mots sur ce sujet avec 4 sous titres et une conclusion.
(18:13) Bien sûr, relisez bien tout, personnalisez et mettez en avant vos produits à l’intérieur. Dans WordPress, je créée un article. Je colle le titre. Pareil pour le contenu. Copier. Coller. Maintenant j’applique des balises H2 à mes sous titres. Je veux enlever cette liste à puce donc je passe en paragraphe.
(18:52) Et j’applique la balise H3 pour les sous titres à l’intérieur des sous titres. Ma page sera ainsi bien structurée. Plus qu’à illustrer et c’est prêt. Pour ça j’insère mes photos, en achète… ou en cherche des gratuites sur le site pexels.com par exemple. Il est aussi possible de générer des images grâce à l’intelligence artificielle avec des outils comme MidJourney et Dall-e. Pour en savoir plus consultez ma vidéo sur le sujet en description.
(19:26) Une fois terminé, je publie l’article. Le voici. Il va sûrement m’aider à ramener du trafic sur mon blog et ma boutique. ChatGPT peut m’aider à trouver quoi mettre sur ma page contact. Donc on a en premier lieu, un formulaire de contact, les coordonnées de l’entreprise, heures d’ouverture si un magasin physique, ses réseaux sociaux et enfin une FAQ.
(20:03) Je vais sur ma page dédiée. J’ai déjà la plupart de ces contenus sur ma page contact. Mes visiteurs savent comment me trouver, comment me contacter, peuvent m’envoyer un message via mon formulaire de contact. Vous pouvez créer tous ces blocs facilement si ils ne sont pas directement placés sur votre template. Par contre, la foire aux questions, je ne l’ai pas.
(20:33) Je cherche un bloc pour une FAQ. J’ai une section accordéon, parfait. J’ai plusieurs variantes. Je reste standard. Chat GPT peut être utilisé pour répondre automatiquement aux questions que pourraient se poser vos clients. Je demande par exemple : rédige moi une FAQ pour un site de vente de produits électroniques grand public.
(21:05) Voilà. Je vais ajouter tout ça sur ma page à propos en copiant collant les questions et réponses. Première question. Coller. Plus qu’à coller également la réponse et ainsi de suite pour toute la FAQ et personnaliser le texte pour que ça colle bien à mon activité. Voyons voir ce que ça donne. La page est plutôt agréable.
(21:33) Et la FAQ déroulante répond à tout ce que mes clients pourraient se demander. ChatGPT peut servir à mettre en place des chatbots capables de fournir des réponses pertinentes aux réponses de vos visiteurs. Pour ça il y a des plugins WordPress qui mettent en relation vos clients avec Chat GPT.
(21:58) J’en parle rapidement dans ma vidéo sur la création de blog avec Chat GPT et WordPress. En bref, vous avez simplement à installer une extension WordPress gratuite comme AI Engine. L’activer. Aller dans les paramètres du plugin. Modifier le texte par défaut dans les champs du livetchat, mettre en français déjà. Et le placer sur tout le site en cliquant ici.
(22:35) Sinon, si vous avez déjà une application de chatbot, Chat GPT va vous aider à rédiger vos réponses prédéfinies plus rapidement, du moins la structure. ChatGPT peut être utilisé pour générer du contenu marketing. Par exemple du texte accompagnant vos publicités ou posts Facebook et Instagram. Trouve moi du texte accompagnant une photo Instagram d’un téléphone portable vendu par ma boutique en ligne.
(23:11) J’ai plusieurs suggestions. Avec à chaque fois un texte court et quelques suggestions de hashtags. Recherchez en d’autres pertinents et ciblés. Et voilà votre post est prêt à être publié. Je peux aussi lui demander d’écrire un mail promotionnel avec un objet pour promouvoir les soldes sur mon site de vente de produits électroniques à destination de mes clients.
(23:47) J’ai ainsi un exemple de newsletter à personnaliser, c’est pas forcément très original mais vous pouvez donner des directives plus détaillées. Une autre utilisation de ChatGPT est la correction des fautes présentes dans votre texte. Si votre formulation n’est pas très claire, il va aussi reformuler correctement.
(24:14) Corrige et reformule correctement ce texte sans le résumer : J’ai généré un peu avant un texte avec des fautes et mal écrit. Je le colle. Et c’est bon c’est corrigé et bien mieux écrit. Un autre cas d’usage de ChatGPT est la traduction de texte en différentes langues, idéal pour s’étendre à l’international. Traduis moi ce texte en anglais. Bon là il ne m’a pas repris le texte d’avant il n’a pas du comprendre.
(24:52) Voilà j’ai refait en copiant collant mon texte après ma requête de traduction et ça a bien été traduit en anglais. J’aimerais évaluer la qualité du contenu de mon site Web. Je copie tout le texte de ma page d’accueil, même si pour l’instant il y a encore plein de textes par défaut, on va voir ce que ChatGPT me dit.
(25:20) Évalue la qualité de ce texte présent sur mon site, sa lisibilité, clarté, pertinence. ChatGPT analyse et me donne des conseils et pistes d’amélioration. Par exemple il me dit que j’ai écrit des titres qui ne contiennent aucune info pertinente. En effet ce sont des textes par défaut de mon template.
(25:47) N’hésitez pas à compléter cette analyse avec d’autres outils ça reste un peu léger. Voilà, vous avez maintenant quelques exemples de cas d’usage de ChatGPT dans le domaine de la création de site, vous pouvez également vous en aider pour créer du contenu pour des p
(26:09) résentations, diaporamas, pages recrutement, etc… J’espère que cette vidéo vous a été utile. N’hésitez pas à partager vos expériences et à nous donner vos propres astuces en commentaire. N’oubliez pas d’utiliser le code promo IA10 si vous venez à commander un hébergement WordPress sur LWS.fr. Vous obtiendrez 10 % de réduction, c’est cumulable avec les promos en cours.
(26:30) Consultez également mes autres vidéos sur le sujet. Abonnez-vous pour être au courant des dernières actualités. Merci d’être resté jusqu’au bout et à bientôt sur la chaîne de l’hébergeur LWS.
