Bubble.io'da dil değiştirici nasıl kurulur?

Mankenli moda ve stil temalı web sayfası tasarımı.
İçindekiler

Bubble .io sitesinde bir dil değiştirici ayarlamak, kullanıcıların dil değiştirmesini kolaylaştırabilir. Bu özellik, özellikle küresel bir kitleye sahip uygulamalar için değerlidir ve kullanıcıların platformla tercih ettikleri dilde etkileşim kurmasına olanak tanır. Bubble .io, geliştiricilerin kapsamlı kodlama bilgisi olmadan çok dilli uygulamalar oluşturmalarını sağlayan yerleşik yerelleştirme özellikleri sunar.

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şim kurabilecekleri bir açılır menü veya düğme öğesi oluştururlar. Bu makalede, otomatik çeviri hizmeti web sitelerinden biriyle Bubble.io'da bir dil değiştirici kurmayı ele alacağız.

Bubble.io web sitesinde dil değiştirici neden önemlidir?

Büyük bir bilgisayar ekranıyla bir proje üzerinde işbirliği yapan meslektaşlar

Bir web sitesine dil değiştirici eklemek sebepsiz değildir. İşte Bubble web sitesine bir dil değiştirici kurmanız için yapmanız gerekenler.

  • Diğer ülkelerdeki kullanıcıların işini kolaylaştırır: Dil değiştirici, uluslararası kullanıcıların web sitesini kendi ana dillerinde görüntülemesine olanak tanır. Örneğin, bir çevrimiçi mağazayı ziyaret eden İspanyol bir kullanıcı İspanyolcaya geçebilir, bu da ürün ayrıntılarını anlamayı ve satın alma işlemlerini tamamlamayı kolaylaştırır. CSA Araştırma çalışmaları, %76'sının, bilgiler kendi dillerinde mevcut olduğunda ürünleri satın almayı tercih ettiğini gösteriyor ve bu özelliğin kullanıcı konforu ve erişilebilirlik açısından önemini vurguluyor.
  • Web sitenizi diğer ülkelerin arama sonuçlarında optimize etme: Dil değiştirme özelliği sayesinde 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ünme olasılığı daha yüksektir. Bu gelişmiş görünürlük, uluslararası trafiği önemli ölçüde artırabilir.
  • Satış dönüşümünü artırın: Birden fazla dilde içerik sunmak satışları artırabilir. Kullanıcıların dil değiştirmesine olanak tanıyan bir çevrimiçi kurs platformu, daha geniş bir kitlenin ilgisini çekebilir ve kayıtları artırabilir. Bu yaklaşım etkilidir çünkü tüketicilerin kendi ana dillerinde bilgi sağlayan web sitelerinden satın alma olasılıkları daha yüksektir ve bu da dönüşüm oranlarınızı doğrudan etkiler.
  • Kullanıcı katılımını ve elde tutmayı artırır: Dil değiştirici, kullanıcıları sitenizde daha uzun süre tutabilir. Örneğin, bir sosyal ağ uygulamasında tercih ettikleri dilde etkileşim kuran kullanıcılar, daha uzun süre etkileşimde kalma eğilimindedir. Kullanıcılar genellikle kendi ana dillerindeki sitelerde ikinci dildeki sitelere göre iki kat daha fazla zaman harcadıklarından, bu artan etkileşim önemlidir ve bu da kullanıcıların daha iyi elde tutulmasına yol açar.
Dil Engellerini Aşın
Dil engellerine elveda ve sınırsız büyümeye merhaba deyin! Otomatik çeviri hizmetimizi bugün deneyin.

Bubble.io'da dil değiştirici nasıl kurulur?

Çok dilli Bubble.io web sitelerinde dil değiştirmenin önemini anladığımıza göre, şimdi bunu nasıl uygulayacağımızı konuşalım. Web sitesi çeviri hizmetleri genellikle kullanıcının ihtiyaçlarına göre uyarlanabilen bu özelliği sunar.

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 bir otomatik çeviri hizmetinin seçilmesi çok önemlidir.

Bu kriterleri karşılayan otomatik çeviri hizmetlerinden biri Linguise . Linguise Bubble gibi popüler CMS ve web oluşturucularıyla entegre olan, son derece özelleştirilebilir ve kullanımı kolay bir dil değiştirme özelliği sunar .

Linguise , Bubbleile kusursuz entegrasyon sağlayarak geliştiricilerin çok dilli uygulamalarına dil değiştirmeyi kolayca entegre etmelerini sağlar. Linguisegelişmiş özelliklerini ve kullanıcı dostu arayüzünü kullanarak, Bubble web sitenizde dil değiştiricileri kurmayı ve bakımını kolaylaştırabilirsiniz.

Bubble .io web sitesine Linguise'ı Linguise ve dil değiştiriciyi ayarlama adımları

1. Adım: Linguise hesabını kaydedin

Ücretsiz bir Linguise hesabı ve web sitenizin alan adını ekleyerek başlayın Bir abonelik planı seçmeden önce 30 günlük ücretsiz deneme süresinden yararlanabilirsiniz.

Daha sonra çeviriyi yetkilendirmek için alan adınızı kaydetmeniz gerekir. “https://” dahil olmak üzere alan adınızı kopyalayın ve platform olarak “diğer”i seçin.

Büyük beyaz boş bir alana sahip siyah bir arka plan

Ardından kaynak ve hedef dillerinizi seçin.

Siyah arka plan ve beyaz yer tutucu metin.

2. Adım: Entri'yi kullanarak DNS'yi otomatik olarak ekleyin

Web sitenizi Linguise kontrol paneline kaydettikten sonra iki kurulum seçeneğiniz olacaktır.

“DNS'nizi otomatik olarak bağlayın” seçeneğine tıklayın Entri adı verilen bu özellik, DNS kayıtlarını sizin için yöneterek kurulum sürecini basitleştirir. Alternatif olarak, DNS kayıtlarını alan adı sağlayıcınıza manuel olarak kopyalayabilirsiniz.

Dijital büyüme döngüsünü gösteren infografik

Düğmeye tıklamak, Entri'nin kayıtlı web sitenizin URL'sini analiz etmesini ve genel DNS kayıtlarınızı inceleyerek gerekli sağlayıcıyı ve DNS kayıtlarını belirlemesini ister.

Bir web sitesi analiz aracının ekran görüntüsü. Araç bir alan adını analiz ediyor.

“[Alan sağlayıcınız] ile yetkilendirin” seçeneğine tıklayın (ör. Cloudflare). Bu işlem sizi, giriş yapıp devam edebileceğiniz alan adı sağlayıcınızın giriş sayfasına yönlendirir.

Quantumult X oturum açma arayüzünün ekran görüntüsü

Oturum açtıktan sonra Entri, uygun DNS kayıtlarını (dil başına bir DNS ve doğrulama anahtarı için bir TXT DNS) alanınıza otomatik olarak ekleyecektir.

Üçüncü taraf uygulamalardan DMS kayıtlarını yetkilendirin

Yetkilendirmenin ardından Entri, tüm DNS ayarlarının başarıyla yapılandırıldığını size bildirecektir. Çeviri özelliği, tüm DNS girişleri alan adınızda yayıldıktan sonra kullanılabilir olmalıdır; bu genellikle 20 ila 30 dakika sürer.

Web Sitesi Bakımda

Manuel kurulum için aşağıda verilen adımları takip edebilirsiniz.

3. Adım: 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örüntüleyen bir ekrana yönlendirileceksiniz.

Bu öğeleri Bubble.io DNS yapılandırmanıza kopyalayın.

Çok sayıda metin ve kutu içeren bir bilgisayar ekranı. Teknik bir arayüz gibi görünüyor.

Daha sonra alan adı yöneticinize erişin ve DNS kurulum alanına gidin. Kopyalamak için talimatları izleyin:

  • Alan doğrulaması için bir TXT kaydı
  • Diller için bir veya birkaç CNAME kaydı

Her kayıt türüne (TXT ve CNAME) ilişkin örnekleri burada bulabilirsiniz.

Bilgisayar arayüzünün siyah beyaz ekran görüntüsü. Bu görüntü, teknolojiyle ilgili bir arka planı göstermektedir.

Tüm kayıtlarınızı ekledikten sonra yapılandırmanız aşağıdaki gibi görünmelidir.

Siyah arka plan ve beyaz yazının ekran görüntüsü.

4. Adım: DNS'yi doğrulayın

Tüm kayıtlarınızı alan adınızın DNS'sine ekledikten sonra, DNS yayılımını doğrulamak için “DNS yapılandırmasını kontrol et” butonuna tıklayın.

DNS doğrulaması genellikle yaklaşık 30 dakika ila 1 saat sürer. Tamamlandığında, Linguise panelindeki DNS listesinin yanında yeşil göstergeler görmelisiniz. Bubble.io web sitenizi çevirmeye neredeyse hazırsınız; geriye sadece ülke bayraklarıyla dil değiştiriciye bağlantı vermek kalıyor.

Web sitesi içerik değişikliklerini gösteren tablo.

5. Adım: Etkinleştirme ve dil değiştirici

Dil değiştirici, kullanıcıların tercih ettikleri dili seçmelerine olanak tanıyan bir bayrak açılır penceresidir. Bunu uygulamak için, alan adı kayıt işleminin sonunda veya alan adı ayarlarında sağlanan kodu Bubble.io site sayfalarınızın başlığına kopyalayın. Bayrak dil değiştirici daha sonra herkese açık web sitenizde otomatik olarak görünecektir.

Modül kurulum isteminin yer aldığı bir web sayfasının ekran görüntüsü. Modül, sayfalara eklenecek.

Bubble panelinize gidin . Sol kenar çubuğundaki 'Ayarlar'a

SEO ve Sosyal Medya Açık Grafik ayarları

"Gelişmiş Ayarlar" ın altındaki "Başlıktaki komut dosyası/meta etiketleri seçeneğine ilerleyin Linguise yapıştırın , ardından 'Kaydet'i tıklayın ve sitenizi yayınlayın.

Sunucu hatası yapılandırma sayfası

5. Adım: Ana ekranı yapılandırın

Dil değiştiriciyi kurmaya başlamak için Linguise "Ayarlar" > "Dil bayrakları ekranı" bölümüne . Bu sayfada çeşitli ayarları yapabilirsiniz

  • Bayrak simgesi stili: Üç seçenek arasından seçim yapın: yan yana görüntüleme, açılır menü veya açılır pencere.
  • Konum: Dil değiştiricinin sitenizde nerede görüneceğini seçin. Çeşitli konum seçenekleri mevcuttur; Ziyaretçilerin kolayca erişebilmesini sağlayın.
Dil listesini görüntüleme ayarları

Bayrakların ve dil adlarının, bayrakların ve dil kısaltmalarının veya yalnızca dil adlarının görüntülenmesini birleştirebilirsiniz. Kullanıcının daha kolay tanınması için hem bayrakların hem de dil adlarının kullanılması önerilir.

Adım 6: Bayrağın tasarımını ayarlayın

Ana ekranı yapılandırdıktan sonra gösterilecek bayrakların tasarımını daha da özelleştirin.

  • Dil adını görüntüle: Dil adını ülke adına veya dil adına göre göstermeyi seçebilirsiniz. Örneğin, "Fransızca" veya "Français" ifadesini görüntüleyebilirsiniz.
  • İngilizce bayrak türü: Bu seçenek, ABD veya İngiliz İngilizcesi gibi birden fazla varyasyona sahip diller için kullanışlıdır (ayrıca İspanyolca, Tayvanca, Almanca ve Portekizce için de geçerlidir).
  • Bayrak stili: Bayrak simgesinin şeklini yuvarlak veya dikdörtgen olarak seçin.
Bayrak stili ve dil görüntüleme ayarları

7. Adım: Rengi 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ığı yarıçapı: Dikdörtgen bayrak stili için yarıçapı piksel cinsinden özelleştirin.
  • Dil adı rengi: Dil adını görüntülemek için varsayılan metin rengini seçin.
  • Açılır pencere dili rengi: Açılır veya açılır alandaki dil başlığı metninin rengini ayarlayın.
  • Bayrak boyutu: Bayrak simgelerinin boyutunu ayarlayın.
  • Dil adının üzerine gelme rengi: Kullanıcı dil adının üzerine geldiğinde görünecek metin rengini ayarlayın.
  • Açılır pencere dili vurgulama rengi: Kullanıcı açılır pencere veya açılır alanda dil başlığının üzerine geldiğinde görünecek metin rengini ayarlayın.
Bayrak ve açılır pencere renklerini özelleştirmek için bir ayarlar paneli

Adım 8: Bayrak kutusu gölgesini ayarlama

Son olarak bayrak kutusu gölge ayarlarını yapabilirsiniz. İlk seçenek, web sitenizde görüntülenen her bayrak simgesine bir gölge efekti uygulamanıza olanak tanır. Sonraki seçenek, kullanıcılar farelerini dil bayraklarının üzerine getirdiğinde 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 bu şekilde görünecektir.

Kurulumdan sonra Bubble çok dilli web sitenizde dil değiştiricinin nasıl çalıştığını görebilirsiniz.

Büyük hasır şapkalı bir kadın, Meksika'ya özgü bir simge yapının önünde oturuyor. Sanki tarihi veya kültürel bir ortamdaymış gibi görünüyor.

Daha sonra web sitesini İspanyolca gibi diğer dillere çevirebilirsiniz.

Geleneksel Meksika kıyafetleri giymiş bir adam basamaklarda oturuyor

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, hem siteniz hem de ziyaretçileriniz için dil değiştiriciyi optimize etmeye yönelik ipuçlarını göz önünde bulundurmanız önemlidir.

Kolayca tanımlanabilen bir dil bayrağı logosu kullanın

Ekranında dil öğreten bir adamın olduğu, etrafında kitap ve bayrakların bulunduğu renkli bir dizüstü bilgisayar çizimi.

Bubble.io web sitenize bir dil değiştirici eklerken, kolayca tanınabilir dil bayrakları veya simgeleri kullanmak çok önemlidir. Bu görsel ipuçları, kullanıcıların tercih ettikleri dili hızla belirleyip seçmelerine yardımcı olur. Örneğin, bir küre simgesinin dil seçeneklerini temsil ettiği evrensel olarak kabul edilir. Alternatif olarak, ülke bayrakları kullanabilirsiniz, ancak diller her zaman tek bir ülkeye bağlı olmadığından bunun bazen sorunlu olabileceğini unutmayın.

Örnek: Amazon'un web sitesi, üst gezinme çubuğunda o 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ı bir şekilde bulmalarına olanak tanır.

Dil adlarını bayrakların yanına ekleyin

Farklı dilleri temsil eden kodlama elemanları ve bayrakların bulunduğu bir bilgisayar ekranının çizimi.

Bayraklar faydalı olsa da tek başına kullanılmamalıdır. Dilin adının bayrak veya simgenin yanına kendi yerel alfabesiyle eklenmesi netlik sağlar ve olası karışıklığı önler. Bu, özellikle birden fazla ülkede veya bölgede konuşulan diller için önemlidir.

Örnek: Airbnb web sitesindeki dil değiştirici, dil adını ve ülke bayrağını görüntüler. Örneğin, ABD bayrağıyla birlikte “İngilizce (ABD)” ve Fransız bayrağıyla “Français” yazmaktadır. Bu kombinasyon, kullanıcıların tercih ettikleri dil seçeneğini doğru bir şekilde tanımlayabilmelerini sağlar.

Dil değiştirme düğmesini düşünceli bir şekilde konumlandırın

Web projeleri üzerinde çalışan bir geliştirici. Çeşitli web öğeleri.

Dil değiştiricinizin yerleşimi 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ü bulunur. Önemli olan, ana içerik alanını karıştırmadan kolayca keşfedilebilir hale getirmektir.

Örnek: tiffany.com web sitesinde, dil değiştirici sayfanın sağ alt köşesindedir ve her zaman görünür ve erişilebilir durumdadır. Bu tutarlı yerleşim, kullanıcıların sitenin neresinde olursa olsun dil seçeneklerini hızlı bir şekilde bulup kullanabilmelerini sağlar.

Dil değiştiriciyi duyarlı olacak şekilde tasarlayın

Dizüstü bilgisayarlarda birlikte çalışan iki kişi. Bir ofis ortamında çalışıyor gibi görünüyorlar.

Dil değiştiricinizin masaüstü bilgisayarlardan akıllı telefonlara kadar tüm cihazlarda iyi çalıştığından emin olun. Daha küçük ekranlarda, örneğin yatay seçenekler listesi yerine açılır menü kullanarak tasarımı uyarlamanız gerekebilir.

Örnek: UNESCO web sitesinin dil değiştiricisi, cihazlara güzel bir şekilde uyum sağlıyor. Masaüstünde başlıkta yatay bir liste olarak görünür. Mobil cihazlarda kompakt bir açılır menüye dönüşerek mobil düzenden ödün vermeden kullanılabilirlik sağlar.

Dil değiştiricinin sayfalar arasında tutarlı olduğundan emin olun

Siyah spor kıyafetleri giymiş bir kadın, kanepenin önündeki bej halıda yoga pozu yapıyor

Bubble.io web sitenizin tüm sayfalarında dil değiştiricinizin tasarımını, işlevselliğini ve konumunu aynı tutun. Bu tutarlılık, kullanıcıların mevcut sayfalarından bağımsız olarak dil seçeneklerini tam olarak nerede bulacaklarını bildikleri için sitenizde daha verimli bir şekilde gezinmelerine yardımcı olur.

Örnek: Web sitesi, ana sayfadan ürün sayfalarına ve ödeme sürecine kadar tüm sayfalarda dil değiştiriciyi alt bilgide tutarlı bir şekilde koruyor. Bu tutarlılık, kullanıcıların gezinme veya alışveriş deneyimleri sırasında diledikleri zaman kolayca dil değiştirebilmelerini sağlar.

Yeni pazarlar keşfetmeye hazır mısınız? 1 aylık risksiz deneme süremizle otomatik çeviri hizmetimizi ücretsiz deneyin. Kredi kartına gerek yok!

Linguisekullanarak Bubble çok dilli web sitesinde bir dil değiştirici kurun!

 Bubbledio için otomatik çeviri, yüksek kaliteli sonuçlar.

Artık Bubble.io çok dilli web sitesi için dilin nasıl seçileceğini biliyorsunuz. Dil seçiciyi okumak çeşitli avantajlar sağlayabilir ve daha önce bahsedilen noktalara dayanarak optimizasyona yol açabilir.

Dil seçiciyi etkili bir şekilde optimize etmek, kullanıcı deneyimini önemli ölçüde iyileştirebilir. Linguise oluşturun , Bubble sitenizle entegre edin ve kullanıcı deneyimini iyileştirmek için dil seçiciyi özelleştirin.

Okumak da ilginizi çekebilir

kaçırmayın!
Haber bültenimize abone ol

Web sitesi otomatik çevirisi, uluslararası SEO ve daha fazlası hakkında haberler alın!

Invalid email address
Bir şans ver. Ayda bir ve istediğiniz zaman abonelikten çıkabilirsiniz.

E-postanızı paylaşmadan ayrılmayın!

Piyangoyu kazanacağınızı garanti edemeyiz, ancak çeviri ve ara sıra indirimlerle ilgili bazı ilginç bilgilendirici haberler verebiliriz.

kaçırmayın!
Invalid email address