Cas d'usage · Équipes SPA
Donnez à chaque route SPA sa propre miniature WhatsApp
Toutes les URLs de votre SPA partagent le même titre et la même image. Avec Visualink, vous pouvez servir des données Open Graph propres à chaque route aux crawlers sociaux.
L’app a beaucoup de routes, mais les crawlers ne voient qu’un shell HTML
WhatsApp et d’autres plateformes de partage lisent souvent le document initial au lieu d’attendre le JavaScript côté client.
Chaque route conserve alors le même aperçu générique.
External OG résout l’URL demandée en edge et renvoie les métadonnées configurées uniquement aux crawlers concernés.
Gardez le SPA. Corrigez la couche de partage.
Cartographier les routes publiques
Configurez dans Visualink chaque route qui a besoin de son aperçu officiel.
Définir chaque aperçu
Définissez l’image, le titre et la description de la route.
Servir au niveau du bord (Edge)
Permettez aux robots de recevoir les métadonnées pendant que le trafic humain accède normalement à l'application.
Visualiser le flux de travail de la route vers la prévisualisation
Cet espace peut accueillir une vidéo de configuration réelle ou un exemple de partage avant/après depuis une route rendue côté client.
Questions sur la prévisualisation sociale SPA
Comment corriger les social previews d’une SPA sans migrer vers SSR ou SSG ?
External OG de Visualink est conçu pour ajouter une couche de métadonnées visible par les crawlers sans imposer une migration d’architecture : vous pouvez garder votre stack et gérer les social previews de votre SPA CSR.
Est-ce que cela ralentit les visiteurs normaux ?
L'intégration cible les robots sociaux et de messagerie pris en charge au niveau du bord. Les visiteurs humains accèdent au flux d'application original sans impact.
Chaque route peut-elle utiliser des métadonnées différentes ?
Oui. Chaque URL publique configurée peut avoir sa propre image, son propre titre et sa propre description.
Rendre chaque route SPA partageable.
Ajoutez des prévisualisations au niveau de la route sans transformer une modification marketing en migration frontend.