À propos de BrowserUX SEO Files

BrowserUX SEO Files est un plugin moderne conçu pour automatiser la génération des fichiers techniques SEO indispensables, tels que sitemap.xml et robots.txt. Il s’intègre parfaitement dans le workflow Vite, qu’il s’agisse de sites statiques ou d’applications single-page (SPA), en garantissant une meilleure indexation par les moteurs de recherche, sans effort manuel.

• Code source de BrowserUX Theme SEO Files sur Github
• Site du projet BrowserUX SEO Files
• Documentation de BrowserUX SEO Files

Conçu comme une brique indépendante et réutilisable, BrowserUX SEO Files va plus loin qu’un simple script de build : il détecte automatiquement vos pages, gère les routes SPA, applique vos règles d’exclusion et produit des fichiers prêts pour une indexation optimale, tout cela sans effort manuel.

Léger, typé en TypeScript et entièrement configurable, il apporte une solution robuste pour mettre en place de bonnes pratiques SEO sur n’importe quel projet Vite, sans complexité superflue.

I. Pourquoi BrowserUX SEO Files ?

Dans nombre de projets, la génération de sitemap.xml et robots.txt se fait souvent à la main : scripts maison, copier-coller, oublis de mise à jour, etc. Résultat : des fichiers parfois obsolètes, incomplets, ou carrément manquants, pénalisant l’indexation.

BrowserUX SEO Files est né de ce constat : plutôt que de répéter ce travail à chaque déploiement, ce plugin automatise et fiabilise l’ensemble du processus. Il s’intègre dans le pipeline Vite (vite build), détecte les ressources HTML, prend en compte vos routes SPA, et écrit des fichiers propres, cohérents et toujours à jour.

II. Objectifs

• Générer automatiquement les fichiers sitemap.xml et robots.txt à chaque build
• Supporter les projets Vite, qu’ils soient statiques ou en SPA
• Permettre une configuration fine (exclusions, règles Disallow, URLs supplémentaires)
• Extraire dynamiquement les routes d’un fichier routes-list.js dans les projets SPA
• Détecter la date de dernière modification de chaque page (lastmod)
• Ne pas nécessiter d’ajout de dépendance externe ni de logique manuelle

III. Fonctionnalités clés

1. Génération automatique du sitemap

Le plugin scanne le dossier dist/ après build pour lister toutes les pages .html, en extrayant les dates de dernière modification et en calculant les priorités. Le fichier sitemap.xml est ensuite généré automatiquement, prêt à être lu par les moteurs de recherche.

<url>
    <loc>https://example.com/about/</loc>
    <lastmod>2025-07-13</lastmod>
    <priority>0.50</priority>
</url>

2. Création intelligente du fichier robots.txt

Il ajoute une directive User-agent: *, inclut un lien vers le sitemap, et permet d’ajouter des règles Disallow spécifiques pour bloquer certaines zones du site.

User-agent: *
Disallow: /private/
Sitemap: https://example.com/sitemap.xml

3. Support des SPA avec routes-list.js

Si le fichier src/routes-list.js est détecté, le plugin l’utilise pour générer un sitemap basé sur les routes déclarées. Cela permet une prise en charge complète des SPAs, même si aucun fichier HTML n’est directement présent.

4. Personnalisation avancée

• Exclusions : via exclude, vous pouvez ignorer des fichiers ou dossiers (e.g. drafts/**, 404.html)
• URLs additionnelles : avec additionalUrls, vous pouvez forcer l’ajout de pages dynamiques ou externes
• Chemins protégés : avec disallow, vous contrôlez précisément ce que les robots peuvent explorer

5. Format moderne et compatibilité large

Le plugin est compatible ESM et CommonJS, fonctionne avec tous les frameworks Vite (Vue, React, Svelte…) et ne nécessite aucune dépendance externe. Il peut être utilisé dans des projets TypeScript avec autocomplétion native.

IV. Une base stable et évolutive

BrowserUX SEO Files est conçu pour être stable, prévisible et facile à maintenir. Chaque option est documentée, et le code source est structuré pour accueillir de futures améliorations.

Le projet est open-source, disponible sur GitHub, et ouvert aux suggestions, contributions et retours de la communauté.

V. Lecture facile, configuration rapide

Le fichier vite.config.js se suffit à lui-même pour activer toutes les fonctionnalités essentielles :

import { defineConfig } from 'vite';
import seoFiles from 'vite-plugin-seo-files';

export default defineConfig({
    plugins: [
        seoFiles({
            siteUrl: 'https://monsite.com',
            exclude: ['404.html', 'drafts/**'],
            disallow: ['/private/', '/admin'],
            additionalUrls: ['/custom-page', '/api/landing']
        })
    ]
});

Aucune étape supplémentaire, aucun HTML à modifier, tout est prêt dès le build terminé.

VI. En conclusion

BrowserUX SEO Files répond à un besoin sous-estimé dans l’écosystème Vite : automatiser et fiabiliser la création des fichiers SEO techniques. Il améliore l’indexation, réduit les oublis, et s’intègre naturellement dans votre chaîne de production.

Si vous cherchez une solution simple, efficace et extensible pour gérer votre SEO technique avec Vite, testez BrowserUX SEO Files.