# Use-case : mermio.ch — les bonnes pratiques techniques mises en place - Publication : 04/04/2026 - Temps de lecture : 9 min de lecture - Auteur : Guillaume ## Mermio, premier client de Mermio Avant de conseiller nos clients sur les bonnes pratiques SEO et technique, on les applique chez nous. Ce use-case documente les choix d'implémentation faits sur **mermio.ch** — avec des extraits de code réels, les outils utilisés pour le suivi, et les raisons derrière chaque décision. L'objectif : un site visible par les moteurs de recherche *et* par les IA génératives, conforme aux bonnes pratiques actuelles, mesurable et maintenable. --- ## 1. JSON-LD : le balisage structuré Schema.org Le JSON-LD (JavaScript Object Notation for Linked Data) est le format recommandé par Google pour injecter des données structurées dans une page sans toucher au HTML visible. Il permet aux moteurs de recherche — et aux IA — de comprendre *ce qu'est* votre site, pas seulement ce qu'il dit. Sur mermio.ch, chaque type de page dispose de son propre JSON-LD, généré dynamiquement côté serveur (Laravel). Voici ce qui est implémenté : - **Page d'accueil** : `Organization`, `LocalBusiness`, `ProfessionalService`, `WebSite`, `WebPage`, `FAQPage` - **Page service** : `Service`, `BreadcrumbList` - **Article de blog** : `Article`, `BreadcrumbList`, `Person` (auteur) - **Page contact** : `ContactPage` - **Page FAQ** : `FAQPage` avec `Question` / `Answer` Exemple du bloc `Organization` injecté sur la homepage : ```json { "@context": "https://schema.org", "@type": ["Organization", "LocalBusiness", "ProfessionalService"], "@id": "https://www.mermio.ch/#organization", "name": "Mermio", "legalName": "Mermio Sàrl", "url": "https://www.mermio.ch/", "logo": { "@type": "ImageObject", "url": "https://www.mermio.ch/img/logo.webp", "width": 200, "height": 60 }, "address": { "@type": "PostalAddress", "streetAddress": "Rue de la Tour-de-l'Ile 4", "addressLocality": "Genève", "postalCode": "1204", "addressCountry": "CH" }, "telephone": "+41786000366", "founder": { "@type": "Person", "name": "Guillaume Mermillod" }, "foundingDate": "2025", "taxID": "CHE-424.961.613", "priceRange": "CHF", "openingHours": "Mo-Fr 09:00-18:00" } ``` Les données structurées sont validées régulièrement avec le [Schema Markup Validator](https://validator.schema.org/) et l'outil de test des résultats enrichis de Google. --- ## 2. robots.txt : contrôler l'accès aux crawlers Le fichier `robots.txt`, accessible à la racine du domaine (`https://www.mermio.ch/robots.txt`), dit aux robots ce qu'ils peuvent — et ne peuvent pas — explorer. Sur mermio.ch, on distingue explicitement les crawlers traditionnels (Googlebot, Bingbot) des agents IA (GPTBot, Claude, Anthropic), en autorisant ces derniers à indexer les contenus publics. On bloque en revanche les zones d'administration et les assets non pertinents pour le référencement. ```text User-agent: * Disallow: /admin/ .... User-agent: Googlebot Allow: / User-agent: GPTBot Allow: / User-agent: ClaudeBot Allow: / User-agent: anthropic-ai Allow: / Sitemap: https://www.mermio.ch/sitemap.xml ``` La mention du sitemap en fin de fichier est une bonne pratique systématique : elle aide les crawlers à découvrir rapidement toutes les URLs. --- ## 3. llms.txt et llms-full.txt : préparer le site pour les IA génératives Les fichiers `llms.txt` et `llms-full.txt` sont une convention émergente (inspirée de [llmstxt.org](https://llmstxt.org)) pour fournir aux LLMs un résumé structuré et lisible du contenu d'un site — en Markdown, lisible par les humains autant que par les machines. C'est l'équivalent du `robots.txt`, mais pour les agents IA : au lieu de contrôler l'accès, on guide la compréhension. Sur mermio.ch, deux niveaux sont disponibles : - `/llms.txt` : version synthétique — description de l'agence, liste des services avec leurs URLs, articles récents - `/llms-full.txt` : version détaillée — descriptions complètes des services, extraits d'articles, manifeste, FAQ Extrait du fichier `llms.txt` : ```markdown # Mermio > Agence de développement web et d'intégration IA basée à Genève, Suisse. > Spécialisée Laravel, Symfony, intégration MCP, automatisation n8n. .... ## Services - [Site web sur mesure](https://www.mermio.ch/services/developpement-web) - [Landing page](https://www.mermio.ch/services/landing-pages) .... ``` Ces fichiers sont générés et mis à jour via notre MCP server interne, ce qui garantit qu'ils reflètent toujours le contenu réel du site. --- ## 4. GTM / MTM : le tracking sans pollution du code Plutôt que d'intégrer directement les scripts de tracking dans le code source Laravel, on utilise un **Tag Manager** — Google Tag Manager (GTM) ou Matomo Tag Manager (MTM) selon les exigences de conformité du client. Les avantages : - Un seul snippet dans le `` et ``, tous les tags gérés depuis une interface sans déploiement - Déclencheurs sur événements (clics, formulaires, scroll, temps passé) sans modification du code applicatif - Séparation claire entre le code métier et la logique analytics - Versionnement des conteneurs (rollback possible en cas d'erreur) Snippet Matomo Tag Manager inséré dans le `` du layout Blade : ```html {{-- Matomo Tag Manager --}} var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); (function() { var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://nlpd.mondomaine.ch/js/container_XXXXXXXX.js'; s.parentNode.insertBefore(g,s); })(); {{-- Fin Matomo Tag Manager --}} ``` Pour la conformité nLPD, **Matomo** hébergé sur un serveur suisse suffit dans la plupart des cas — pas de transfert de données hors de Suisse, pas de cookies tiers. Pour une intégration plus poussée (tracking enrichi, attribution multi-touch, audiences), on passe sur du **server-side tagging** avec GTM server-side hébergé sur un sous-domaine dédié (`nlpd.mondomaine.ch`) — les requêtes transitent par votre propre serveur avant d'atteindre les plateformes analytics, ce qui donne un contrôle total sur les données transmises. --- ## 5. Pages accessibles en .md : le contenu pensé pour les machines Chaque page de contenu majeure sur mermio.ch est accessible en deux formats : - L'URL standard HTML : `https://www.mermio.ch/blog/mon-article` - La version Markdown : `https://www.mermio.ch/blog/mon-article.md` Cette convention permet aux agents IA (qui accèdent souvent aux pages via fetch ou scraping) de récupérer le contenu dans un format propre, sans bruit HTML, balises de navigation ou scripts. C'est aussi utile pour alimenter des pipelines RAG ou des workflows d'automatisation. Côté Laravel, l'implémentation est simple : une route ou un middleware détecte l'extension `.md` et retourne le contenu en texte brut Markdown plutôt que la vue Blade complète : ```php // Dans le controller Article public function show(Article $article, Request $request): Response { if (str_ends_with($request->getPathInfo(), '.md')) { return response($article->toMarkdown(), 200) ->header('Content-Type', 'text/markdown; charset=UTF-8'); } return view('articles.show', compact('article')); } ``` --- ## 6. Suivi d'indexation et de performance ### Google Search Console La Search Console est l'outil indispensable pour monitorer l'indexation. On y surveille notamment : - Le statut d'indexation des URLs (indexées, exclues, en erreur) - Les performances de recherche : impressions, clics, CTR, position moyenne - Les Core Web Vitals : LCP, INP, CLS — directement mesurés sur les vraies visites - Les couvertures d'index après chaque déploiement significatif On soumet systématiquement le sitemap XML (`/sitemap.xml`) à la Search Console dès la mise en ligne d'un nouveau site. ### Bing Webmaster Tools Bing représente une part non négligeable du trafic de recherche, en particulier depuis l'intégration de Copilot. Bing Webmaster Tools permet : - La soumission du sitemap - Le suivi de l'indexation propre à Bingbot - L'outil SEO Reports (équivalent d'un mini-audit intégré) - La validation des données structurées (IndexNow est supporté) On active **IndexNow** sur tous les projets : chaque publication d'un nouvel article ou service déclenche une notification automatique aux moteurs compatibles (Bing, Yandex) pour une indexation quasi-immédiate. ### Google PageSpeed Insights PageSpeed Insights (basé sur Lighthouse) permet de mesurer les performances réelles sur mobile et desktop. Les métriques clés suivies : - **LCP** (Largest Contentful Paint) : temps avant que le contenu principal soit visible - **INP** (Interaction to Next Paint) : réactivité aux interactions utilisateur - **CLS** (Cumulative Layout Shift) : stabilité visuelle lors du chargement - **TTFB** (Time To First Byte) : vitesse de réponse du serveur Sur mermio.ch, on vise un score Lighthouse > 90 sur toutes les métriques en production. Les images sont servies en `.webp`, le CSS est purgé via Tailwind, et les assets sont minifiés et versionés via Vite. Mermio Dernier audit le 18 avril 2026. 100 pages analysées - 97 Performance - 94 Accessibility - 100 Best practices - 100 SEO Scores moyens obtenus sur --- ## 7. Screaming Frog SEO Spider : l'audit technique récurrent [Screaming Frog SEO Spider](https://www.screamingfrog.co.uk/seo-spider/) est notre outil d'audit SEO technique de référence. Il crawle le site comme le ferait Googlebot et remonte une liste exhaustive des problèmes potentiels. On l'utilise à plusieurs moments clés : - Avant la mise en ligne d'un site (audit pré-lancement) - Après chaque refonte ou migration - En suivi mensuel pour détecter les régressions Les points de contrôle principaux : - **Codes HTTP** : détection des 404, 301, 500 et chaînes de redirections - **Balises title et meta description** : absences, doublons, longueurs incorrectes - **Structure des headings** : H1 manquant, hiérarchie incohérente - **Images** : attributs `alt` manquants, poids excessif, formats non optimisés - **Liens internes** : ancres génériques, pages orphelines, profondeur d'indexation - **Hreflang** (si multilingue) : cohérence des balises entre versions - **Données structurées** : validation via l'intégration avec le validator Schema.org Screaming Frog s'intègre également avec Google Analytics, Google Search Console et PageSpeed Insights pour croiser les données et prioriser les correctifs. --- ## Ce que ça donne en pratique Ces bonnes pratiques ne sont pas des cases à cocher — elles forment un système cohérent. Le JSON-LD rend les pages compréhensibles pour Google et les IA. Le `robots.txt` oriente les crawlers. Les fichiers `llms.txt` préparent le site pour l'ère des agents IA. Le Tag Manager découple le tracking du code. Les pages `.md` facilitent l'ingestion automatisée. Et la triade GSC + Bing + PageSpeed + Screaming Frog garantit qu'on ne navigue pas à l'aveugle. C'est exactement ce qu'on met en place pour nos clients — mermio.ch en est la démonstration concrète. ![Use-case : mermio.ch — les bonnes pratiques techniques mises en place](https://www.mermio.ch/storage/80/01KNKTPVQM9MSHD6DRWQ2MZ78C.svg) [Contactez-nous](http://www.mermio.ch/fr/contact) ## Articles similaires 13 mai 2026 Sylvie, fondatrice d'Alchimie du Verbe (centre de formation à l'écriture, Pully), nous a confié la m... [Lire l'article](http://www.mermio.ch/fr/blog/use-case-alchimie-du-verbe-de-wordpress-a-laravel-sans-rien-perdre-en-chemin) 4 janvier 2026 Découvrez comment nous avons développé et mis en ligne la plateforme A-Track avec succès, marquant l... [Lire l'article](http://www.mermio.ch/fr/blog/mise-en-ligne-a-track)