Versi Arab bukanlah laman web Inggeris dengan perkataan terjemahan dicurah ke dalam susun atur yang sama. Inilah kesilapan kanan-ke-kiri yang menghilangkan pembaca dalam dua saat pertama, dan apa yang perlu diuji sebelum pelancaran.
Reka bentuk laman web Arab dan RTL: jawapan ringkas
Versi Arab laman web anda bukanlah laman Inggeris dengan perkataan terjemahan dicurah ke dalam susun atur yang sama. Kanan-ke-kiri bermakna seluruh antara muka bercermin: navigasi, kedudukan logo, label borang, langkah kemajuan, anak panah, dan sudut yang mula-mula ditatap mata pelawat Teluk. Kesilapan yang merugikan pertanyaan anda bersifat struktur, bukan bahasa, dan kebanyakannya kelihatan dalam dua saat selepas halaman dimuatkan. Tetapkan arah dokumen dengan betul, cerminkan susun atur dengan CSS logik dan bukan jidar yang dibalik secara manual, pilih muka taip yang benar-benar direka untuk bahasa Arab, dan tentukan secara sedar angka mana yang dipaparkan.
Jika empat perkara itu betul, terjemahan yang tidak sempurna masih boleh ditanggung. Jika salah, terjemahan yang sempurna pun tetap terbaca sebagai laman asing yang bukan dibina untuk pembaca itu. Ia juga bidang yang lebih kecil daripada sangkaan kebanyakan pengeksport: menurut W3Techs, bahasa Arab mewakili 0.6 peratus laman web yang ditinjaunya pada September 2026 berbanding 49.5 peratus bagi bahasa Inggeris, jadi kehadiran Arab yang dibina dengan betul masih menonjol di pasaran yang kebanyakan pesaingnya langsung tiada.
Pencerminan ialah keputusan susun atur, bukan penjajaran teks
Kegagalan paling lazim ialah laman yang menetapkan penjajaran teks ke kanan lalu menganggap kerja sudah selesai. Arah itu milik dokumen: atribut dir dan lang pada elemen html, supaya pelayar menerapkan algoritma dwiarah Unicode dan setiap elemen anak mewarisi aliran yang betul. Daripada situ, susun atur itu sendiri mesti bercermin. Logo dan navigasi utama berpindah ke kanan, bar sisi bertukar tempat, breadcrumb berjalan dari kanan ke kiri, dan bar kemajuan tiga langkah bermula di sebelah kanan.
Bukan semuanya bercermin, dan di situlah lembaran gaya yang dibalik secara manual tersasar. Logo dengan tanda kata Latin kekal seperti dilukis. Kawalan pemain media, jam dan apa-apa yang mewakili objek fizikal mengekalkan orientasinya. Nombor, nombor telefon dan nama jenama Latin berjalan dari kiri ke kanan di dalam aliran kanan-ke-kiri, dan itu algoritma dwiarah yang berfungsi seperti direka, bukan pepijat. Ujiannya ialah makna: anak panah yang bermaksud teruskan patut menunjuk ke kiri dalam bahasa Arab, manakala anak panah yang bermaksud muat turun tetap menunjuk ke bawah.
Tipografi Arab mematahkan setiap tabiat Latin anda
Bahasa Arab bersifat kursif dan bersambung, huruf bertukar bentuk mengikut kedudukannya dalam perkataan, dan skripnya membawa lebih banyak berat visual di atas dan di bawah garis dasar berbanding Latin. Tiga akibat menyusul. Teks Arab pada saiz piksel yang sama dengan bahasa Inggeris anda kelihatan kecil dan sesak, jadi kebanyakan pereka menaikkan saiz dan menambah ketinggian baris supaya ada ruang. Tiada tebal atau condong dalam bahasa Arab menurut erti Latin: menebalkan secara buatan fon yang tiada berat tebal akan mencalarkan sambungan huruf, dan condong sintetik nampak rosak. Beri penekanan dengan berat yang memang ada dalam keluarga fon itu, dengan warna, atau dengan kedudukan.
Pilihan fon juga bukan kosmetik. Fon sandaran sistem akan memaparkan teks Arab anda dengan apa sahaja yang kebetulan ada pada peranti itu, dan itulah sebabnya begitu banyak laman yang menyasarkan Teluk akhirnya kelihatan seperti borang kerajaan. Pilih keluarga fon dengan potongan Arab yang sebenar dan berat yang sepadan, dan semak pada saiz tajuk dan teks badan menggunakan telefon sebenar sebelum sesiapa meluluskannya.
Reka bentuk laman web Arab dan RTL: angka, tarikh dan borang yang bocor
Di sinilah pasukan yang yakin sering tersadung. Bahasa Arab ditulis dengan dua set angka: angka Arab-Hindi yang lazim di Teluk dan Levant, serta angka Barat yang digunakan di sebahagian besar Afrika Utara. Menurut kerja W3C mengenai keperluan susun atur Arab dan Parsi, pustaka pengantarabangsaan menganggap angka Arab-Hindi sebagai lalai untuk teks Arab sambil mengecualikan beberapa negara Afrika Utara dan Barat Laut yang menggunakan set Barat. Tiada jawapan yang betul secara sejagat, hanya keputusan yang anda buat bagi setiap pasaran dan diterapkan secara konsisten. Harga dalam satu set dan nombor telefon dalam set yang lain, pada halaman yang sama, itulah versi yang terbaca sebagai cuai.
Tarikh dan mata wang mengikut peraturan yang sama: pilih locale, kemudian biarkan pustaka pemformatan memaparkan nilainya, bukan mencantum rentetan secara manual. Kebocoran satu lagi ialah borang. Label dan pemegang tempat dijajarkan ke kanan, tetapi medan e-mel, medan URL dan nombor telefon antarabangsa mesti menerima dan memaparkan input kiri-ke-kanan, jika tidak tanda tambah dan kod negara akan berada di tempat yang salah. Sebelum pelancaran, isi satu borang sebenar dengan nama Arab, alamat Arab dan nombor mudah alih Teluk, dan lakukannya pada telefon, bukan hanya pada desktop.
Semakan RTL yang perlu dijalankan sebelum pelancaran
- Arah pada akar. Tetapkan atribut arah dan bahasa pada elemen html setiap halaman Arab, bukan sebagai kelas pada satu bekas. Kemudian sahkan bahawa tag hreflang menghalakan setiap versi bahasa kepada semua yang lain, supaya enjin carian menyajikan halaman Arab bagi pertanyaan dalam bahasa Arab.
- CSS logik dan bukan lembaran gaya yang dicermin. Gantikan jidar dan pelapik kiri dan kanan dengan padanan inline-start dan inline-end, dan gunakan sifat inset logik dan bukan left serta right. Satu lembaran gaya kemudian melayani kedua-dua arah, dan laman Arab berhenti tersasar setiap kali laman Inggeris berubah.
- Ikon dan gerakan disemak satu per satu. Anak panah, chevron, karusel, peluncur dan gerak leret bertukar arah; butang main, tanda semak dan muka jam tidak. Animasi yang masuk dari kiri dalam versi Inggeris patut masuk dari kanan dalam versi Arab.
- Kandungan sebenar, jangan sekali-kali teks pemegang tempat. Rentetan Arab yang diterjemah kadangkala lebih pendek daripada sumber Inggeris dan kadangkala jauh lebih panjang, jadi butang, item navigasi dan tajuk kad mesti diuji dengan perkataan sebenar pada lebar mudah alih.
- Pembaca natif pada laman langsung sebelum pelancaran. Bukan membaca pruf fail teks, tetapi menyusuri halaman sebenar pada telefon. Terjemahan mesin menghasilkan ayat yang betul tatabahasanya tetapi tetap tidak berbunyi seperti sesiapa di Riyadh, Dubai atau Doha.
Reka bentuk laman web Arab dan RTL: soalan lazim
- Adakah cukup menetapkan atribut arah kepada rtl untuk menjadikan laman web kanan-ke-kiri? — Tidak. Ia menetapkan arah teks dan membenarkan pelayar menjalankan algoritma dwiarah, tetapi susun atur masih perlu bercermin: navigasi, bar sisi, ikon, penunjuk kemajuan dan sebarang jarak yang ditulis dengan nilai kiri dan kanan. Membina dengan sifat logik CSS menjadikan pencerminan itu automatik, bukan manual.
- Angka manakah yang patut digunakan oleh laman web Arab? — Ia bergantung pada pasaran. Angka Arab-Hindi ialah kelaziman di Teluk dan Levant, manakala sebahagian besar Afrika Utara menggunakan angka Barat, satu perbezaan yang tercermin dalam kerja W3C mengenai keperluan susun atur Arab. Pilih satu bagi setiap pasaran dan terapkannya secara konsisten pada harga, tarikh dan nombor telefon.
- Perlukah saya laman web Arab yang berasingan atau versi bahasa bagi laman sedia ada? — Versi bahasa, dengan syarat susun atur asasnya dibina dengan sifat logik dan model kandungannya menyokong kedua-dua arah. Laman yang berasingan akan terpisah dalam masa setahun dan tag hreflangnya terabai, lalu enjin carian berhenti menyajikan versi yang betul.
- Mengapa teks Arab saya kelihatan salah walaupun terjemahannya betul? — Biasanya kerana muka taip. Keluarga fon tanpa potongan Arab yang sebenar sedang ditebalkan secara buatan atau diganti diam-diam oleh fon sandaran sistem, lalu sambungan huruf pecah. Tetapkan fon yang berkemampuan Arab, naikkan saiz dan ketinggian baris berbanding Latin, dan jangan sekali-kali guna tebal atau condong sintetik.
Teruskan membaca
Bina sesuatu yang
dipercayai.
Beritahu kami apa yang melambatkan perniagaan anda. Kami tunjukkan sistem yang membaikinya — dan secepat mana.