Ce qu'est un site MatchTop

Pas un thème garni de votre logo. Un document écrit pour le seul site qu'il sert.

Mesuré, jamais prétendu

Quatre chiffres d'un site construit à la main.

La construction — le balisage, les données, le script, la façon d'être trouvé

L'art d'un site sérieux, c'est la retenue : la bonne balise, les données depuis lesquelles elle se rend, et le script ajouté seulement là où il justifie son poids — en utilisant les API natives les plus récentes du navigateur, sans framework — avec le SEO écrit dans la page elle-même.
Le code reste en anglais — la langue universelle de la technique.

<!-- a page you can read before one byte of JavaScript arrives -->
<main id="content">
  <h1>Office of the Registry</h1>

  <nav aria-label="Services">
    <a href="/apply">Apply</a>
    <a href="/status" aria-current="page">Check status</a>
  </nav>

  <article>
    <h2>Your case</h2>
    <p class="status status--open">Open — in review</p>
    <time datetime="2026-11-02T09:14:00Z">Updated today</time>
  </article>
</main>
<!-- no div soup, no bundle to boot. a landmark, a heading, a link. -->

// the data the page renders from — one shape, every language. the app reads the same.
{
  "case": {
    "id":      "c_7f3a91c4",
    "status":  "open",
    "locale":  "fr",
    "updated": "2026-11-02T09:14:00Z",
    "actions": [
      { "label": "apply",  "href": "/fr/apply"  },
      { "label": "status", "href": "/fr/status" }
    ]
  }
}

// JavaScript · added only where it earns its weight — the browser's newest native APIs, no framework
customElements.define("case-status", class extends HTMLElement {
  #case = JSON.parse(this.dataset.case ?? "{}");   // the same JSON the page already shipped with

  connectedCallback() {
    // View Transitions API — native to the browser, zero bundle to boot
    document.startViewTransition?.(() => this.#render()) ?? this.#render();
  }

  #render() {
    this.textContent = this.#case.status;          // enhances markup that already works without it
  }
});

<!-- SEO is not a plugin here — it is written as the page is built -->
<link rel="alternate" hreflang="fr" href="https://…/fr/status">
<link rel="alternate" hreflang="ar" href="https://…/ar/status">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "GovernmentService",
  "name": "Registry — case status",
  "availableLanguage": ["en","fr","de","ar","es","ja","zh"],
  "provider": { "@type": "GovernmentOrganization", "name": "Office of the Registry" }
}
</script>
<!-- found and chosen is the same job as built. -->

Ce qui ne peut pas être copié

Pourquoi un site écrit à la main bat un thème, chaque fois que cela compte.

Un thème ne peut pas être fait sur mesure — il a été fait pour tout le monde. Une page qui a besoin d'un mégaoctet pour afficher une phrase ne peut pas être rendue rapide — le poids en est l'essence même. C'est pourquoi il n'y a aucun modèle sur cette page, et pourquoi il n'y a pas de liste de prix : nous mesurons ce que le site doit faire, et nous chiffrons ce que nous avons mesuré.

Gardé en confidence

Avant qu'une ligne soit écrite, comment votre travail est protégé. Cette partie n'est pas négociable.