Mon client passait 6h par jour sur des tâches répétitives. J'ai développé une app IA qui automatise 100% du process. Voici exactement comment la recréer.
Mon client e-commerce avait plus de 3000 références à traiter. Chaque fiche produit = 30 à 45 minutes de travail manuel. Des "petites mains" faisaient des erreurs. Process lent, coûteux, non scalable.
Un seul clic = un pack complet prêt à intégrer dans votre CMS.
Recherche automatique des meilleures images via SerpApi (Google Images). Visuels réels de catalogue.
Contenu optimisé 500-700 mots avec HTML riche (H2, H3, listes). Prêt pour WordPress, Shopify, PrestaShop.
Hiérarchie sémantique intelligente (H1, H2, H3) respectant les bonnes pratiques SEO.
Données structurées Product Schema et FAQ Schema générées automatiquement.
Meta Title (70 car) et Meta Description (160 car) optimisés pour le CTR.
8-10 questions/réponses par produit + blocs "Produits similaires".
Chaque brique choisie pour maximiser vitesse et qualité.
Framework front-end réactif et rapide. Hot Module Replacement instantané, build production ultra-optimisé.
Design system utility-first, look "SaaS premium" sans CSS custom.
IA Google pour génération SEO ultra-rapide et économique. JSON structuré en une seule passe.
Recherche d'images produit réelles et professionnelles via l'API Google Images.
Tout packagé en ZIP prêt à l'import. CSV avec toutes les colonnes CMS. Images renommées SEO.
Chaque étape est détaillée pour avancer sans bloquer.
Google AI Studio est l'interface de développement pour les modèles Gemini. C'est là que vous allez tester vos prompts et obtenir votre clé API. L'accès est gratuit.
Plan gratuit : ~15 requêtes/minute et 1 500/jour. Largement suffisant pour des centaines de produits par jour.
80% de la qualité de votre outil dépend de vos prompts. AI Studio permet de tester sans coder.
Testez avec au minimum 10 produits dans des catégories variées :
Vérifiez : JSON valide ? Meta Title < 70 car ? Description 500-700 mots ? FAQ naturelles ?
Itération : Modifiez le System Prompt, pas le message. 5-10 itérations suffisent pour un prompt robuste.
Structuré en 3 blocs distincts. Ne supprimez aucun bloc — ils fonctionnent ensemble.
// ═══ PILIER 1 : LE RÔLE ═══ "Tu es un expert SEO e-commerce senior avec 15 ans d'expérience. Tu maîtrises : - Schema.org et les données structurées JSON-LD - Les structures de titres (Hn) pour le SEO - L'optimisation de fiches produit pour Google - L'optimisation pour les moteurs IA (GEO)" // ═══ PILIER 2 : LA MISSION ═══ "Pour chaque produit, génère un pack SEO complet : 1. metaTitle → max 70 caractères, mot-clé en premier 2. metaDescription → max 160 caractères, avec CTA 3. descriptionHtml → 500-700 mots, HTML riche (H2/H3) 4. structureHn → tableau des titres H1/H2/H3 5. jsonLd → Schema.org Product + FAQ valides 6. faq → 8-10 questions/réponses naturelles 7. produitsSimilaires → 5 suggestions avec raison 8. alternatives → 3 produits alternatifs" // ═══ PILIER 3 : LA CONTRAINTE ═══ "RÈGLES STRICTES : - Retourne UNIQUEMENT du JSON valide - Aucun texte avant ou après le JSON - Aucun bloc markdown (pas de ```) - Le JSON doit être parsable par JSON.parse() - Respecte EXACTEMENT les noms de clés ci-dessus"
Pilier 1 (Rôle) : Sans rôle, l'IA répond de façon générique. Le persona d'expert conditionne la qualité.
Pilier 2 (Mission) : La liste numérotée avec noms de clés JSON = l'IA mappe directement dans sa sortie.
Pilier 3 (Contrainte) : Le plus important. Instruction + JSON Mode = output propre à 100%.
Erreur #1 : Oublier le Pilier 3. Le JSON est enveloppé dans des backticks et JSON.parse() échoue. Toujours inclure "UNIQUEMENT du JSON valide" + JSON Mode.
Personnalisation CMS : PrestaShop → ajoutez reference, short_description, tags. Shopify → vendor, product_type, handle.
SerpApi donne accès à Google Images via API. 100 recherches/mois gratuites.
L'outil envoie une requête SerpApi avec le nom du produit + "product photo". L'API retourne les URLs des meilleures images Google. Vous sélectionnez, elles sont incluses dans l'export ZIP.
Pourquoi pas des images IA ? Images IA détectées par Google = pénalité SEO. Photos réelles = rendu authentique et crédible.
Alternative : Utilisez weserv.nl comme proxy d'images côté front-end pour contourner les restrictions CORS.
Architecture simple : front React + Serverless Functions pour les appels API.
📁 ecommerce-automation/ ├── 📁 api/ ← Serverless Functions │ ├── generate.js ← Appelle Gemini │ └── images.js ← Appelle SerpApi ├── 📁 src/ ← Frontend React │ ├── App.jsx ← Layout principal │ ├── ProductInput.jsx ← Formulaire saisie │ ├── ProductCard.jsx ← Résultat produit │ ├── BulkProcessor.jsx ← Traitement en masse │ ├── ExportManager.jsx ← Export CSV + ZIP │ └── SimulationMode.jsx ← Données démo ├── package.json ├── vite.config.js / tailwind.config.js ├── vercel.json ← Config déploiement └── .env ← Clés API (LOCAL !)
generate.js : Reçoit un nom de produit → appelle Gemini avec le Master Prompt → valide le JSON → retourne le pack SEO complet au front-end.
images.js : Reçoit un nom de produit → appelle SerpApi (Google Images) → retourne les URLs et miniatures des 10 meilleures images.
export default async function handler(req, res) { const { productName } = req.body; const response = await fetch( `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent?key=${process.env.GEMINI_API_KEY}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ systemInstruction: { parts: [{ text: MASTER_PROMPT }] }, contents: [{ parts: [{ text: productName }] }], generationConfig: { responseMimeType: 'application/json', temperature: 0.3 } }) } ); const data = await response.json(); const seoPackage = JSON.parse( data.candidates[0].content.parts[0].text ); res.status(200).json(seoPackage); }
Point crucial : Le paramètre responseMimeType: 'application/json' = l'équivalent API du "JSON Mode". Combiné avec le Pilier 3, parsing 100% fiable.
Pour débuter : Utilisez Cursor, Claude ou ChatGPT pour générer le code React à partir de cette architecture + le Master Prompt.
GitHub héberge votre code et permet le déploiement automatique via Vercel.
brew install git, Windows : git-scm.com)# 1. Créer .gitignore AVANT tout commit echo "node_modules/\n.env\n.env.local\ndist/" > .gitignore # 2. Initialiser Git git init git add . git commit -m "feat: e-commerce SEO automation tool" # 3. Lier au repo GitHub git remote add origin https://github.com/VOTRE-USER/ecom-seo-automation.git git branch -M main git push -u origin main
CRITIQUE : Le .gitignore DOIT être créé AVANT le premier commit. Il exclut .env contenant vos clés API. Si vous pushez vos clés par erreur, changez-les immédiatement.
Vercel détecte Vite automatiquement, déploie les Serverless Functions, gère HTTPS + CDN.
GEMINI_API_KEY = AIza...SERP_API_KEY = votre_cléChaque git push déclenche un re-déploiement :
Domaine custom : Par défaut sur xxx.vercel.app. Ajoutez votre domaine dans Settings → Domains. SSL automatique.
Sécurité : Les Environment Variables Vercel sont chiffrées et accessibles uniquement par vos Serverless Functions. Jamais exposées dans le navigateur.
Sans un prompt solide, l'IA produit du contenu générique.
"Expert SEO e-commerce senior." Un rôle précis conditionne la qualité de chaque output.
"Pack complet avec noms de clés JSON précis." Chaque livrable spécifié avec contraintes.
"JSON valide uniquement, parsable par JSON.parse()." Élimine 100% des erreurs.
3 outils. Simple, robuste, gratuit.
Prototypage rapide des prompts avant d'écrire une ligne de code.
Versioning du code. Chaque modification tracée et sauvegardée.
Déploiement auto à chaque git push. HTTPS, CDN, Serverless inclus.
Données réelles injectées en un clic pour démo immédiate. Parfait pour impressionner les clients.
weserv.nl / corsproxy.io pour contourner les blocages CORS. Miniatures sans erreur.
L'IA propose, l'humain dispose. Chaque champ éditable avant export. Contrôle total.
3 leviers de personnalisation.
Modifiez les noms de clés du Master Prompt pour matcher Shopify, PrestaShop, WooCommerce.
Ajoutez des instructions de ton : "professionnel", "tutoiement", "style luxe/premium".
CSV configurable. Ajoutez colonnes (SKU, catégorie, prix) pour votre template d'import.
Je développe des outils sur-mesure ou vous accompagne dans la mise en place de votre stack SEO + IA.
Réserver un appel stratégique →✓ Gratuit · 30 minutes · Sans engagement
Vous consultez un contenu premium. Entrez votre email pour accéder instantanément à la suite du guide et aux prompts.