Dil değiştiriciyi Bubble.io web sitesinde ayarlamak, kullanıcıların diller arasında geçiş yapmasını kolaylaştırabilir. Bu özellik, küresel bir kitleye sahip uygulamalar için özellikle değerlidir ve kullanıcıların platformla tercih ettikleri dilde etkileşimde bulunmalarını sağlar. Bubble.io, popüler bir kod gerektirmeyen geliştirme platformu olup, geliştiricilerin çok dilli uygulamalar oluşturmasını sağlayan yerleşik yerelleştirme özelliklerine sahiptir.
Bubble.io'da bir dil değiştirici uygulamak için geliştiriciler genellikle uygulamanın ayarlarında desteklemek istedikleri dilleri tanımlayarak başlarlar. Ardından, kullanıcıların dili değiştirmek için etkileşime girebileceği bir açılır liste veya düğme öğesi oluştururlar. Bu makalede, Bubble.io'da bir dil değiştiriciyi otomatik çeviri hizmeti sitelerinden biri ile kurmayı tartışacağız.
Bubble.io web sitesinde bir dil değiştirici neden önemlidir?
Bir web sitesine dil değiştirici eklemek sebepsiz değildir. İşte Bubble web sitesinde bir tane kurmanız gerektiği nedenler.
- Diğer ülkelerdeki kullanıcılar için daha kolay hale getirir: Dil değiştirici, uluslararası kullanıcıların web sitesini kendi ana dillerinde görüntülemelerine olanak tanır. Örneğin, bir çevrimiçi mağazayı ziyaret eden İspanyol bir kullanıcı İspanyolca'ya geçerek ürün detaylarını daha kolay anlayabilir ve satın almayı tamamlayabilir. CSA Araştırma çalışmaları, %76'sının çevrimiçi alışveriş yapanların, bilgilerin kendi dilinde mevcut olduğunda ürün satın almayı tercih ettiğini ve bu özelliğin kullanıcı konforu ve erişilebilirlik açısından önemini vurguladığını gösteriyor.
- Web sitesini diğer ülkelerin arama sonuçlarında optimize etme: Bir dil değiştirici ile Bubble.io web siteniz yabancı dil aramalarında daha iyi sıralanabilir. Örneğin, sitenizin Fransızca versiyonunun Fransızca Google aramalarında görünmesi daha olasıdır. Bu gelişmiş görünürlük, uluslararası trafiği önemli ölçüde artırabilir.
- Satış dönüşümlerini artırın:
- Kullanıcı etkileşimini ve tutundurmayı geliştirir: Bir dil değiştirici, kullanıcıları sitenizde daha uzun süre tutabilir. Örneğin, bir sosyal ağ uygulamasında tercih ettikleri dilde etkileşimde bulunan kullanıcılar daha uzun süre etkileşimde kalma eğilimindedir. Bu artan etkileşim önemlidir, çünkü kullanıcılar genellikle ikinci bir dilde olanlara göre yerel dillerinde olan sitelerde iki kat daha fazla zaman geçirirler, bu da daha iyi kullanıcı tutundurmasına yol açar.
Bubble.io'da dil değiştirici nasıl kurulur
Artık çok dilli Bubble.io web sitelerinde dili değiştirmenin önemini anladığımıza göre, bunun nasıl uygulanacağını tartışalım. Web sitesi çeviri hizmetleri genellikle bu özelliği sunar ve kullanıcının ihtiyaçlarına göre uyarlanabilir.
Ancak, tüm çeviri hizmetleri özelleştirilebilir ve kullanıcı dostu dil değiştiriciler sunmaz. Bu nedenle, çeşitli çerçevelerle uyumlu ve esnek dil değiştirme özellikleri sağlayan otomatik bir çeviri hizmeti seçmek çok önemlidir.
Bu kriterleri karşılayan bir otomatik çeviri hizmeti Linguise. Linguise otomatik çeviri, son derece özelleştirilebilir ve kullanımı kolay bir dil değiştirme özelliği sunar. Popüler CMS ve web oluşturucularla entegre olur, örneğin Bubble.io.
Linguise , Bubbleile sorunsuz entegrasyon sağlar ve geliştiricilerin çok dilli uygulamalarına kolayca dil değiştirme özelliğini dahil etmelerine olanak tanır. Linguise'nin gelişmiş özelliklerinden ve kullanıcı dostu arayüzünden yararlanarak, dil değiştiricileri Bubble web sitenizde kurulumunu ve bakımını basitleştirebilirsiniz.
İşte Linguise'i bir Bubble.io web sitesine kurma ve dil değiştiriciyi ayarlama adımları.
Adım 1: Linguise hesabı kaydolun
Ücretsiz bir Linguise hesabı oluşturarak başlayın ve web sitenizin alan adını ekleyin. Bir abonelik planı seçmeden önce 30 günlük ücretsiz deneme süresini kullanabilirsiniz.
Ardından, çeviriyi yetkilendirmek için alan adınızı kaydetmeniz gerekir. “https://,” dahil alan adınızı kopyalayın ve platform olarak “diğer” seçeneğini seçin.
Ardından, kaynak ve hedef dillerinizi seçin.
Adım 2: Entri kullanarak otomatik olarak DNS ekleyin
Web sitenizi Linguise kontrol paneline kaydettikten sonra iki kurulum seçeneğiniz olacak.
Otomatik DNS kaydı eklemek için “DNS'nizi otomatik olarak bağlayın.” Entri adı verilen bu özellik, DNS kayıtlarını yöneterek kurulum sürecini basitleştirir. Alternatif olarak, DNS kayıtlarını alan adı sağlayıcınıza manuel olarak kopyalayabilirsiniz.
Düğmeye tıklamak, Entri'nin kayıtlı web sitenizin URL'sini analiz etmesini ve genel DNS kayıtlarınızı incelemesini sağlayarak gerekli sağlayıcıyı ve DNS kayıtlarını tanımlar.
Ardından, “[Alan adı sağlayıcınızla] yetkilendirin” (örneğin, Cloudflare) üzerine tıklayın. Bu işlem sizi alan adı sağlayıcınızın giriş sayfasına yönlendirir, burada giriş yapabilir ve devam edebilirsiniz.
Giriş yaptıktan sonra Entri, uygun DNS kayıtlarını - dil başına bir DNS ve doğrulama anahtarı için bir TXT DNS - otomatik olarak alan adınıza ekleyecektir.
Yetkilendirme işleminden sonra Entri, tüm DNS ayarlarının başarıyla yapılandırıldığını size bildirecektir. Çeviri özelliği, genellikle 20 ila 30 dakika süren tüm DNS girişleri alanınızda yayıldıktan sonra kullanılabilir olmalıdır.
Manuel kurulum için aşağıda verilen adımları takip edebilirsiniz.
Adım 3: DNS kayıtlarını kopyalayın
Manuel kurulum için, fr.domain.com veya es.domain.com gibi çok dilli sayfalarınızı ayarlamak için gereken DNS kayıtlarını gösteren bir ekrana yönlendirileceksiniz.
Bu öğeleri Bubble.io DNS yapılandırmanıza kopyalayın.
Ardından, alan adı yöneticinize erişin ve DNS kurulum alanına gidin. Kopyalamak için talimatları izleyin:
- Etki alanı doğrulaması için bir TXT kaydı
- Dil için bir veya birkaç CNAME kaydı
Her kayıt türü (TXT ve CNAME) için örnekler burada.
Tüm kayıtlarınızı ekledikten sonra, yapılandırmanız böyle görünmelidir.
Adım 4: DNS'yi Doğrulayın
Tüm kayıtlarınızı alan DNS'nize ekledikten sonra, DNS yayılmasını doğrulamak için “DNS yapılandırmasını kontrol et” düğmesine tıklayın.
DNS doğrulaması genellikle yaklaşık 30 dakika ila 1 saat sürer. Tamamlandığında, Linguise kontrol panelindeki DNS listesinin yanında yeşil göstergeler görmelisiniz. Bubble.io web sitenizi çevirmeye neredeyse hazırsınız; geriye kalan tek şey ülke bayrakları ile dil değiştiriciye bağlanmak.
Adım 5: Dil değiştiriciyi etkinleştirin
Dil değiştirici, kullanıcıların tercih ettikleri dili seçmelerine olanak tanıyan bir bayrak açılır penceresidir. Uygulamak için, alan adı kayıt işleminin sonunda veya alan adı ayarlarında verilen kodu Bubble.io site sayfalarınızın başlığına kopyalayın. Bayrak dil değiştirici daha sonra otomatik olarak genel web sitenizde görünecektir.
Ardından, Bubble web sitesi panelinize gidin. Sol kenar çubuğu menüsünde ‘Ayarlar’ üzerine tıklayın ve “SEO / metatags.”
Aşağı kaydırın “Üstbilgi içindeki Script/meta etiketleri” altında “Gelişmiş Ayarlar.” Daha önce kopyaladığınız Linguise komut dosyasını yapıştırın, ardından ‘Kaydet’ ve sitenizi yayınlayın.
Adım 5: Ana ekranı yapılandırın
Dil değiştiriciyi kurmaya başlamak için “Ayarlar” > “Dil bayrağı gösterimi” bölümüne gidin. Linguise kontrol panelinde. Bu sayfada çeşitli ayarları yapabilirsiniz.
- Bayrak simgesi stili: Yan yana görüntüleme, açılır menü veya açılır pencere gibi üç seçenek arasından seçim yapın.
- Konum: Dil değiştiricinin sitenizde nerede görüneceğini seçin. Çeşitli konum seçenekleri mevcuttur; ziyaretçiler için kolayca erişilebilir olduğundan emin olun.
Bayrakların ve dil adlarının, bayrakların ve dil kısaltmalarının veya sadece dil adlarının gösterimini birleştirebilirsiniz. Hem bayrakları hem de dil adlarını kullanmak, kullanıcı tanıması için önerilir.
Adım 6: Bayrağın tasarımını ayarla
Ana gösterimi yapılandırdıktan sonra, gösterilecek bayrakların tasarımını daha da özelleştirin.
- Dil adını göster: Dil adını, ülke adına veya dilin kendisine göre gösterme seçeneğiniz vardır. Örneğin, "Fransızca" veya "Français" görüntüleyebilirsiniz.
- İngilizce bayrak türü: Bu seçenek, US veya British English gibi birden fazla varyasyonu olan diller için kullanışlıdır (İspanyolca, Tayvanlı, Almanca ve Portekizce için de geçerlidir).
- Bayrak stili: Bayrak simgesinin şeklini yuvarlak veya dikdörtgen olarak seçin.
Adım 7: Renk ve boyutu özelleştirin
Bayrak tasarımını yapılandırdıktan sonra, bayrakların rengini ve boyutunu daha da özelleştirebilirsiniz. Ayarlayabileceğiniz ayarlar şunlardır:
- Bayrak kenarlık yarıçapı: Dikdörtgen bayrak stili için piksel cinsinden yarıçapı özelleştirin.
- Dil adı rengi: Dil adını görüntülemek için varsayılan metin rengini seçin.
- Açılır dil rengi: Açılır veya açılır menü alanında dil başlığı metin rengini ayarlayın.
- Bayrak boyutu: Bayrak simgelerinin boyutunu ayarlayın.
- Language name hover color: Set the text color that appears when the user hovers over the language name.
- Açılır dil üzerine gelme rengi: Kullanıcı açılır veya açılır menü alanında dil başlığı üzerine geldiğinde görünen metin rengini ayarlayın.
Adım 8: Bayrak kutusu gölgesini ayarlama
Son olarak, bayrak kutusu gölge ayarlarını ayarlayabilirsiniz. İlk seçenek, web sitenizde görüntülenen her bayrak simgesine bir gölge efekti uygulamanıza olanak tanır. Bir sonraki seçenek, kullanıcıların farelerini dil bayraklarının üzerine getirdiklerinde gölge efektini kontrol eder.
İstediğiniz tüm ayarlamaları yaptıktan sonra, özelleştirme değişikliklerini uygulamak için Kaydet düğmesine tıklayın. Ardından, yapılandırmanın başarıyla uygulandığını doğrulamak için Bubble web sitenizi ziyaret edin. Dil değiştirici böyle görünecektir.
Kurulumdan sonra, dil değiştiricinin çok dilli Bubble web sitenizde nasıl çalıştığını görebilirsiniz.
Ardından, web sitesini İspanyolca gibi diğer dillere çevirebilirsiniz.
Bubble.io'da dil değiştiriciyi optimize etmek için en iyi uygulamalar
Bubble çok dilli bir web sitesinde dil değiştiriciyi başarıyla kurduktan sonra, dil değiştiriciyi hem siteniz hem de ziyaretçiler için optimize etmeye yönelik ipuçlarını dikkate almak önemlidir.
Kolayca tanımlanabilir bir dil bayrağı logosu kullanın
Bubble.io web sitenizde bir dil değiştirici uygularken, kolayca tanınabilir dil bayrakları veya simgeleri kullanmak çok önemlidir. Bu görsel ipuçları, kullanıcıların tercih ettikleri dili hızlı bir şekilde belirlemelerine ve seçmelerine yardımcı olur. Örneğin, bir küre simgesi, dil seçeneklerini temsil etmek için evrensel olarak anlaşılır. Alternatif olarak, ülke bayrakları kullanabilirsiniz, ancak bunun bazen sorunlu olabileceğini unutmayın, çünkü diller her zaman tek bir ülkeye bağlı değildir.
Örnek: Amazon’un web sitesi, üst gezinme çubuğunda şu anda seçili olan dilin (örneğin, “EN”) yanında küçük bir küre simgesi kullanıyor. Bu basit ama etkili yaklaşım, kullanıcıların mevcut dil ayarlarından bağımsız olarak dil seçeneklerini hızlıca bulmalarını sağlar.
Bayrakların yanında dil adlarını dahil edin
Bayraklar yardımcı olabilirken, tek başına kullanılmamalıdır. Dilin adının bayrak veya simgeyle birlikte yerel komut dosyasında dahil edilmesi netlik sağlar ve potansiyel karışıklığı önler. Bu, birden fazla ülkede veya bölgede konuşulan diller için özellikle önemlidir.
Örnek: Airbnb web sitesindeki dil değiştirici, dil adını ve ülke bayrağını görüntüler. Örneğin, “İngilizce (ABD)” ifadesini ABD bayrağı ile ve “Français” ifadesini Fransız bayrağı ile gösterir. Bu kombinasyon, kullanıcıların tercih ettikleri dil seçeneğini doğru bir şekilde belirlemelerini sağlar.
Dil değiştirici düğmesini düşünceli bir şekilde konumlandırın
Dil değiştiricinizin yerleştirilmesi, kullanıcı erişilebilirliği açısından kritik öneme sahiptir. Yaygın konumlar arasında üstbilginin sağ üst köşesi, alt bilgi veya ana gezinme menüsü içinde yer alır. Anahtar, ana içerik alanını dağıtmadan kolayca keşfedilebilir hale getirmektir.
Örnek: tiffany.com web sitesinde, dil değiştirici sayfanın sağ alt köşesinde, her zaman görünür ve erişilebilir durumdadır. Bu tutarlı yerleştirme, kullanıcıların dil seçeneklerini sitenin neresinde olursa olsun hızlı bir şekilde bulup kullanabilmesini sağlar.
Dil değiştiriciyi duyarlı olacak şekilde tasarlayın
Dil değiştiricinizin masaüstü bilgisayarlarından akıllı telefonlara kadar tüm cihazlarda iyi çalışmasını sağlayın. Daha küçük ekranlarda, örneğin yatay bir seçenek listesi yerine açılır menü kullanarak tasarımı uyarlamanız gerekebilir.
Örnek: UNESCO web sitesinin dil değiştiricisi, cihazlar arasında güzel bir şekilde uyum sağlar. Masaüstünde, başlıkta yatay bir liste olarak görünür. Mobilde, mobil düzen ile uzlaşmadan kullanılabilirliği sağlayarak kompakt bir açılır menüye dönüşür.
Dil değiştiricinin sayfalar arasında tutarlı olduğundan emin olun
Dil değiştiricinizin aynı tasarımını, işlevselliğini ve konumunu Bubble.io web sitenizin tüm sayfalarında koruyun. Bu tutarlılık, kullanıcıların sitenizde nerede olurlarsa olsunlar dil seçeneklerini tam olarak nerede bulacaklarını bilmelerine yardımcı olarak daha verimli bir şekilde gezinmelerini sağlar.
Örnek: Web sitesi, dil değiştiricisini tüm sayfalarda, ana sayfadan ürün sayfalarına ve ödeme sürecine kadar tutarlı bir şekilde alt bilgide tutar. Bu tutarlılık, kullanıcıların gezinme veya alışveriş deneyimleri sırasında herhangi bir zamanda kolayca dil değiştirmelerini sağlar.
Bubble çok dilli web sitesinde Linguisekullanarak bir dil değiştirici kurun!
Artık Bubble.io çok dilli web sitesi için dili nasıl seçeceğinizi anladınız. Dil seçicisini okumak çeşitli faydalar sağlayabilir ve daha önce bahsedilen noktalara dayalı olarak daha fazla optimizasyona yol açabilir.
Dil seçicisini etkin bir şekilde optimize etmek, kullanıcı deneyimini önemli ölçüde iyileştirebilir. Bir Linguise hesabına kaydolun, Bubble.io web sitenizle entegre edin ve dil seçicisini kullanıcı deneyimini iyileştirmek için özelleştirin.
