Web Design & Development
Web Design and SEO in Dubai: Tips for Building a Bilingual Website That Ranks
What an Arabic-first build gets right before it ranks: text direction, font weight, Arabic keyword variants, URL encoding, and what a grader misses.

Key Takeaways
- Right to left comes from the dir attribute in the theme's base template, not from the page's language setting, so a page can be correctly tagged Arabic for a crawler and still be laid out backwards for the reader, and nothing in rank tracking will report it.
- Keyword tools split one pool of Arabic demand across alef variants, ta marbuta against ha, ya against alef maqsura and spellings with and without diacritics, so an Arabic term has to be clustered across those variants before it is compared with its English equivalent.
- An unsubsetted Arabic display face is usually the largest asset on a regional page, and it surfaces in an audit as a largest contentful paint regression rather than as a font problem.
- HubSpot's Website Grader scores performance, mobile readiness, SEO and security, and says nothing about right-to-left correctness, Arabic font loading or bidirectional text defects.
- Latin text and digits inside an Arabic sentence are bidirectionally neutral, so a phone number, an English product name or a trailing bracket renders in the wrong position unless it is isolated, and it hits headings and title tags as readily as body copy.
A website ranks in this market when both halves of it are built to be read: the English tree most vendors get right, and the Arabic tree that decides whether the site is usable at all for the people who have to work in it. To stand out you need two things, a good looking website and high search rankings, and on a bilingual site those two goals fail together in ways neither a design review nor a rank tracker reports.
A seamless blend of web design and search engine optimization (SEO) is essential for driving organic traffic and ensuring that your site is easily discoverable by your buyer personas. What follows is the generic advice where it still holds, and the places where a second language and a second text direction change what you should actually do.
What is web design?
Web design is the process of creating the visual layout, structure, and functionality of your website. It involves a combination of graphic design, the user experience and interface design, all working together to create a site that is visually appealing and easy to navigate.
The key is to build a design that is easy to follow and seamlessly moves your buyer personas through their buyer's journey, from top-of-the-funnel content to bottom-of-the-funnel conversions.
To do this successfully, there are a few key elements to web design:
- Layout and Structure: Organizing content in a way that is easy for users to navigate.
- Colour Schemes and Typography: Choosing colours and fonts that enhance readability and brand identity.
- Imagery and Graphics: Using images, icons, and other visual elements to engage visitors and support your website's content.
- Responsiveness: Ensuring your website is accessible and functional across different devices and screen sizes.
A well-designed website is not only aesthetically pleasing but also enhances the user experience and helps guide your prospects through their buyer's journey. Where the audience reads Arabic, a fifth element sits above the other four, because it is structural rather than cosmetic: text direction, which is decided in the theme and not on the page.
What is SEO?
Search Engine Optimization (SEO) is the practice of optimizing your website to improve its visibility in search engine results pages (SERPs). The goal of SEO is to increase organic (non-paid) traffic to your website by making it easier for search engines like Google to understand, index, and rank your site's content.
Key components of SEO include:
- Keyword Research: Identifying and targeting the search terms that your potential customers are using.
- On-Page SEO: Optimizing individual web pages, including title tags, meta descriptions, header tags, and keyword placement.
- Off-Page SEO: Building backlinks from other reputable websites to improve your site's authority.
- Technical SEO: Ensuring your website's infrastructure is optimized for search engines, including site speed, mobile-friendliness, and secure protocols (HTTPS).
- Content Creation: Producing high-quality, relevant content that answers your buyer persona's questions through the different stages of their buyer's journey.
Every one of those components carries over to an Arabic site. Only keyword research behaves differently, and it differs enough to change what the research tells you: see tip 2.
How do web design and SEO work together on a bilingual site?
Web design and SEO are interconnected, each playing a crucial role in the success of your website. A beautifully designed website that lacks SEO will struggle to attract visitors, while a site optimized for search engines but poorly designed may fail to convert those visitors into customers.
On a bilingual site there is a third joint between them, and it is the one that breaks: text direction. Right to left comes from the dir attribute in the theme's base template, not from the page's language setting. Selecting Arabic in a multi-language page group changes the language tag and the switcher and leaves the layout running left to right, so a page can be correctly tagged Arabic for a crawler and still be laid out backwards for the reader. Nothing in your rank tracking will tell you that has happened.
A mirrored left-to-right theme then breaks wherever left and right are hardcoded: icon padding, field alignment, breadcrumb chevrons, carousels, and anything absolutely positioned. Building on logical properties such as margin-inline-start and padding-inline-end is what lets one theme serve both directions instead of two themes drifting apart release by release. This is why direction belongs in the website design and development brief rather than in a localization ticket after launch: our own research on MENA CRM buyers finds 64% need right-to-left formatting before they will treat a platform as usable, so on most regional sites it is a condition of the build rather than an enhancement to it.
Eight web design and SEO tips for a site that ranks here
1. Design mobile first, and stop blaming the connection
Mobile-first design matters more here than the global averages suggest, and the network is not your excuse. DataReportal's Digital 2026 report puts the UAE at 23.0 million active cellular mobile connections in late 2025, equal to 202% of the population, and the UAE Telecommunications and Digital Government Regulatory Authority reported 5G across 97.03% of populated areas, with fibre-to-the-home coverage at 97%, in its 2023 Digital Enablers Report. When a page is slow on a phone in this market, the payload is the reason.
- Responsive Design: Ensure your site automatically adjusts to fit any screen size, in both directions.
- Fast Load Times: Optimize images, enable browser caching, and minimize JavaScript to improve page speed.
- Mobile Usability: Simplify navigation, use large, easy-to-click buttons, and avoid pop-ups that can frustrate mobile users.
2. Do the keyword work in Arabic before you write in Arabic
Arabic keyword research is not English keyword research translated, because the same query exists in several written forms. Alef variants, ta marbuta against ha, ya against alef maqsura, and spellings with and without diacritics are all different strings to a keyword tool, which splits one pool of demand across them and under-reports every one. Cluster an Arabic term across its variants before you compare it with its English equivalent, or the tool will report no Arabic demand worth writing for when what it has done is divide it across spellings.
The supply side is why that matters. Arabic is the content language of just 0.6% of the websites whose language W3Techs tracks, while our own research on MENA CRM buyers finds 72% expect Arabic-language content and 43% require a bilingual interface before a platform is usable for their teams. Demand without content is the cheapest ranking opportunity most regional sites are ignoring.
- Keyword Research: Target keywords with a good balance of search volume and competition, clustered per language rather than per translation.
- Answer User Intent: Write content that answers the questions your audience is searching for, whether informational or transactional.
- Regular Updates: Keep content fresh, and plan the calendar around the year your readers keep. Think with Google's 2022 Ramadan research found search interest for Ramadan and Eid Al-Fitr up 45% year on year. That is consumer data rather than B2B data, so take it as a reason to publish early rather than as evidence about your own buyers: indexing lags publication either way, so a page written during Ramadan is a page written for next year.
Our guide to SEO content strategy covers how to build the plan itself.
3. Weigh the Arabic font before you optimize anything else
Page speed is a critical ranking factor for search engines. Slow-loading websites frustrate users and lead to higher bounce rates, which can negatively impact your rankings, and on a bilingual site the single heaviest asset is usually the one nobody audits. An Arabic webfont carries far more glyph coverage than the Latin subset of the same family, so an unsubsetted Arabic display face is usually the largest asset on a regional page. It surfaces in an audit as a largest contentful paint regression rather than as a font problem, which is exactly why it survives so many performance reviews: the report says the hero image is slow, the team compresses the hero image, and the number barely moves.
- Image Optimization: Compress images without sacrificing quality.
- Font Subsetting: Subset the Arabic face to the glyphs the site actually uses, and check its weight against the rest of the page rather than against the Latin font.
- Reduce HTTP Requests: Minimize the number of elements on your pages, such as scripts, stylesheets, and images.
- Leverage Browser Caching: Store certain files locally on a visitor's browser to reduce load times on repeat visits.
4. Structure both language trees so both can be crawled
A well-structured website is not only user-friendly but also easier for search engines to crawl and index, and a bilingual site has two structures to keep honest rather than one.
- Clear Navigation: Organize content logically with a clear hierarchy, using categories and subcategories, mirrored in each language.
- Sitemaps: Create an XML sitemap to help search engines understand your site structure and discover new content.
- Internal Linking: Use internal links to connect related content. Build them inside each language tree as well as across it: an Arabic page reachable only from English pages is orphaned in the tree you are trying to rank. If you are using HubSpot, the Topic Cluster tool is a useful way to connect related content and build topical authority.
This is where a large catalogue decides the shape of the build. A real estate and construction developer with a few hundred unit pages is publishing a few hundred Arabic pages too, so the listing template, not the home page, is the thing that has to be right in both directions.
5. Decide what an Arabic URL looks like before you publish one
An SEO-friendly URL structure makes it easier for search engines and readers to understand a page, and Arabic forces a decision the generic advice never raises: whether the slug is written in Arabic script or transliterated into Latin characters. Both are defensible. An Arabic slug carries the keyword in the language of the query; it also travels as a percent-encoded string, so when somebody copies it into an email or a proposal it arrives as a run of percent signs and hex. Pick one policy for the whole tree, because the expensive version of this decision is making it twice.
- Use Keywords: Include relevant keywords in your URLs to improve search engine visibility.
- Avoid Special Characters: Stick to hyphens to separate words, and avoid underscores. Arabic script is the one exception worth deciding deliberately rather than avoiding by reflex.
- Keep it Simple: Shorter URLs are easier for users to remember and share, and they tend to perform better in search results.
If you are moving an existing site, two constraints decide whether HubSpot's redirect tool is available while it matters. It needs Marketing Hub or Service Hub Professional or Enterprise, or Content Hub at Starter and above, and redirects only work for domains connected to and hosted in HubSpot, so while the Arabic half of the site is still served from the old host, those redirects have to be configured there instead. Where the tool does apply, it percent-encodes special characters typed into its own fields, so the mismatch risk sits in the map you import: a legacy export mixing encoded and decoded Arabic paths carries it straight through, and nothing in the redirect report flags it. Our step-by-step guide to HubSpot website migration covers the rest of that sequence.
6. Do on-page SEO in both directions
On-page SEO means optimizing individual pages to rank higher and earn more relevant traffic, and every element below has an Arabic counterpart that needs its own pass rather than a translation.
- Title Tags: Write unique, keyword-optimized title tags for each page, in each language.
- Meta Descriptions: Craft compelling meta descriptions that include target keywords and encourage clicks.
- Header Tags: Use header tags (H1, H2, H3) to structure your content and highlight important sections.
- Keyword Placement: Incorporate primary and secondary keywords naturally. Do not stuff them; search engines penalize what marketers used to get away with.
One defect deserves naming, because it is the most common on Arabic pages and the hardest to see. Latin text and digits inside an Arabic sentence are bidirectionally neutral, so a phone number, an English product name, a unit number, or a trailing bracket at the end of an Arabic line renders in the wrong position unless it is isolated. It hits headings and title tags as readily as body copy, it follows the string wherever it is rendered, including a search snippet you do not control, and it is invisible to a reviewer who does not read Arabic. Have the Arabic pages read by somebody who reads Arabic before launch, not after the first complaint.
7. Ensure secure website protocols
Security is a significant factor in SEO. Websites with HTTPS are favoured by search engines and provide a safer browsing experience for users. To enhance security:
- Install an SSL Certificate: This encrypts data and secures the connection between your website and visitors.
- Regular Updates: Keep your website's software, plugins, and themes updated to protect against vulnerabilities.
- Security Audits: Perform regular security audits to identify and address potential threats.
If you are using HubSpot then you already have a range of enterprise-grade security technologies protecting your website, including automatic SSL certification, a web application firewall, anomaly detection, DDoS mitigation, and regular independent penetration tests.
8. Measure what a grader cannot see
Measurement turns the seven tips above into a programme, and it starts with the questions your tools do not answer. HubSpot's Website Grader scores four categories: performance, mobile readiness, SEO, and security. It says nothing about right-to-left correctness, Arabic font loading, or bidirectional text defects, so a clean grade on a bilingual site is a statement about the English half of it.
Use Google Analytics and Google Search Console to:
- Track Traffic: Monitor the sources of your traffic and identify which pages perform best.
- Identify Issues: Find and fix crawl errors, broken links, and other technical SEO issues.
- Optimize: Use the data to refine your content and SEO strategy.
Settle the consent question in the same week, because it is the same decision and it is taken before launch. HubSpot's cookie banner is scoped by country from the visitor's IP address, and if no countries are selected it shows to every visitor, so a regional site that never sets a list gates Gulf traffic as well as EU traffic. A visitor who ignores the banner counts exactly as one who declines it, and a contact created by a form submission without cookies arrives with no page-view history and lands as Direct traffic. Configure that before launch and the first quarter is a benchmark; configure it after and the first quarter is a gap.
What to ask a website design company in Dubai
Three questions from this post separate a team that has built a bilingual site from one that has read about it. Ask how a page is made to render right to left, and listen for the theme's base template rather than the page language setting. Ask what the Arabic font weighs and whether it has been subsetted. Ask what happens to Arabic URLs, and who owns the redirects for the half of the site still on the old host.
We build Arabic-first and right-to-left delivery into the theme rather than onto it, and we bring 18+ years as an agency and 12+ years as a HubSpot partner to the argument, along with Diamond Solutions Partner status, held by fewer than 3% of HubSpot partners worldwide. Still not sure where to start on your own site? Let's talk about building one that looks right in both directions and ranks in both languages.
Sources
- HubSpot Developers: Multi-Language Content (opens in new tab)
- UAE Telecommunications and Digital Government Regulatory Authority: Digital Enablers Report 2023 (opens in new tab)
- QCRI: Arabic Normalizer (opens in new tab)
- W3Techs: Usage Statistics of Content Languages for Websites (opens in new tab)
- web.dev: Reduce Web Font Size (opens in new tab)
- HubSpot: Create and Manage URL Redirects (opens in new tab)
- HubSpot: Website Grader (opens in new tab)
Frequently Asked Questions
How do you make a web page render right to left?
Right to left comes from the dir attribute in the theme's base template, not from the page's language setting. Selecting Arabic in a multi-language page group changes the language tag and the switcher and leaves the layout running left to right. A mirrored left-to-right theme then breaks wherever left and right are hardcoded, so logical properties such as margin-inline-start and padding-inline-end are what let one theme serve both directions.
Should an Arabic URL use Arabic script or Latin transliteration?
An Arabic URL can be written in Arabic script or transliterated into Latin characters, and both are defensible. An Arabic slug carries the keyword in the language of the query, but it travels as a percent-encoded string, so when somebody copies it into an email or a proposal it arrives as a run of percent signs and hex. Pick one policy for the whole tree, because the expensive version of this decision is making it twice.
Why is an Arabic page slower than its English equivalent?
An Arabic webfont carries far more glyph coverage than the Latin subset of the same family, so an unsubsetted Arabic display face is usually the largest asset on a regional page. It surfaces in an audit as a largest contentful paint regression rather than as a font problem: the report says the hero image is slow, the team compresses the hero image, and the number barely moves. Subset the Arabic face.
Does HubSpot's redirect tool handle Arabic URLs?
HubSpot's redirect tool percent-encodes special characters typed into its own fields, so redirects entered there are encoded consistently. The mismatch risk sits in an imported map: a legacy export mixing encoded and decoded Arabic paths carries it straight through, and nothing in the redirect report flags it. The tool needs Marketing or Service Hub Professional or Enterprise, or Content Hub at Starter and above, and only works for domains hosted in HubSpot.
What does a website grader miss on a bilingual site?
HubSpot's Website Grader scores four categories: performance, mobile readiness, SEO, and security. It says nothing about right-to-left correctness, Arabic font loading, or bidirectional text defects, so a clean grade on a bilingual site is a statement about the English half of it. The defects it cannot see are also invisible to a reviewer who does not read Arabic, which is why the Arabic pages need a native reader before launch.
How should a cookie consent banner be configured before a bilingual site launches?
HubSpot's cookie banner is scoped by country from the visitor's IP address, and if no countries are selected it shows to every visitor, so a regional site that never sets a list gates Gulf traffic as well as EU traffic. A visitor who ignores the banner counts exactly as one who declines it, and a contact created by a form submission without cookies arrives with no page-view history and lands as Direct traffic.
Website Design and Development
Is Your Website Built on the Same System as Your CRM?
A site running outside HubSpot means forms, tracking and personalization never fully connect to your pipeline. We design and build on the HubSpot CMS: landing pages, site architecture and the tracking your sales team can act on.
Related Articles

How to Add a HubSpot Form to WordPress
Embed a live HubSpot form on your WordPress site without migrating, and the field settings worth checking before you launch it regionally.

