Skip to content
SimplerWebs - digital agency in Algiers: web design, SEO and marketing

Case study · Portfolio

Dr Mokrane Orthopédie

A three-language website for an orthopedic surgery practice in Algiers.

Orthopedic and trauma surgery · Sidi M'Hamed, Algiers

The Dr Mokrane Orthopédie website (Orthopedic and trauma surgery) built by SimplerWebs, on a laptop

The context

Dr Abdelhakim Mokrane is an orthopedic and trauma surgeon in Sidi M'Hamed, Algiers. His practice treats patients of all ages, from sports injuries to fractures in children.

His patients speak Arabic or French. They needed a site that clearly explains what the practice does and makes booking easy, without feeling complicated or cold.

We also offered an English version of the site at no extra cost, because English is used more and more in Algeria.

The practice is on Rue Mohamed Belouizdad, near Place du 1er Mai. Many patients look for it after a fall, a sports injury or knee pain that won't go away. They search on their phone, in Arabic or in French, and they want two answers fast: does this doctor treat my problem, and how do I get an appointment?

The doctor also wanted an honest site. No degrees added to look good, no promises, no treatments he doesn't offer. So we listed only the services he confirmed to us himself: orthopedic consultations, musculoskeletal trauma care, prosthetic (joint replacement) surgery, arthroscopic surgery and sports trauma.

The goal

  • An online presence as serious as the practice's care.
  • Be understood and found by patients in three languages.
  • Simple booking, by phone or on WhatsApp.
  • True, checked information, with no made-up degrees or services.

What they needed

  • A fast, professional site in Arabic, French and English.
  • A clear presentation of the doctor, his services and how he treats patients.
  • Solid technical SEO for Algiers.
  • Arabic shown right to left, with no scrambled numbers and no broken pages.
  • A short contact form that works on every phone.

What we did

We built a fast custom website with Next.js, fully in three languages, without starting from a ready-made template. The structure is the same in each language, so every patient finds their way easily.

Arabic is the main language. It lives at the root of the domain, with French under /fr/ and English under /en/. The reading direction follows the language: right to left in Arabic, left to right in French and English. Each language has 10 pages: home, the services list, one page for each of the 5 services, the doctor's page, contact and the privacy policy.

Each page explains Dr Mokrane's approach in plain words: diagnosis first, and surgery only when it's justified, for adults and children alike.

Two real problems came up during the build. First, a phone number placed inside an Arabic sentence showed its digit groups in the wrong order. We isolated every number so it always reads correctly. Second, page addresses written in Arabic letters built without any error, then returned a 404 page once live. We kept simple Latin-letter addresses, while the page content itself stays fully in Arabic.

For fonts, we picked IBM Plex Sans Arabic for Arabic text and Markazi Text for Arabic headings, with Inter and Fraunces for French and English. They're served by the site itself, with no call to an outside font server. The calligraphy in the logo stays in the logo: it's beautiful, but too hard to read at small sizes for real text.

Technical SEO was set up from the start, so the practice can be found on Google in Algiers in each of the three languages. Google gets the right language tags, with Arabic as the default version. The site also describes the doctor with structured data (address, hours, phone), and every service page has its own FAQ. These are the basics of good local SEO in Algiers: Google understands who the doctor is, where he works and when.

The contact form works even when JavaScript doesn't load on the phone. It only asks for a name and a phone number, while email and message are optional. Each request reaches the practice by email, and the patient then sees a thank-you page in their own language. A WhatsApp button and a tap-to-call number are always close at hand.

The practice's Google rating is shown as it is, with a link to the real Google Maps listing, so anyone can read the reviews for themselves. Since launch, our team has added a privacy policy in all three languages and a mobile menu with a language switcher. That kind of after-launch care is what our website maintenance service covers.

Next.js + Tailwind CSS

For speed. Patients often look for a doctor on their phone, and a slow page makes them leave.

Three real versions

Arabic, French and English are three complete versions of the site, with the same content and structure. There's no automatic translation laid on top.

Technical SEO from day one

So the practice can be found on Google in Algiers, in every language.

Arabic first

Arabic sits at the root of the site and is the default version for Google, because it's the language most patients use.

Fonts served by the site

Four fonts picked for Arabic and Latin text, served by the site itself, with no wait on an outside server.

Its own colors

Olive green and terracotta, no blue, so the practice doesn't look like one more generic medical site.

The results

  • A Google PageSpeed score of 98 on mobile and 100 on desktop.
  • 100/100/100 for accessibility, best practices and SEO, on mobile and on desktop.
  • 2/2 on Agentic Browsing.
  • 30 pages live: 10 pages in each of the three languages.
  • A contact form that sends every request to the practice by email, even without JavaScript.
  • The practice now has a professional, easy-to-use site in all three of its patients' languages.
Mobile
Google PageSpeed Insights report for drmokraneortho.com: 98 for performance on mobile (100 on desktop), 100 for accessibility, best practices and SEO, plus 2/2 on Agentic Browsing.
Desktop
Google PageSpeed Insights report for drmokraneortho.com: 98 for performance on mobile (100 on desktop), 100 for accessibility, best practices and SEO, plus 2/2 on Agentic Browsing. (desktop version)
Google PageSpeed Insights report for drmokraneortho.com: 98 for performance on mobile (100 on desktop), 100 for accessibility, best practices and SEO, plus 2/2 on Agentic Browsing. September 17, 2026.

Why “No Data”?

The "Discover what your real users are experiencing" panel shows "No Data". Google only publishes this field data once a site gets a minimum number of real Chrome visits over 28 days. It isn't a technical problem.

SEO on this site

This 100/100 comes from real technical SEO work, set up while we built the site in all three languages.

What does the Google PageSpeed “SEO” score mean?

The Lighthouse "SEO" score (in the Google PageSpeed Insights reports above) mainly checks whether a page follows basic technical SEO practices, not its real ranking on Google. Google says so itself under this score: "These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials."

Real PageSpeed Insights scores, checked on September 16 and 17, 2026. Local SEO builds over time.

Does your medical practice need a serious website?

Let's talk about your project. We build clear, fast sites, in several languages when your patients need it.

Lire cette page en français : Dr Mokrane Orthopédie