Web Design & Development

Arabic and English Websites: How to Build a Bilingual Site That Ranks in Both

· 4 min read · By the Bit&Bits team

A bilingual site is more than a translation plugin. Here is how to build Arabic and English versions that both feel native and both rank on Google.

A good bilingual Arabic English website gives each language its own proper home: separate URLs, a genuine right-to-left layout for Arabic, content written for how people actually search in each language, and the technical signals that tell Google which version to show to whom. Get those four things right and both versions can rank.

Get them wrong, and you end up with an English site wearing an Arabic costume. Visitors notice, and so does Google. Here is how we approach it after more than two decades of building sites in both languages.

Give each language its own URL

The single biggest SEO mistake we see is a language switcher that swaps the text on the same address, often with JavaScript or a cookie. Search engines usually see only one version, so the other one never ranks.

Instead, give each language a clear, crawlable address. The most common options are:

  • Subfolders, such as /en/ and /ar/. Simple, and both versions share the authority of one domain. This is what we recommend for most businesses.
  • Subdomains, such as ar.example.com. Workable, but a little more to manage.
  • Separate domains. Usually only worth it when the markets are run as separate businesses.

Whichever you pick, keep the structure parallel, so every English page has a clear Arabic partner.

Hreflang and the technical basics

Once you have separate URLs, you need to tell search engines how they relate. That is what hreflang tags do. Each page lists its own language and its alternate, for example en and ar, or more specific versions like ar-eg and ar-sa if you have content tailored to Egypt and Saudi Arabia.

A few other details matter more than people expect:

  • Set the lang and dir=”rtl” attributes correctly on Arabic pages.
  • Write separate, native page titles and meta descriptions for each language.
  • Include both versions in your XML sitemap.
  • Consider Arabic slugs, or at least meaningful transliterated ones, for Arabic pages.
  • Make sure structured data, such as business details and FAQs, is in the page’s own language.

Designing a real right-to-left layout

Arabic reads from right to left, and a proper RTL layout mirrors far more than the text alignment. Navigation, icons that point a direction, progress steps, sliders, breadcrumbs and forms should all flip. Logos, phone numbers, product codes and embedded English words should not.

Typography deserves its own attention

Arabic letters have different proportions from Latin ones. A font that looks elegant in English can make Arabic feel cramped or tiny at the same size. We pair a Latin typeface with an Arabic one designed to sit comfortably beside it, then tune sizes and line heights separately for each language. Arabic usually needs a little more line height to breathe.

Test with real content

Arabic text is often a different length from its English equivalent. Buttons, menus and headlines need room to flex. We always test layouts with real Arabic copy, never placeholder text.

This is why we hand-code our websites rather than bolting RTL onto a template. You can see more on our website design and development page.

Write for how people search in each language

Translation is where many bilingual sites quietly fail. Arabic speakers do not always search with the literal translation of your English keywords. Some search in Arabic, some in English, and many in a mix. Dialect matters too: the words people use in Cairo can differ from those used in Riyadh or Dubai.

So we treat keyword research as two separate jobs:

  1. Research English terms for your English audience.
  2. Research Arabic terms, including common spellings and dialect variations, for your Arabic audience.
  3. Write, or adapt, each page to match the intent behind those terms.

The result is content that reads as if it were written in Arabic first, because in a sense it was.

Translated site vs a truly bilingual Arabic English website

Area Translated only Truly bilingual
URLs One URL, text swaps Separate URL per language
Layout Right-aligned text Full mirrored RTL design
Keywords Literal translation Researched in each language
Search signals Missing or wrong Hreflang, lang, dir, sitemap

Keeping both languages up to date

The most common way a bilingual site drifts is simple: someone updates the English page and forgets the Arabic one. Your content management system should make pairs visible, flag missing translations and let editors work in both languages without a developer. Agree on who owns each language before launch, and your site will stay consistent for years.

Once it is live, a little ongoing SEO and digital marketing support helps both versions keep climbing.

Frequently asked questions

Should the Arabic or English version be the default?

It depends on your main audience. Many Egyptian and Gulf businesses lead with Arabic for local customers and English for international ones. Just avoid forcing a redirect based on location; let people choose.

Can I use automatic translation?

It is a reasonable starting draft, but it rarely sounds natural and misses how people really search. Have a fluent writer review and adapt every page.

How long does a bilingual website take to build?

Anything from a few days for a landing page to a couple of months for a larger site, depending on the number of pages and features.

If you are planning a new site in Arabic and English, we would be glad to help you think it through. Send us a message on WhatsApp or book a free consultation — the coffee is on us.

Our passion is your success

Let's talk

Get a Free Consultation
WhatsApp Us