Arapça satış: Shopify’da sağdan sola sayfa düzeni

Bir Shopify mağazasına Arapça eklemenin birbirine kolayca karıştırılan iki yarısı vardır. Dili yayınlamak bir ayardır: Shopify Arapça URL’leri oluşturur ve eklediğiniz çevirileri sunar. Sağdan sola okunmak ise temanın işidir: yalnızca metin değil, bütün düzenin aynalanması gerekir. Bir mağazanın Arapça çevirileri kusursuz olabilir, ama sayfa yine de her Arapça okura yanlış gelen soldan sağa bir düzende görünebilir.

Shopify’ın hallettikleri

• Dilin kendisi. Settings > Languages altında Arapçayı ekler, yayınlanacağı alan adlarını seçer, çevirileri ekler ve yayınlarsınız. Basic’ten Advanced’e kadar planlardaki mağazalar en fazla 20 dil, Plus ve Enterprise mağazaları en fazla 30 dil yayınlayabilir.
• URL’ler. Yayınlanan bir dil example.com/ar gibi bir alt klasör ya da bir alt alan adı alır. Ürün URL’lerindeki products kelimesi çevrilemez, ama her ürünün kendi handle’ı çevrilebilir.
• Çevrilmiş içerik. Ürün başlıkları ve açıklamaları, koleksiyonlar, sayfalar, menüler, tema bölümleri ve bildirim e-postalarının tamamı çevrilebilir. Ürün, makale ve blog etiketleri çevrilemez.
• Arama sinyalleri. Arapça bir pazarda kendi alt klasöründe ya da alan adında durduğunda Shopify onun için hreflang etiketlerini ve site haritası kayıtlarını oluşturur.

Shopify’a göre Horizon ailesindeki temaların en güncel sürümleri Arapça, İbranice ve Urduca gibi sağdan sola dilleri destekler. Başka her tema için önerisi açıktır: düzenin doğru olması için temanın sağdan sola dilleri desteklediğini teyit edin. Tema geliştiricisine sorun ya da dili yayına almadan önce temayı Arapçayla test edin.

Temanın yapması gerekenler

Liquid, geçerli dilin hangi yönü kullandığını temaya söyler. shop_locale nesnesinin direction özelliği sağdan sola diller için rtl, diğerleri için ltr döndürür; Shopify bu özelliği html öğesinin dir özniteliğini ayarlamak için belgeler. request.locale geçerli shop_locale değerini döndürdüğünden layout dosyası şunu yapabilir:

<html lang="{{ request.locale.iso_code }}" dir="{{ request.locale.direction }}">

lang değerini de ayarlamak tarayıcılara ve ekran okuyuculara sayfanın hangi dilde olduğunu söyler. dir özniteliği tek başına tarayıcının metni sağdan sola akıtmasını sağlar. İngilizce ve Arapça olan bir mağazada her sayfa kendi dilinin yönünü alır; ayrıca bakımı yapılacak bir Arapça tema gerekmez. Ama temanın CSS’inin elle konumlandırdığı her şey yine de çalışma ister:

• Boşluk ve hizalama. Sol ve sağ olarak yazılmış margin, padding ve metin hizalaması yön değişince yerinde kalır. CSS mantıksal özellikleri (sol ve sağ yerine start ve end) yönü otomatik izler.
• Yönlü ikonlar. Kaydırıcılardaki, breadcrumb’lardaki ve “sonraki” düğmelerindeki oklar genellikle aynalanmalıdır. Sepet ya da arama büyüteci gibi yönü olmayan ikonlar aynalanmaz.
• Carousel’ler ve çekmeceler. Kaydırıcılar okuma yönünde ilerlemelidir; İngilizcede sağdan açılan bir sepet çekmecesi Arapçada genellikle soldan açılır.
• Karışık içerik. Arapça metin içindeki ürün kodları, fiyatlar, telefon numaraları ve İngilizce marka adları test edilmelidir; çünkü sayılar ve Latin harfli kelimeler satır içinde yine soldan sağa akar.
• Yazı tipleri. Temanın Latin yazı tipinde Arapça glif olmayabilir; bu durumda tarayıcı varsayılan bir yazı tipine düşer. Bilinçli olarak bir Arapça yazı tipi seçin ve Arapça dil için ayarlayın.
• Uygulamalar. Yorum widget’ları, açılır pencereler ve diğer uygulama blokları kendi işaretlemesini ve stillerini getirir; her birini Arapça sayfalarda kontrol edin.

Bu yüzden RTL işinin kapsamı tema bazında çıkarılır. Baştan mantıksal özelliklerle yazılmış bir tema az iş ister; yüzlerce sol ve sağ kuralı olan eski bir tema ise dikkatli bir elden geçirme gerektirir. Bu bir tema mühendisliği işidir ve çeviri başlamadan önce tahmine eklenmelidir.

Arapça içeriği mağazaya almak

Shopify’ın Translate & Adapt uygulaması ürünler, koleksiyonlar, blog yazıları, politikalar ve sayfalar için çeviri ekler, içeriği pazara göre uyarlayabilir. Otomatik çevirisi en fazla 2 dili kapsar; politikalar yalnızca elle çevrilebilir. Koleksiyon filtrelerini, Shopify Forms’u, manuel ödeme yöntemi talimatlarını, ürün görsellerini ve etiketleri çeviremez; bazı uygulama içerikleri de onun erişimi dışındadır.

Düğme etiketleri ve sepet mesajları gibi tema metinleri temanın dil (locale) dosyalarında durur ve Shopify’ın dil düzenleyicisi, Translate & Adapt ya da CSV içe aktarma ile düzenlenir. Her dil dosyası en fazla 3.400 çeviri tutabilir; çevirisi olmayan her metin varsayılan dilde görünür. Arapça sayfalarda en sık görülen hata bu geri dönüştür: tamamen Arapça bir sayfanın ortasında İngilizce bir “Add to cart”. Ödeme sayfası da aynı özeni ister: Arapça, Shopify’ın ödeme sayfası ve sistem mesajı çevirilerini sağladığı diller arasında değildir; bu yüzden bunların dil düzenleyicisinden elle girilmesi gerekir.

Makine çevirisi bir başlangıç noktasıdır. Satış yapan ürün metinlerinde Arapça metni, dili akıcı konuşan biri yazmalı ya da gözden geçirmelidir. Lintel’in payı mağazanın Arapçayı doğru işlemesini sağlamaktır; Arapça metnin kendisi sizden ya da çevirmeninizden gelir.

Arapça URL’ler ve arama

Arapça sürümün kendi URL’leri olmalıdır. Shopify hreflang etiketlerini yalnızca ayrı bir alan adı, alt alan adı ya da alt klasörü olan pazarlar için oluşturur. Böylece /ar-ae gibi bir BAE alt klasöründe yayınlanan Arapça kendi etiketlerini ve site haritası kayıtlarını alır; arama motorları da onu İngilizce sayfalardan ayırt edebilir. Bir pazar eklendiğinde site haritası otomatik güncellenir.

Shopify’ın otomatik yönlendirmesini açarsanız müşteriler başka bir pazar sürümüne gönderilebilir; ama bilinen arama motoru tarayıcıları bunun dışında tutulur. Tarayıcılar istedikleri URL’yi alır, böylece hem İngilizce hem Arapça sürümler dizine eklenebilir. Ürün handle’ları da çevrilebilir. Arapça sayfaların Arapça handle mı kullanacağı yoksa İngilizceleri mi koruyacağı, yayından önce bir kez verilmesi gereken bir karardır; çünkü URL’leri sonradan değiştirmek yönlendirme demektir.

Arapça sayfalarda neler test edilmeli?

BAE pazarı için adım adım kurulum

1. Shopify Markets’ta para birimi AED olan bir BAE pazarı oluşturun.
2. Settings > Languages altında Arapçayı ekleyin ve İngilizcenin yanında BAE pazarının alt klasöründe yayınlayın.
3. Temayı yöne duyarlı hâle getirin: request.locale.direction değerinden gelen dir, mantıksal CSS, aynalanmış ikonlar ve bir Arapça yazı tipi.
4. İçeriği Translate & Adapt, içe aktarma ya da çevirmeninizle çevirin; ardından temanın varsayılan içeriğindeki boşlukları doldurun.
5. Her şablonu telefonda Arapça olarak test edin: ana sayfa, koleksiyon, ürün, sepet, arama, hesap ve uygulamalarınızın eklediği sayfalar.

Para birimi, ödeme ve bir BAE projesinin geri kalanı, BAE’li işletmelerle Ankara’dan uzaktan nasıl çalıştığımızla birlikte BAE mağazaları için Shopify sayfamızda anlatılıyor.