Skip to content
get in touch.

Home / Blog / Bilingual

Bilingual

Arabic and English website examples done right

Short answer

A good Arabic and English website is two native sites, not one site with a translation plugin. It mirrors the whole layout for right-to-left, uses proper Arabic fonts, gives each language its own URLs with hreflang, and researches Arabic keywords in Arabic.

Most bilingual sites in the Gulf are an English site with Arabic text poured into it. You can spot them in seconds: icons pointing the wrong way, English fonts trying to render Arabic, and a language switcher that dumps you on the homepage. Here is what the good ones do differently, with examples from sites we’ve built.

What “done right” means for a bilingual site

A visitor reading Arabic should feel the site was made for them first. The same goes for English. That takes design, development and SEO decisions, not just translation.

6 things good Arabic and English websites get right

1. The whole layout mirrors, not just the text

Navigation, columns, arrows, sliders, form fields and progress bars all flip for right-to-left. Things that shouldn’t flip, like logos, phone numbers and media controls, stay as they are.

2. Arabic typography is chosen, not inherited

English brand fonts usually have no Arabic glyphs, so browsers fall back to a system font. Good sites pair the English typeface with an Arabic one of similar weight and character, and adjust line height and sizes for Arabic script.

3. Each language has its own URLs

Use a structure like /ar/ for Arabic pages, with hreflang tags pointing each page to its translation. Google can then rank the Arabic page for Arabic searches and the English page for English ones.

4. The language switcher lands on the same page

Switching language on a service page should open that service page in the other language, not the homepage.

5. Arabic SEO is researched in Arabic

People search differently in each language, and often use dialect terms. Translating English keywords misses what Arabic speakers actually type. Each Arabic page needs its own titles, descriptions and keywords.

6. Forms, numbers and dates work in both directions

Phone fields, email fields and numbers stay left-to-right inside an Arabic form. Dates and currencies follow local formats.

Examples from our work

Alnowaiser, law firm, Riyadh

Alnowaiser law firm website in Arabic and English.
Alnowaiser law firm website in Arabic and English.

A commercial law firm website where both languages carry the same weight: mirrored layouts, matching typography and separate pages for each language, so the firm reads as established to Arabic and international clients alike.

Fuji Japan, elevators, London and Dubai

Fuji Japan elevator manufacturer website, English and Arabic.
Fuji Japan elevator manufacturer website, English and Arabic.

An elevator manufacturer with offices in London and Dubai, built in English and Arabic for both its European and Gulf audiences.

Shades of Buildings, design and build, Egypt

Shades of Buildings interiors website in Arabic, English and French.
Shades of Buildings interiors website in Arabic, English and French.

A design and build interiors company with three languages: Arabic, English and French. Proof that the same principles scale beyond two languages.

Dr. Shereen Fawaz, neuro-rehabilitation clinic, Egypt

Dr. Shereen Fawaz clinic website in Arabic and English.
Dr. Shereen Fawaz clinic website in Arabic and English.

A clinic website in Arabic and English on WordPress, where patients and families can read about treatments in the language they’re most comfortable with.

ServiceArabic & English websites

True RTL layouts, Arabic typography and separate SEO for each language.

See the service →

Common mistakes to avoid

  • One URL for both languages. Google can only index one version.
  • Machine translation. Fine for a draft, never for a business site.
  • Icons and arrows not mirrored. Small, but it makes the Arabic site feel broken.
  • English font for Arabic text. The browser picks a random fallback and the brand disappears.
  • No Arabic metadata. Arabic pages with English titles won’t rank in Arabic search.

Planning a bilingual site

Decide early which language is primary, who writes or reviews the Arabic copy, and whether both languages launch together. A second language usually adds 30–50% to the build. Our website cost guide has full price ranges, or send a brief for a fixed quote.

FAQ

Do I need separate Arabic and English pages?
Yes. Each language needs its own URL so Google can index it and show the right version to each searcher. Use hreflang tags to connect the pairs.
Is a translation plugin enough for an Arabic website?
It handles the text, but not right-to-left layout details, Arabic typography or Arabic keyword research. Those need design and SEO work.
How much more does a bilingual website cost?
A second language usually adds 30–50% to the build. The website cost guide has full price ranges.
Which platforms handle Arabic well?
WordPress, Shopify and custom code all support right-to-left well. Webflow and Framer can do it with more setup.

About the author

A
Adnan HamdiFounder, web designer and developer

Building websites since 2018 for businesses in Saudi Arabia, the UAE, Egypt and beyond. One person from first call to launch, so the person who writes these guides is the person who builds your site.

2018Building since
15+Websites live
5+Countries

Get a fixed quote for your site.

Send a short brief and get scope, timeline and cost back, usually within 24 hours.

Get a quote