Création de site & SEO technique

La couche de construction (Site Build & Technical SEO) résout un seul problème : permettre aux moteurs de recherche de trouver, explorer, comprendre et indexer vos pages sans accroc. Elle se situe après la recherche de mots-clés et avant la production de contenu — peu importe la précision de votre recherche ou la qualité de votre rédaction, si le robot d’exploration ne peut pas lire vos pages, si vos URL sont un fouillis, ou si une page met trois secondes à s’afficher en restant blanche, le classement est tout simplement hors de portée. La bonne nouvelle : c’est le terrain où ceux qui savent coder ont le plus d’avantage. La grande majorité des « problèmes de SEO technique » se ramènent à des fichiers de configuration, des en-têtes HTTP, des balises HTML et de l’optimisation des performances — des choses qui vous sont familières. Voici un aperçu rapide de cette couche.

Domaine et hébergement (Domain & Hosting)

Qu’est-ce que c’est : le domaine est l’identité du site (Domain), l’hébergeur/serveur détermine la vitesse de réponse et la disponibilité des pages (Hosting).
Pourquoi c’est important : une réponse lente ou des pannes fréquentes font directement chuter l’efficacité d’exploration et l’expérience utilisateur ; HTTPS est un signal de classement de base.
Comment faire :
- Choisissez un domaine court, facile à retenir et lié à votre thématique ; un nouveau domaine ne profite pas du bonus « ancienneté du domaine », mais il n’a pas non plus de passif historique.
- Imposez HTTPS sur tout le site, et regroupez http:// ainsi que les versions sans www/avec www via une redirection 301 vers une version unique, pour éviter d’être perçu comme plusieurs sites différents.
- Privilégiez un hébergeur avec CDN et dont les centres de données sont proches de vos utilisateurs cibles ; plus le temps jusqu’au premier octet (TTFB, Time To First Byte) est bas, mieux c’est.

🧑‍💻 Point de vue développeur : utilisez curl -I https://votre-domaine pour examiner les en-têtes de réponse. Vérifiez que le code de statut est 200, qu’il y a un strict-transport-security, et qu’il n’y a pas de x-robots-tag: noindex inattendu.

Architecture du site (Site Architecture)

Structure des URL : utilisez des chemins sémantiques, en minuscules, avec les mots séparés par des traits d’union, comme example.com/seo/technical-seo, et évitez l’empilement de paramètres du type ?id=123&cat=7.
Hiérarchie (Hierarchy) : les pages importantes doivent autant que possible être accessibles en moins de 3 clics depuis la page d’accueil ; plus la hiérarchie est plate, mieux circulent le « jus » de lien et l’exploration.
Liens internes et clusters thématiques (Internal Links & Topic Cluster) : utilisez une « page pilier (Pillar Page) » pour chapeauter une thématique, puis faites graviter autour d’elle plusieurs « pages de cluster (Cluster Pages) » qui se lient entre elles, afin de signaler aux moteurs de recherche votre autorité sur le sujet.
Comment faire : gardez une navigation et un fil d’Ariane (Breadcrumb) clairs, et utilisez pour le texte d’ancre (Anchor Text) des liens internes des mots-clés descriptifs plutôt que « cliquez ici ».

💡 Astuce : imaginez votre site comme un arbre. La page d’accueil est la racine, les catégories sont les branches, les articles sont les feuilles — le robot « grimpe à l’arbre » en suivant les liens internes, et un lien cassé est une branche brisée.

Liste de contrôle du SEO technique

C’est le cœur de cette couche. Vérifiez chaque point un à un :

Élément	Rôle	Point clé
`robots.txt`	Indique au robot quels chemins peuvent être explorés	Placé à la racine du site ; ne l’utilisez pas pour « cacher » des pages, il n’empêche pas l’indexation
`sitemap.xml`	Liste les URL que vous souhaitez voir indexées	À soumettre à Google Search Console ; n’y mettez que des pages indexables
canonical	Désigne la version « officielle » d’un contenu dupliqué	Utilisez `<link rel="canonical" href="...">` pour pointer vers l’URL préférée
hreflang	Fait correspondre les versions multilingues/multirégionales	Utilisez `<link rel="alternate" hreflang="zh-CN" href="...">`, avec des références bidirectionnelles
Données structurées (Schema)	Permet aux moteurs de comprendre le type de contenu	Utilisez le JSON-LD, pour obtenir des résultats enrichis (Rich Results)

Indexation mobile-first (Mobile-First Indexing) : Google utilise principalement la version mobile des pages pour l’indexation et le classement ; assurez-vous que le contenu, les données structurées et la version desktop soient cohérents avec le mobile.
Core Web Vitals : LCP (Largest Contentful Paint ≤ 2,5 s), INP (Interaction to Next Paint ≤ 200 ms), CLS (Cumulative Layout Shift ≤ 0,1).
Budget d’exploration et contenu dupliqué (Crawl Budget & Duplicate Content) : avec les balises canonical, la gestion des paramètres et un maillage interne raisonnable, évitez que le robot ne gaspille son quota sur des URL dupliquées sans intérêt.

Exemple minimal de robots.txt (notez que le sitemap utilise une adresse absolue) :

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

Squelette de données structurées (JSON-LD) pour un article :

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "技术 SEO 入门",
  "author": { "@type": "Person", "name": "你的名字" },
  "datePublished": "2026-06-18"
}
</script>

🧑‍💻 Point de vue développeur : n’écrivez pas ces fichiers à la main au risque de vous tromper. Utilisez directement le générateur robots/sitemap et le générateur de Schema de ce site, puis validez le résultat avec l’outil de test des résultats enrichis de Google.

Choix de l’outil de construction (CMS / Framework)

Les différents outils n’offrent pas le même niveau de « convivialité SEO par défaut » :

WordPress : écosystème mature, des extensions comme Yoast/Rank Math prennent en charge les meta, le sitemap et le Schema ; l’inconvénient est que les performances reposent sur des extensions de cache et d’optimisation.
Webflow : construction visuelle, les champs SEO (title, canonical, hreflang) sont configurables d’emblée, idéal pour ceux qui ne veulent pas toucher au serveur ; la logique personnalisée est limitée.
Next.js : framework React, prenant en charge le SSR/SSG, avec le plus grand contrôle ; mais vous devez « compléter » le SEO vous-même avec next/head, generateMetadata et des routes de sitemap dynamiques, sinon le CSR est par défaut peu convivial pour les robots.
Astro : conçu pour les sites de contenu, il produit par défaut du HTML statique, sans JS superflu, ce qui s’accorde naturellement avec les Core Web Vitals et l’exploration, particulièrement adapté aux blogs/documentations/sites SEO (ce site utilise justement Astro).

⚠️ Attention : pour une application monopage en rendu purement côté client (CSR), le HTML du premier affichage peut n’être qu’une coquille vide. Privilégiez la génération statique (SSG) ou le rendu côté serveur (SSR), pour que le robot reçoive un contenu complet.

📌 Couche en construction

Le tutoriel complet (avec la mise en œuvre pas à pas de chaque configuration et des exemples de code) est en cours de rédaction, restez à l’écoute. En attendant, utilisez la liste de contrôle rapide ci-dessous pour poser des fondations solides :

Imposer HTTPS sur tout le site et rediriger en 301 toutes les variantes de domaine vers une URL préférée unique
Générer et soumettre robots.txt et sitemap.xml (vous pouvez utiliser le générateur de ce site)
Ajouter une balise canonical aux pages clés, et clarifier l’attribution des contenus dupliqués/paginés
Ajouter des données structurées en JSON-LD aux articles, au fil d’Ariane et aux informations sur l’organisation
Lancer une analyse Lighthouse et vérifier que les trois indicateurs LCP / INP / CLS sont conformes