MSLEGY.com

MSLEGY.com is the kind of project that looks simple from the outside and is anything but: a corporate site that had to perform — load instantly, rank on the first page, and convert visitors into contacts.

Problem

The client needed more than a brochure. They needed a website that worked as a sales asset: fast on mobile in Morocco, indexed correctly, and impossible to ignore on Google. Most agencies hand over a design and call it a day; the ranking work was the actual deliverable.

Approach

Full-stack build with SEO designed in from the first commit, not bolted on after:

• Architecture: a Next.js front end with server-rendered pages, structured data, and clean URLs — the entire sitemap is static and pre-rendered.
• Performance: Core Web Vitals are treated as acceptance criteria, not a nice-to-have — LCP, CLS, and INP are measured on every deploy.
• Technical SEO: semantic headings, schema.org markup, Open Graph, XML sitemap, and robots handled explicitly.

// every page ships structured data + a canonical URL
export const metadata: Metadata = {
  title: "…",
  alternates: { canonical: "https://mslegy.com/about" },
  openGraph: { type: "website", siteName: "MSLEGY" },
  robots: { index: true, follow: true },
};

Key decisions

• SEO as a system, not a task. Keywords map to pages, pages map to intent, and intent maps to conversion actions. Each page has one job.
• Measurable from day one. Search Console, analytics, and Core Web Vitals dashboards were wired before launch so every decision after that is data-driven.
• Self-hosted and fast. Fonts, scripts, and images served from one origin — fewer round trips, no third-party render-blocking.

Status

Live and in production. The site holds first-page positions for its target keywords, and the SEO pipeline (sitemap, structured data, performance budgets) keeps running on autopilot. The full method — architecture, Core Web Vitals as acceptance criteria, and the SEO system — is documented in Full-Stack + SEO: How MSLEGY.com Won the First Page.