Technical SEO Case Study

WordPress to Static HTML Without Losing SEO

How SEOWithJack moved from WordPress to a maintainable HTML, CSS, and JavaScript website while preserving URLs, Rank Math metadata, multilingual signals, and meaningful HTTP responses.

27Original article URLs preserved
27/27Original article metadata checks matched
53URL and status decisions documented
273Migration-baseline HTML documents checked
01

The migration risk

The design was not the hardest part. The real risk was replacing WordPress rendering while accidentally changing URLs, Canonicals, robots directives, social metadata, internal links, or language relationships.

A successful migration therefore needed a database-derived baseline and repeatable tests—not a visual comparison alone.

02

What had to be preserved

The original WordPress export and database were inspected before the static output became the source of truth.

  • Original article slugs and permalink structure
  • Rank Math titles and descriptions
  • Canonical and robots directives
  • Open Graph and Twitter titles
  • Publication and modification information
  • Existing active redirects
  • Images and internal links
03

Migration approach

The existing design and migrated content were reused. Pages were generated through the current HTML, CSS, and JavaScript structure, with shared components for navigation, services, articles, languages, metadata, and structured data.

English remained the primary site. Malay and Simplified Chinese versions were generated under stable folders rather than added through a client-side translation layer.

04

Redirect and URL strategy

Every original article was marked as a preserved 200 URL. Changed pages received a meaningful 301 destination. Retired templates and unrelated content without a replacement were documented as 410 instead of being redirected to the homepage.

`/home/` → `/` (301)`/about/` → `/about-us/` (301)`/contact/` → `/contact-us/` (301)`/portfolio/` → `/portfolio/web-design/` (301)Unknown URLs → real 404Retired URLs without a replacement → 410
05

Rank Math metadata verification

The Rank Math baseline was re-extracted from the WordPress database during the audit. The generated homepage and all 27 original English article pages were compared against that baseline.

All 27 article checks matched for title, description, Canonical, robots, Open Graph title, and Twitter title. New pages use new metadata only when no original custom Rank Math value needs to be preserved.

06

Multilingual SEO structure

Equivalent English, Malay, and Simplified Chinese pages use language-specific URLs, self-referential Canonicals, and reciprocal hreflang references. The English URL is the x-default version.

Localized navigation, metadata, search indexes, service content, articles, and structured data are generated together so the translated pages do not become isolated copies.

07

QA before staging

The build checks generated pages, local files, internal targets, language completeness, SEO head output, menu structures, redirects, and sitemap coverage. A separate preservation audit compares the original database baseline with the final output.

  • No missing local assets
  • No missing internal targets
  • No WordPress asset dependencies
  • No dead hash links
  • No template-brand residue
  • No fabricated article views
  • Real 301, 404, and 410 responses
08

What this case study proves

It does not claim a ranking or traffic increase before the new production website is live. It proves that the migration was prepared around search continuity, evidence, and rollback—not assumptions.

The same method can be adapted to redesigns, CMS changes, domain consolidation, multilingual launches, and hosting migrations.

Technical SEO Case Study

Planning a website migration?

Share the current site and proposed structure before URLs or DNS are changed.

Discuss the migration on WhatsApp