Nouveautés

Fini les allers-retours page par page pour vérifier votre balisage Schema.

Le balisage Schema, ce sont les données qui aident Google à comprendre une page (un produit, une FAQ, un avis). Un nouvel onglet SEO & AEO les réunit pour tout un site web ou tout un tunnel.

Vous voyez d'un coup d'œil quelles pages sont à jour, lesquelles ont vieilli et lesquelles n'ont rien.

🧭 Qu'est-ce qui change ?

• 🩺 Une carte « Couverture du balisage » note la santé de l'ensemble, de « À améliorer » à « Excellent ».
• 📄 Un tableau liste chaque page avec ses types de Schema, son statut et sa date de dernière mise à jour.
• 🤖 L'IA génère le balisage d'une ou de plusieurs pages, avec un suivi de la progression.
• ✏️ Les pages sans balisage ont un bouton + Ajouter un balisage Schema. Pour les autres, un clic sur l'étiquette ouvre l'édition.
• 🔍 La recherche cible un nom ou un chemin de page, et les filtres isolent un statut.
• ⏳ Une page modifiée et republiée au moins deux fois depuis la création de son balisage est marquée « Peut-être obsolète ».

⚙️ Comment ça fonctionne

Un tableau de bord par site ou par tunnel

Le balisage se contrôle sans ouvrir chaque page dans l'éditeur. L'onglet et l'éditeur restent synchronisés : une modification faite d'un côté apparaît de l'autre.

Le balisage reste un complément des bases du référencement, détaillées dans Le Référencement (SEO) sur CrocoClick.

Cinq statuts pour chaque page

Rien ne part en ligne sans votre clic

Un balisage généré par l'IA ou modifié à la main reste « Non enregistré » tant que vous ne cliquez pas sur Enregistrer et publier. Le bouton Annuler l'abandonne.

L'IA peut se tromper. Relisez chaque résultat avant de publier.

Vos pages existantes

Aucune action n'est nécessaire et aucune donnée ne disparaît. Le balisage déjà posé apparaît dans l'onglet. Les pages sans balisage affichent « Aucun schema ».

🛠️ Comment l'utiliser

1. Allez dans Sites, puis ouvrez le site web ou le tunnel à contrôler.
2. Cliquez sur l'onglet SEO & AEO et lisez la carte de couverture.
3. Filtrez sur « Aucun schema » ou « Peut-être obsolète » pour repérer les pages à traiter.
4. Sélectionnez les pages et lancez la génération par l'IA. Pour une seule page, cliquez sur + Ajouter un balisage Schema, ou sur l'étiquette d'un balisage existant pour le modifier.
5. Relisez les résultats.
6. Cliquez sur Enregistrer et publier, ou sur Annuler pour tout écarter.

Pour les types de balisage disponibles et les bonnes pratiques, suivez le guide Ajouter du balisage Schema (JSON-LD) à vos pages et tunnels (+ IA).

Pourquoi c'est important ?

• ✅ Les pages sans balisage se repèrent en quelques secondes.
• ✅ Vous corrigez plusieurs pages sans rouvrir l'éditeur à chaque fois.
• ✅ Les pages dont le balisage a vieilli ressortent d'elles-mêmes.
• ✅ Rien ne se publie sans votre validation.

Un site entier se contrôle maintenant en une seule vue. Ouvrez l'onglet SEO & AEO de votre prochain tunnel et commencez par les pages sans balisage.

Début de paiement, moyen de paiement saisi et panier abandonné : le Pixel Meta voit mieux ce que font vos acheteurs.

Le Pixel Meta est le petit code qui envoie à Meta les actions de vos visiteurs. Deux de ses événements gagnent en précision : InitiateCheckout, qui signale le début d'un paiement, et AddPaymentInfo, qui signale la saisie d'un moyen de paiement.

Rien à reconfigurer. La mise à jour concerne les tunnels, sites et boutiques dont le Pixel a l'événement InitiateCheckout activé.

🧭 Qu'est-ce qui change ?

• 🛒 InitiateCheckout part au chargement de la page de paiement d'une boutique.
• 📄 Il part aussi au chargement d'une page où vous l'avez ajouté au niveau de la page.
• ⌨️ Dans un formulaire de commande ailleurs (en une ou deux étapes, popup, nouveau formulaire), il part au premier clic, toucher ou frappe.
• 🔁 Il ne part qu'une fois par visite de page, même avec plusieurs formulaires ou déclencheurs.
• 🧺 Pour une relance de panier abandonné, l'événement attend le chargement du panier. Il embarque alors la valeur et les produits.
• 💳 Un acheteur qui file vers un portefeuille express (Apple Pay) déclenche l'événement au démarrage du paiement.
• 📦 AddPaymentInfo envoie en plus la valeur de la commande, la devise, les identifiants produits et des données client hachées (email, téléphone, nom, identifiant externe), quand elles existent.

⚙️ Comment ça fonctionne

Quand InitiateCheckout se déclenche

Tout dépend de l'endroit où vous avez réglé l'événement :

• Au niveau de la page : il part au chargement de la page.
• Au niveau du tunnel, du site ou du webinaire : il part à la première interaction avec le formulaire de commande.
• Sur la page de paiement d'une boutique : il part au chargement.

Des données plus propres

Le remplissage automatique du navigateur, les gestionnaires de mots de passe et les champs qui prennent le focus tout seuls ne déclenchent pas l'événement. Une commande ne porte qu'une seule devise, et Meta ne reçoit aucune valeur vide ou invalide.

Meta s'en sert pour optimiser vos campagnes et bâtir des audiences à partir des intentions d'achat. La qualité de correspondance des événements progresse, ce qui rend l'attribution plus fiable.

Ce qui ne change pas

• PageView, ViewContent et Purchase partent aux mêmes moments qu'avant.
• Le consentement reste respecté : sans consentement publicitaire, rien n'est envoyé.
• Les envois du navigateur et du serveur restent dédupliqués dans Events Manager. Pour l'envoi côté serveur, voir Créer et copier votre jeton d'accès Meta.
• Une commande gratuite n'envoie pas AddPaymentInfo. Une commande entièrement payée par carte cadeau l'envoie, avec une valeur de 0.
• Un Pixel sans InitiateCheckout ne bouge pas.

🛠️ Comment l'utiliser

1. Vérifiez que l'événement InitiateCheckout est activé sur le Pixel Meta de votre tunnel, de votre site ou de votre boutique. Si vous n'avez pas encore de Pixel, le guide Comprendre le Pixel ID Meta pour le suivi des événements sur vos funnels et sites web vous aide à le créer.
2. Ne changez rien d'autre : la mise à jour s'applique toute seule.
3. Sur une page déjà publiée, le réglage au niveau de la page peut prendre jusqu'à 24 h. Pour l'appliquer tout de suite, modifiez la page et enregistrez-la.
4. Notez la date de la mise à jour dans vos rapports Meta, pour comparer l'avant et l'après.
5. Ouvrez Events Manager et contrôlez que AddPaymentInfo arrive avec la valeur et la devise.

Pour brancher le Pixel et l'API de conversion à vos tunnels, suivez Connecter le Pixel et l'API de conversion Facebook à CrocoClick pour vos funnels.

Pourquoi c'est important ?

• ✅ Vous mesurez l'abandon entre le début du paiement et la saisie du moyen de paiement.
• ✅ Meta optimise vos campagnes à partir d'intentions d'achat plus fiables.
• ✅ Une meilleure correspondance des événements rend l'attribution plus claire.
• ✅ Les données envoyées sont cohérentes : une devise par commande, aucune valeur vide.

Votre suivi Meta voit le moment où l'achat se joue. Ouvrez Events Manager dans quelques jours et comparez avec la période précédente.

CrocoVibe gagne un espace de stockage pour vos applications : Cloud.

Activez-le sur un projet et CrocoVibe lui crée un backend privé, c'est-à-dire la partie cachée qui garde les informations. Il contient une base de données, les comptes des personnes qui se connectent et un stockage de fichiers.

Vous continuez à travailler pendant la mise en place. Votre site publié ne change pas tant que vous ne le republiez pas.

🧭 Qu'est-ce qui change ?

• 🗄️ Une base de données privée par projet : vous voyez vos tables, le nombre approximatif de lignes et l'état de la sécurité par ligne.
• 💾 Des sauvegardes quotidiennes du schéma et des lignes, avec une option de restauration.
• 👥 Une page Utilisateurs : graphique des inscriptions, recherche par email, création de comptes et invitations.
• 🔐 Des réglages de connexion : confirmation d'email, inscriptions ouvertes ou fermées, règles de mot de passe.
• 📁 Un stockage de fichiers organisé en buckets, des espaces de rangement publics ou privés.
• 🛡️ Un conseiller de sécurité qui signale les problèmes sur la vue d'ensemble.
• ⏸️ Des réglages avancés : taille de la base, espace de stockage et mise en pause.

⚙️ Comment ça fonctionne

L'activation

Ouvrez Plus > Cloud, puis activez Cloud depuis Vue d'ensemble. CrocoVibe crée alors le backend privé de votre projet.

Si la mise en place échoue, votre application reste intacte. Le bouton Réessayer reprend là où le processus s'est arrêté.

CrocoVibe demande une confirmation avant de générer du code lié à Cloud. Pour relire ce code, le guide L'éditeur de code de CrocoVibe : reprenez la main sur le code de vos projets vous montre où le trouver.

La base de données

Quatre outils servent à la suivre au quotidien :

• Lignes : ajoutez-en, supprimez-en, ou modifiez-les par double-clic sur une cellule.
• Tables et règles d'accès : demandez-les à CrocoVibe dans le chat.
• Bilan de santé : un bouton envoie le bilan dans le chat. Cette action consomme des crédits.
• Sauvegardes quotidiennes : elles couvrent le schéma et les lignes, mais pas les fichiers ni le code.

Restaurer une sauvegarde remplace la base active. L'accès à la base est suspendu pendant quelques minutes.

Les utilisateurs

Dans la page Utilisateurs, deux boutons créent un compte. L'un crée un utilisateur déjà confirmé, sans envoyer d'email. L'autre envoie une invitation avec un lien pour choisir son mot de passe.

Supprimer un utilisateur est définitif. La connexion se fait par email et mot de passe uniquement, pour cette première version.

Les réglages de connexion se répartissent ainsi :

Le stockage de fichiers

Un bucket est public, donc accessible par lien, ou privé, donc réservé aux utilisateurs connectés. Son nom compte de 3 à 63 caractères, en minuscules, chiffres et tirets. Il ne se modifie plus ensuite.

Dans un bucket, vous téléversez, créez des dossiers, téléchargez, supprimez, renommez et copiez l'URL d'un fichier. Attention : renommer un fichier change son URL.

Deux réglages complètent le tout : la limite de taille d'envoi, et les règles de lecture et d'écriture.

Taille, coûts et pause

Si votre solde est insuffisant, la pause se déclenche toute seule. Une fois le solde régularisé, l'option Réveiller relance l'accès. Aucune donnée n'est supprimée.

Le conseiller de sécurité

Une carte apparaît sur Vue d'ensemble quand un problème est détecté. Le bouton Voir les problèmes les liste, et Essayer de corriger demande une correction à CrocoVibe.

Réglez les problèmes critiques avant de publier. Les avertissements se regardent sans urgence.

Avant de commencer

Cloud fonctionne avec les applications TanStack Start. Pour un projet React existant, passez d'abord par Paramètres du projet > Migrer vers SSR. Cette étape crée une copie et n'active pas Cloud.

Partager ou remixer un projet ne copie pas les données Cloud. La copie peut envoyer des requêtes au Cloud du projet d'origine, selon ses règles d'accès.

🛠️ Comment l'utiliser

1. Vérifiez que votre projet est une application TanStack Start. Sinon, ouvrez Paramètres du projet > Migrer vers SSR pour en créer une copie compatible.
2. Ouvrez Plus > Cloud, puis activez Cloud depuis Vue d'ensemble.
3. Confirmez quand CrocoVibe le demande, avant la génération du code lié à Cloud.
4. Demandez à CrocoVibe, dans le chat, de créer vos tables et leurs règles d'accès.
5. Réglez la connexion dans Utilisateurs : confirmation d'email, nouvelles inscriptions, URL du site et URL de redirection.
6. Créez vos buckets dans le stockage de fichiers, publics ou privés, et fixez la limite de taille d'envoi.
7. Regardez la carte du conseiller de sécurité et corrigez les problèmes critiques.
8. Republiez votre site : il reste inchangé tant que vous ne le faites pas.

Pour découvrir tout ce que CrocoVibe sait construire, lisez CrocoVibe : Créez sites, pages et applications 100% codé avec l'IA de CrocoClick.

Pourquoi c'est important ?

• ✅ Vos applications enregistrent des données, des comptes et des fichiers.
• ✅ Les sauvegardes quotidiennes protègent vos tables et vos lignes.
• ✅ Vous gardez la main sur les inscriptions et les accès.
• ✅ La taille de la base se choisit, avec son tarif horaire affiché.
• ✅ Le conseiller de sécurité signale les failles avant la publication.

Vos applications CrocoVibe savent maintenant garder la mémoire. Ouvrez Plus > Cloud dans un projet TanStack Start et activez-le.