Layout and direction
- The Arabic version uses
dir="rtl"on the page, so the layout mirrors: the menu, text alignment, and the order of columns. - Icons that show direction flip too: arrows, "next" and "back" buttons, and progress steps.
- Things that shouldn’t flip stay as they are: logos, phone numbers, prices in dollars, product photos, and video controls.
- Mixed text, like an English brand name inside an Arabic sentence, displays in the right order.
Fonts and text
- The Arabic font is chosen on purpose, not left to the browser. It should match the feel of the English font and stay readable at small sizes.
- Arabic text gets a slightly larger size and more line height than English, because the letters are more detailed.
- Letter spacing and all-caps styles are removed in Arabic. Arabic letters connect, and extra spacing breaks them.
Numbers, prices and dates
- Decide once whether to show Western digits (1, 2, 3) or Arabic-Indic digits (١، ٢، ٣), and use the same choice everywhere.
- Prices show the currency clearly, for example "$25" or "25 دولار", and phone numbers stay readable left to right.
- Dates are written in a format Arabic readers expect, or as words to avoid confusion between day and month.
Forms
- Labels, placeholders and error messages are all translated, including the ones that only appear when something goes wrong.
- Email and website fields stay left to right even on the Arabic page, so addresses are typed correctly.
- Name fields accept Arabic letters.
Search engines
- Each language has its own address, such as
/en/and/ar/, rather than switching language without changing the page address. - Every page tells Google which other languages it exists in, using hreflang links.
- Page titles and descriptions are written separately in each language, not left in English.
- The sitemap lists every language version.
Translation
- A person who speaks the language reviews the text. Machine translation is a starting point, not the final copy.
- Lebanese readers may expect a different tone than readers elsewhere. Decide between formal Arabic and a lighter tone for your audience.
- The Arabic version isn’t a smaller copy: it has the same pages, the same calls to action, and the same contact options.
A quick test before launch
- 01
Open every page in Arabic on a phone and check nothing overlaps or runs off the screen.
- 02
Fill in every form in Arabic and trigger every error message.
- 03
Switch languages from different pages and check you land on the same page in the other language.
- 04
Search your business name in Arabic on Google after a few weeks, to check the Arabic pages are listed.
If you’d like a second opinion on your current site, the free website check tests the basics in a minute, and I build sites in English, Arabic and French.