Arapça sürüm, İngilizce sitenin çevrilmiş kelimelerinin aynı düzene dökülmesi değildir. Okuyucuyu ilk iki saniyede kaybettiren sağdan sola hataları ve yayına almadan önce test edilmesi gerekenler.
Arapça web tasarımı ve RTL: kısa cevap
Sitenizin Arapça sürümü, İngilizce sayfanın çevrilmiş kelimelerinin aynı düzene dökülmüş hâli değildir. Sağdan sola, arayüzün tamamının aynalanması demektir: gezinme, logo konumu, form etiketleri, ilerleme adımları, oklar ve Körfezli ziyaretçinin gözünün ilk düştüğü köşe. Size talebi kaybettiren hatalar dilsel değil yapısaldır ve çoğu sayfa yüklendikten sonraki iki saniye içinde görünür. Belge yönünü doğru ayarlayın, düzeni elle ters çevrilmiş kenar boşluklarıyla değil mantıksal CSS ile aynalayın, gerçekten Arapça için tasarlanmış bir yazı tipi seçin ve hangi rakamları göstereceğinize bilinçli karar verin.
Bu dördünü doğru yaparsanız kusurlu bir çeviriyle yaşanabilir. Yanlış yaparsanız kusursuz bir çeviri bile o okuyucu için yapılmamış yabancı bir site gibi okunur. Ayrıca alan çoğu ihracatçının sandığından dar: W3Techs'e göre Eylül 2026'da taradığı sitelerin yüzde 0,6'sı Arapça, yüzde 49,5'i İngilizceydi; yani düzgün kurulmuş bir Arapça varlık, rakiplerin çoğunun hiç sahip olmadığı pazarlarda hâlâ göze çarpıyor.
Aynalama bir düzen kararıdır, metin hizalaması değil
En sık görülen hata, metni sağa hizalayıp işi bitmiş saymaktır. Yön belgeye aittir: html öğesindeki dir ve lang öznitelikleri, böylece tarayıcı Unicode iki yönlü algoritmasını uygular ve her alt öğe doğru akışı devralır. Bundan sonra düzenin kendisi de aynalanmalıdır. Logo ve ana gezinme sağa taşınır, kenar çubuğu taraf değiştirir, içerik yolu sağdan sola akar ve üç adımlı ilerleme çubuğu sağdan başlar.
Her şey aynalanmaz; elle ters çevrilen stil dosyaları tam burada yanılır. Latin kelime markalı logolar çizildiği gibi kalır. Medya oynatıcı kontrolleri, saatler ve fiziksel bir nesneyi temsil eden her şey yönünü korur. Sayılar, telefon numaraları ve Latin marka adları sağdan sola akışın içinde soldan sağa ilerler; bu, iki yönlü algoritmanın tasarlandığı gibi çalışmasıdır, hata değildir. Ölçüt anlamdır: ileri anlamına gelen bir ok Arapçada sola bakmalı, indir anlamına gelen bir ok ise yine aşağı bakar.
Arapça tipografi sahip olduğunuz her Latin alışkanlığını bozar
Arapça bitişik ve el yazısı niteliğindedir, harfler kelimedeki konumuna göre biçim değiştirir ve yazı, taban çizgisinin üstünde ve altında Latin'den daha fazla görsel ağırlık taşır. Bundan üç sonuç çıkar. İngilizcenizle aynı piksel boyutunda dizilen Arapça küçük ve sıkışık görünür; bu yüzden çoğu tasarımcı punto ve satır yüksekliğini artırarak çıkıntılara yer açar. Arapçada Latin anlamında kalın ya da italik yoktur: kalın kesimi bulunmayan bir yazı tipini yapay kalınlaştırmak harf bağlarını bulaştırır, sentetik italik ise düpedüz bozuk görünür. Vurguyu ailenin gerçekten içerdiği bir ağırlıkla, renkle veya konumla verin.
Yazı tipi seçimi de süs değildir. Sistem yedeği Arapçanızı cihazda rastgele bulunan bir yazı tipiyle çizer; Körfez'e bakan bunca sitenin sonunda resmî bir forma benzemesinin nedeni budur. Gerçek bir Arapça kesimi ve uyumlu ağırlıkları olan bir aile seçin ve kimse onay vermeden önce başlık ve gövde boyutunda gerçek bir telefonda kontrol edin.
Arapça web tasarımı ve RTL: rakamlar, tarihler ve sızdıran formlar
Rakamlar, kendinden emin ekiplerin yakalandığı yerdir. Arapça iki rakam setiyle yazılır: Körfez ve Levant'ta yaygın olan Arap-Hint rakamları ve Kuzey Afrika'nın büyük bölümünde kullanılan Batı rakamları. W3C'nin Arapça ve Farsça yerleşim gereksinimleri çalışmasına göre, uluslararasılaştırma kütüphaneleri Arapça metin için Arap-Hint rakamlarını varsayılan kabul eder ve Batı setini kullanan birkaç Kuzey ve Kuzeybatı Afrika ülkesini bunun dışında tutar. Evrensel olarak doğru bir cevap yoktur; yalnızca her pazar için verdiğiniz ve tutarlı uyguladığınız bir karar vardır. Aynı sayfada fiyatların bir sette, telefon numaralarının diğerinde olması, özensiz okunan sürümdür.
Tarihler ve para birimi aynı kurala uyar: yerel ayarı seçin, sonra değeri elle dizgi birleştirmek yerine bir biçimlendirme kütüphanesine bırakın. Diğer sızıntı formlardır. Etiketler ve yer tutucular sağa hizalanır, ancak e-posta alanları, URL alanları ve uluslararası telefon numaraları soldan sağa girişi kabul edip öyle göstermelidir; aksi hâlde artı işareti ve ülke kodu yanlış yere düşer. Yayına almadan önce gerçek bir formu Arapça bir ad, Arapça bir adres ve Körfez cep numarasıyla doldurun; bunu yalnızca masaüstünde değil telefonda yapın.
Yayına almadan önce yapılacak RTL kontrolleri
- Yön kökte olsun. Yön ve dil özniteliklerini tek bir kapsayıcıya sınıf olarak değil, her Arapça sayfanın html öğesine ayarlayın. Ardından hreflang etiketlerinin her dil sürümünü diğerlerine işaret ettiğini doğrulayın; böylece arama motorları Arapça sorguya Arapça sayfayı sunar.
- Aynalanmış bir stil dosyası yerine mantıksal CSS. Sol ve sağ kenar boşluklarını ve iç boşlukları inline-start ve inline-end karşılıklarıyla değiştirin, left ve right yerine mantıksal inset özelliklerini kullanın. Böylece tek bir stil dosyası iki yöne birden hizmet eder ve İngilizce site her değiştiğinde Arapça site senkronizasyonunu kaybetmez.
- Simgeler ve hareket tek tek denetlensin. Oklar, şevronlar, karuseller, kaydırıcılar ve kaydırma hareketleri ters döner; oynat düğmeleri, onay işaretleri ve saat kadranları dönmez. İngilizcede soldan giren animasyonlar Arapçada sağdan girmelidir.
- Gerçek içerik, asla yer tutucu metin değil. Çevrilmiş Arapça metinler kimi zaman İngilizce kaynaktan kısa, kimi zaman belirgin biçimde uzundur; bu yüzden düğmeler, gezinme öğeleri ve kart başlıkları mobil genişlikte gerçek kelimelerle test edilmelidir.
- Yayına almadan önce canlı sitede ana dili Arapça olan bir okuyucu. Bir metin dosyasının düzeltisi değil, telefonda gerçek sayfalarda bir gezinti. Makine çevirisi dilbilgisel olarak tutan ama yine de Riyad'da, Dubai'de veya Doha'da kimseye benzemeyen cümleler üretir.
Arapça web tasarımı ve RTL: sık sorulan sorular
- Bir siteyi sağdan sola yapmak için yön özniteliğini rtl yapmak yeterli mi? — Hayır. Bu, metin yönünü ayarlar ve tarayıcının iki yönlü algoritmayı çalıştırmasını sağlar, ancak düzenin yine de aynalanması gerekir: gezinme, kenar çubukları, simgeler, ilerleme göstergeleri ve sol ile sağ değerleriyle yazılmış her boşluk. CSS mantıksal özellikleriyle inşa etmek bu aynalamayı elle değil otomatik hâle getirir.
- Arapça bir site hangi rakamları kullanmalı? — Pazara bağlı. Arap-Hint rakamları Körfez ve Levant'ta yerleşik gelenektir, Kuzey Afrika'nın büyük bölümü ise Batı rakamlarını kullanır; bu ayrım W3C'nin Arapça yerleşim gereksinimleri çalışmasına da yansır. Her pazar için birini seçin ve fiyatlara, tarihlere ve telefon numaralarına tutarlı biçimde uygulayın.
- Ayrı bir Arapça siteye mi yoksa mevcut sitemin bir dil sürümüne mi ihtiyacım var? — Bir dil sürümüne; yeter ki alttaki düzen mantıksal özelliklerle kurulmuş ve içerik modeli her iki yönü de destekliyor olsun. Ayrı siteler bir yıl içinde birbirinden kopar, hreflang etiketleri ihmal edilir ve arama motorları doğru sürümü sunmayı bırakır.
- Çeviri doğru olduğu hâlde Arapça metnim neden yanlış görünüyor? — Genellikle yazı tipi yüzünden. Gerçek bir Arapça kesimi olmayan bir aile yapay olarak kalınlaştırılıyor ya da sessizce bir sistem yedeğiyle değiştiriliyor ve harf bağları bozuluyor. Arapçayı gerçekten destekleyen bir yazı tipi ayarlayın, Latin'e göre punto ve satır yüksekliğini artırın ve asla sentetik kalın veya italik uygulamayın.
Okumaya devam edin
Güvenmeye
değer bir şey inşa edin.
İşinizi neyin yavaşlattığını anlatın. Bunu çözen sistemi — ve ne kadar hızlı çözdüğünü — gösterelim.