A2Z Global — Algorithm to Zillion
Web DevelopmentOct 6, 202611 min readBy A2Z Global engineering team

Building an Arabic and English Website: What a Bilingual Site Has to Get Right

What it takes to build a proper Arabic and English website for Saudi Arabia, the UAE or the wider Gulf — right-to-left layout, translation, URLs and SEO for both languages, forms, numbers and dates — and what to ask a developer.

One codebaseSharediOSStore buildAndroidStore buildNative moduleOptional · one screen

Left to right, right to leftFIG.01

Short answer

A proper Arabic and English website is two complete versions of the site, not one site with a translation switch. Arabic needs a right-to-left layout, its own URLs that Google can index separately, professionally written text rather than machine translation, and forms, numbers and dates that work in both languages. Planning it from the start costs far less than adding Arabic after launch.

Key takeaways

  • Arabic is laid out right to left, which mirrors the whole page — navigation, icons, forms and tables — not only the text.
  • Each language needs its own indexable URLs, linked with hreflang, or Google will show the wrong language to searchers.
  • Machine translation is fine for a draft and poor for a business site; Gulf customers notice immediately.
  • Typography matters: an Arabic font that pairs properly with the English one, at sizes that stay readable on a phone.
  • Adding Arabic after launch usually means reworking every template, so decide at the start.

For a business selling in Saudi Arabia, the UAE or anywhere in the Gulf, an Arabic version of the website is often what separates being considered from being skipped. Many buyers, officials and consumers work in English as well, but Arabic signals that the business is serious about the market — and for government-adjacent buyers and many consumers, it is expected. The mistake is treating Arabic as a translation file switched on at the end. It is a second layout, a second set of URLs and a second piece of writing.

This guide covers what a bilingual site has to get right, in the order it matters. For the wider picture of building web applications for the Saudi market, see web application development in Saudi Arabia.

1. Right to left is a layout, not a font

Arabic reads right to left, so the Arabic page is a mirror of the English one: the logo moves to the right, navigation runs right to left, arrows and "next" icons flip, form labels sit on the right, and tables read from the right. Some things must not flip — phone numbers, prices in Western numerals, product codes and embedded English brand names stay left to right inside the Arabic text.

A site built with right-to-left support from the start handles this through its layout system. A site where Arabic is bolted on later usually needs every template reworked, which is why it costs more to add afterwards than to plan for.

2. Separate URLs for each language

Google indexes pages, not language switches. If the Arabic version only appears after a visitor clicks a toggle, it is effectively invisible in Arabic search. Each language needs its own URLs — for example a `/ar/` section alongside the English one — each with its own title and description in that language, and the two versions linked to each other with hreflang annotations so Google shows Arabic searchers the Arabic page.

Google's own guidance on this is the reference: managing multi-regional and multilingual sites and telling Google about localized versions of your page.

3. Writing, not translating

Machine translation gives a usable first draft and an obviously machine-made final page. Gulf readers notice stiff or overly literal Arabic at once, and it undermines exactly the trust the Arabic version was meant to build. The Arabic should be written or edited by a fluent writer who understands the business — and the terms your customers search for in Arabic, which are often not a word-for-word translation of the English keywords.

4. Typography and reading on a phone

Arabic letterforms need a font designed for them, chosen to sit comfortably beside the English typeface so the two versions feel like one brand. Arabic generally needs a slightly larger size and more line spacing than English to stay readable on a phone. Web fonts for Arabic can be heavy, so they have to be loaded carefully or the Arabic pages become noticeably slower than the English ones.

5. Forms, numbers, dates and currency

  • Forms accept Arabic names and addresses, validate phone numbers in local formats, and show error messages in the visitor's language.
  • Numbers: decide whether Arabic pages use Western (0–9) or Eastern Arabic numerals, and keep prices and phone numbers consistent.
  • Dates: Gregorian is standard for business; show Hijri as well where your audience expects it.
  • Currency: SAR, AED or another, with the symbol and position correct in both languages.
  • Emails and WhatsApp messages sent by the site should go out in the language the visitor used.

6. One content system for both languages

The editing side matters as much as the public site. Your team should be able to edit the English and Arabic version of a page side by side, see which pages are missing a translation, and publish both together. A CMS that treats Arabic as an afterthought is how bilingual sites drift out of sync.

What to ask a developer

Vetting a bilingual website developer

  1. Show me an Arabic site you built

    Live, not a mock-up. Check it on your phone: does everything mirror correctly, and do numbers and English names stay left to right?

  2. How will Arabic pages be indexed?

    The answer should mention separate URLs per language, Arabic titles and descriptions, and hreflang.

  3. Who writes the Arabic?

    A fluent writer or editor, not raw machine translation. If you are supplying it, ask for a content template.

  4. How do editors manage both languages?

    Side-by-side editing and a way to see missing translations.

  5. How fast are the Arabic pages on a phone?

    Arabic fonts can slow pages down; ask how they are loaded and compare both versions.

  6. What does adding a third language involve?

    A well-built bilingual site can take another language without a rebuild.

Plan it from the start

The cheapest bilingual website is the one planned as bilingual from the first wireframe: right-to-left in the layout system, URLs for both languages in the structure, and the Arabic text commissioned alongside the English. Everything added later costs more.

We build Arabic and English websites for businesses in Saudi Arabia and the UAE from our Karachi office, in your working hours. See our web development services in Saudi Arabia and in the UAE, or send us a few lines on your site and we will tell you what the bilingual version should include.

Frequently asked questions

How do you build a website in Arabic and English?

As two complete versions of the site: an English left-to-right layout and an Arabic right-to-left layout, each with its own URLs, titles and descriptions, linked with hreflang so Google shows each language to the right searchers. The Arabic text should be written or edited by a fluent writer rather than machine translated.

What is RTL in web design?

RTL means right to left. For Arabic, the page is mirrored — logo on the right, navigation and icons reversed, labels on the right — while numbers, prices and English brand names stay left to right inside the text.

Do I need separate URLs for the Arabic version?

Yes, if you want the Arabic pages to appear in Arabic search. Google indexes pages, so an Arabic version that only appears through a language toggle is largely invisible. Use a separate section such as /ar/ with hreflang linking the two languages.

Can I use machine translation for the Arabic version?

As a first draft, yes. For the published site, have it written or edited by a fluent Arabic writer who knows the business. Gulf readers notice machine-made Arabic quickly, and it undermines the trust the Arabic version is meant to build.

Is it more expensive to add Arabic after the website is launched?

Usually yes. Right-to-left support affects every template, form and table, so adding it later often means reworking them all. Planning both languages from the start is cheaper.

/Services in this article

/Web Development by country

Ready when you are

Have a project in mind?