Thème Astro blog éditorial bilingue, SEO prêt à migrer

Ce thème s’adresse aux blogueurs, aux rédactions et aux agences qui veulent passer un blog existant sur Astro en gardant ses adresses, par exemple pour migrer depuis Webflow ou WordPress. Il fournit un blog éditorial complet en français et en anglais, et la mécanique qui protège les URL pendant une migration : des permaliens que vous réglez sur la forme de vos anciennes adresses, des redirections tenues dans un seul fichier, et un contrôle qui liste, avant la bascule, chaque ancienne URL qui tomberait en 404. Un guide de migration, en français et en anglais, décrit la méthode dans l’ordre.

Le thème aide à migrer sans perdre vos URL ; il ne garantit aucun classement. Il ne contient pas d’importeur automatique : vous convertissez votre ancien contenu en Markdown en suivant le guide. Et dans les semaines qui suivent la bascule, les moteurs ont besoin d’un site stable pour se recaler, même quand toutes les adresses sont conservées.

• 7 gabarits de page, en français et en anglais : accueil, liste d’articles paginée, article, rubrique, auteur, page simple et page 404, plus un flux RSS par langue. La page d’article comprend un fil d’Ariane, un sommaire tiré des titres, le temps de lecture, un bloc auteur, une FAQ facultative, des articles liés de la même rubrique et les liens vers l’article précédent et le suivant.
• 2 langues d’origine : la langue par défaut à la racine, l’autre sous un préfixe (/en). Le code en accepte davantage : vous ajoutez la langue dans la configuration et traduisez son dictionnaire.
• Un seul fichier de configuration, theme.config.ts : adresse du site, langues, nom du site par langue, éditeur pour les données structurées, nombre d’articles par page et motif de permalien de chaque type de page.
• Des permaliens configurables, avec les jetons :slug, :year, :month, :day, :category et :page. Le guide donne les préréglages pour reprendre les adresses d’un ancien site (/post/:slug, /:slug, /:year/:month/:day/:slug, /:category/:slug). La construction échoue, en nommant les deux fichiers, si deux pages tombent sur la même adresse ou si un permalien heurte une page fixe.
• Un slug obligatoire et figé dans le frontmatter de chaque article : l’URL ne dépend jamais du nom du fichier, et un slug accentué reste valide.
• La mécanique pour les moteurs de recherche, produite par une seule table de routes : URL canoniques, paires hreflang (seulement entre traductions publiées), noindex, plan de site qui écarte les pages à ne pas indexer, robots.txt et données structurées JSON-LD (BlogPosting, BreadcrumbList, FAQPage, CollectionPage, ProfilePage, WebSite).
• Des redirections dans un seul fichier, redirects.json, écrites en règles 301 dans dist/_redirects pour l’hébergeur. La construction refuse une chaîne, une boucle, une destination absente ou une source qui masque une page.
• Des URL sans barre oblique finale, partout : liens internes, canoniques, hreflang et plan de site.
• Deux contrôles à lancer avant la bascule : npm run check:coverage compare vos anciennes URL (export CSV « Pages » de Google Search Console, liste d’URL ou plan de site de l’ancien site) au site construit et liste les orphelines triées par clics ; npm run check:seo vérifie les canoniques, les paires hreflang, le plan de site, le JSON-LD, les liens internes et les redirections.
• Un guide de migration en 7 parties, en français et en anglais : inventaire des anciennes URL, export du contenu depuis Webflow ou WordPress, correspondance des champs avec le frontmatter, slugs recopiés à l’identique, permaliens et redirections, contrôle de couverture, jour de la bascule et semaines suivantes.
• Un magazine de démonstration inventé, sur les métiers du livre : 8 articles en français et 6 en anglais, soit 14 articles dont 6 paires de traductions. Les articles français sans traduction montrent le cas d’une page seule et celui d’une page en noindex. La démo construite compte 36 pages, et redirects.json y contient 3 redirections d’exemple, d’un ancien permalien /post/... vers /blog/....
• 8 couvertures de démonstration en WebP de 1 600 × 900 px, à remplacer par vos images.
• La version 1.0.0, avec son journal des modifications.

Fichiers du thème :

README.md, README.fr.md, CHANGELOG.md
package.json, package-lock.json, .nvmrc
theme.config.ts, astro.config.mjs, tsconfig.json
redirects.json
src/content/      (articles, auteurs, rubriques et pages, un dossier par langue)
src/components/, src/layouts/, src/lib/, src/pages/, src/styles/
src/assets/demo/  (couvertures de démonstration)
integrations/     (écriture de _redirects et _headers)
scripts/          (check-seo.mjs, check-coverage.mjs)
docs/             (guide de migration en français et en anglais, export d'exemple)

Le texte de la licence, LICENCE.txt, est à la racine de l’archive téléchargée.

Fabrication et IA

Le code du thème (Astro, TypeScript, CSS) et les textes de démonstration ont été produits avec un assistant d’IA (anthropic-claude), puis relus et contrôlés : construction, vérification des types, contrôles SEO, accessibilité, contrastes et grille d’espacement rejoués avant la mise en vente. Les 8 couvertures de démonstration sont des illustrations générées par IA (modèle krea-2), étalonnées, recadrées en 16:9 et agrandies à 1 600 × 900 px ; elles sont livrées sous la même licence que le thème, et sont à remplacer par vos propres images. Le contenu de la démo est inventé.

• Astro 7, sortie statique, aucun JavaScript envoyé au navigateur (0 Ko côté client) : images en AVIF et WebP, image de tête chargée en priorité, police de texte préchargée.
• Node 22.23.4 ou plus récent. Le fichier .nvmrc fixe Node 24, la version sur laquelle le thème a été construit et testé.
• Markdown pour le contenu, avec un frontmatter strict : un champ inconnu ou un slug en double dans une langue fait échouer la construction.
• TypeScript pour la configuration et le code du thème.
• CSS sans framework : tous les espacements, tailles et couleurs viennent de src/styles/tokens.css, en multiples de 4 px. Les couleurs claires et sombres suivent le réglage du système du visiteur, sans bouton.
• Polices : Newsreader et Instrument Sans, sous licence SIL Open Font License 1.1, référencées par npm (@fontsource-variable/newsreader et @fontsource-variable/instrument-sans) et installées avec les dépendances. Aucun fichier de police dans l’archive, aucune requête vers un service de polices externe.
• Hébergement : tout hébergeur statique qui sert blog/mon-article.html à l’adresse /blog/mon-article et lit _redirects et _headers, ou vous laisse recopier ces règles dans ses réglages. En option, l’adaptateur Node d’Astro sert les redirections 301 depuis l’application, avec le même redirects.json.

Ce qui a été contrôlé sur la démo :

• performance, accessibilité, bonnes pratiques et SEO en laboratoire, sur mobile, en médiane de 3 mesures sur 4 pages : performance de 98 à 100, les trois autres notes à 100 ;
• aucune violation relevée par un test d’accessibilité automatique, à 4 largeurs, en clair et en sombre ;
• contrastes d’au moins 6,28:1, texte atténué compris ;
• aucun défilement horizontal à 320, 375, 768 et 1 440 px de large ;
• paires hreflang réciproques, canoniques, plan de site et redirections vérifiés par check:seo.

À savoir avant l’achat :

• Le thème ne convertit pas votre ancien contenu : le guide explique l’export, la conversion en Markdown et la correspondance des champs.
• Retirez le contenu de démonstration avant de changer les permaliens : ses articles se lient entre eux par des chemins écrits en dur, que check:seo signale comme des erreurs dès que le motif change.
• Le contrôle de couverture compare les chemins sans barre finale ni hôte. La redirection /mon-article/ vers /mon-article et celle de l’hôte (avec ou sans www) se règlent chez l’hébergeur : testez-les sur une URL de prévisualisation avant la bascule.
• Le titre des pages compte autant que l’URL : recopiez l’ancien titre dans seoTitle quand il diffère du format du thème. Aucun contrôle ne le signale.
• Changez de technologie, pas de contenu : ni refonte, ni réécriture, ni slug renommé pendant la migration, et gardez vos redirections durablement, y compris une fois le trafic revenu.
• Une navigation plus longue que celle de la démo peut déborder à la largeur d’une tablette : vérifiez-la avec vos propres liens.
• Non inclus : MDX, recherche, commentaires, formulaire de lettre d’information, bouton clair ou sombre, boutons de partage, redirections à joker.

Le thème est vendu avec la licence commerciale : vous pouvez l’utiliser et le modifier pour vos sites personnels et professionnels, y compris pour vos clients, mais pas revendre, partager ni redistribuer ses fichiers, même modifiés, ni les publier comme thème ou modèle réutilisable, dépôt public compris.

1.0.0 (10 novembre 2026) : première version.