--- name: technical-seo-social description: >- Implement technical SEO, semantic structured data (W3C JSON-LD / Schema.org), Open Graph Protocol (OGP), Twitter Cards, dynamic edge social image generation (Satori / @vercel/og), canonical tags, sitemaps, and robots.txt. --- # Technical SEO, Structured Data & Social Graph Ce skill fournit les normes et les implémentations pour assurer une indexation parfaite par les moteurs de recherche et les crawlers IA, tout en garantissant des prévisualisations riches sur tous les réseaux sociaux et messageries (Slack, iMessage, Discord, LinkedIn, X). --- ## 🎯 Déclencheurs d'Activation Activez ce skill dès que : 1. Vous créez ou restructurez des pages publiques d'un site web ou d'une application SaaS. 2. Vous configurez les métadonnées globales ou par page (`title`, `description`, balises canoniques). 3. Vous implémentez des données structurées pour les Rich Results Google (FAQ, Logiciel, Article, Produit). 4. Vous mettez en place des cartes de partage social (Open Graph et Twitter/X cards) ou la génération dynamique d'images OG. 5. Vous générez le `sitemap.xml` et le fichier `robots.txt`. --- ## 📐 1. Données Structurées JSON-LD (Schema.org) Google et les agents d'indexation modernes privilégient le format **JSON-LD** injecté dans le `` ou en fin de balise `
`. ### Schéma Recommandé pour SaaS / Application (`SoftwareApplication`) ```tsx import Script from 'next/script'; export const SoftwareSchema = () => { const schema = { '@context': 'https://schema.org', '@type': 'SoftwareApplication', name: 'Acme Studio', operatingSystem: 'All', applicationCategory: 'DesignApplication', offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR', }, aggregateRating: { '@type': 'AggregateRating', ratingValue: '4.9', reviewCount: '1240', }, }; return (