Bubble.io üzerinde dil değiştirici nasıl kurulur

Moda ve stil için mankenli bir web sayfası tasarımı.
Table of Contents

Bir dil değiştiriciyi Bubble.io web sitesine yerleştirmek, kullanıcıların dilleri değiştirmesini kolaylaştırabilir. Bu özellik, küresel bir kitleye hitap eden uygulamalar için özellikle değerlidir ve kullanıcıların platformla tercih ettikleri dilde etkileşim kurmasına olanak tanır. Popüler bir kod gerektirmeyen geliştirme platformu olan Bubble.io, geliştiricilerin kapsamlı kodlama bilgisi olmadan çok dilli uygulamalar oluşturması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şlar. Ardından kullanıcıların dili değiştirmek için etkileşime girebileceği bir açılır menü veya düğme öğesi oluştururlar. Bu makalede, otomatik çeviri hizmeti sunan web sitelerinden biriyle Bubble.io üzerinde bir dil değiştirici kurulumunu 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 bir Bubble web sitesinde neden bir tane kurmanız gerektiğinin nedenleri.

  • Diğer ülkelerdeki kullanıcılar için kolaylık sağlar: Bir 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çiş yaparak ürün ayrıntılarını daha kolay anlayabilir ve alışverişini tamamlayabilir. CSA Research araştırmaları, çevrimiçi alışveriş yapanların %76'sının bilgiler kendi dillerinde mevcut olduğunda ürün satın almayı tercih ettiğini göstererek bu özelliğin kullanıcı konforu ve erişilebilirliği açısından önemini vurgulamaktadır.
  • Web sitesinin diğer ülkelerin arama sonuçlarında optimize edilmesi: Bir dil değiştirici ile Bubble.io web siteniz yabancı dil aramalarında daha iyi sıralanabilir. Örneğin, sitenizin Fransızca sürümünün 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: İçeriği birden fazla dilde sunmak satışları artırabilir. Kullanıcıların dil değiştirmesine olanak tanıyan bir çevrimiçi kurs platformu, daha geniş bir kitleyi çekebilir ve kayıt sayısını artırabilir. Bu yaklaşım etkilidir çünkü tüketiciler, bilgileri ana dillerinde sunan web sitelerinden satın alma eğilimindedir ve bu da dönüşüm oranlarınızı doğrudan etkiler.
  • Kullanıcı etkileşimini ve elde tutmayı iyileştirir: Bir dil değiştirici, kullanıcıların sitenizde daha uzun süre kalmasını sağlayabilir. Ö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 ana dillerindeki sitelerde ikinci bir dildeki sitelere kıyasla iki kat daha fazla zaman harcar ve bu da daha iyi kullanıcı elde tutmaya yol açar.
Dil Engellerini Aşın
Dil engellerine veda edin ve sınırsız büyümeye merhaba deyin! Otomatik çeviri hizmetimizi bugün deneyin.

Bubble.io üzerinde dil değiştirici nasıl kurulur

Çok dilli Bubble.io web sitelerinde dil değiştirmenin önemini artık anladığımıza göre, bunun nasıl uygulanacağını 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 hizmeti seçmek çok önemlidir.

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

Linguise , Bubbleile sorunsuz entegrasyon sağlar ve geliştiricilerin çok dilli uygulamalarına dil değiştirmeyi kolayca dahil etmelerine olanak tanır. Linguise'in gelişmiş özelliklerinden ve kullanıcı dostu arayüzünden yararlanarak Bubble web sitenizde dil değiştiricileri kurmayı ve bakımını yapmayı kolaylaştırabilirsiniz.

İşte kurulum adımları: Linguise bir Bubble.io web sitesine yükleyin ve dil değiştiriciyi ayarlayın.

Adım 1: Linguise hesabı oluşturun

Öncelikle ücretsiz bir Linguise hesabı oluşturarak web sitesi alan adınızı ekleyin. Bir abonelik planı seçmeden önce 30 günlük ücretsiz deneme sürümünden yararlanabilirsiniz.

Ardından, çeviriye yetki vermek için alan adınızı kaydetmeniz gerekecek. Alan adınızı “https://” dahil olacak şekilde kopyalayın ve platform olarak “diğer” seçeneğini seçin.

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

Ardından, kaynak ve hedef dillerinizi seçin.

Beyaz yer tutucu metin içeren siyah arka plan.

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

Web sitenizi Linguise panosuna kaydettikten sonra iki kurulum seçeneğiniz olacak.

Otomatik DNS kaydı eklemek için "DNS'inizi otomatik olarak bağlayın." Entri adı verilen bu özellik, DNS kayıtlarını sizin için yöneterek kurulum sürecini kolaylaştırır. 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

Butona tıkladığınızda Entri, kayıtlı web sitesi URL'nizi analiz etmeye ve genel DNS kayıtlarınızı inceleyerek gerekli sağlayıcıyı ve DNS kayıtlarını belirlemeye yönlendirilir.

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

Ardından, "[alan adı sağlayıcınız] ile yetkilendir" (ör. Cloudflare) seçeneğine tıklayın. Bu işlem sizi alan adı sağlayıcınızın giriş sayfasına yönlendirir; burada giriş yapıp devam edebilirsiniz.

Quantumult X giriş arayüzünün ekran görüntüsü

Giriş yaptıktan sonra Entri, alan adınıza uygun DNS kayıtlarını otomatik olarak ekler—her dil için bir DNS ve doğrulama anahtarı için bir TXT DNS.

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

Yetkilendirmeden sonra Entri, tüm DNS ayarlarının başarıyla yapılandırıldığını size bildirecektir. Çeviri özelliği, alan adınızdaki tüm DNS kayıtları yayıldıktan sonra kullanılabilir olacaktır; bu genellikle 20 ila 30 dakika sürer.

Web sitesi bakımda

Manuel kurulum için aşağıdaki 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 üzere gereken DNS kayıtlarını gösteren bir ekrana yönlendirileceksiniz.

Bu öğeleri BubbleDNS 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.

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

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

Her kayıt türü için örnekler burada (TXT ve CNAME).

bilgisayar arayüzünün siyah beyaz ekran görüntüsü. Bu görsel teknolojiyle ilgili bir arka plan içeriyor.

Tüm kayıtlarınızı ekledikten sonra yapılandırmanız bu şekilde görünmelidir.

Beyaz metinli siyah arka planın ekran görüntüsü.

Adım 4: DNS'i doğrulayın

Tüm kayıtlarınızı alan adı DNS'nize ekledikten sonra, DNS yayılımı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 ile 1 saat arasında 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ıyla dil değiştiriciye bağlantı vermek.

Web sitesi içeriğindeki değişiklikleri gösteren tablo.

5. Adım: 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. Bunu uygulamak için, alan adı kayıt işleminin sonunda veya alan adı ayarları içinde sağlanan kodu Bubble.io site sayfalarınızın başlığına kopyalayın. Bayrak dil değiştirici daha sonra genel web sitenizde otomatik olarak görünecektir.

Bir web sayfasının, modül yükleme istemi içeren ekran görüntüsü. Modül sayfalara eklenecektir.

Ardından, Bubble web sitesi paneline gidin. Sol kenar çubuğu menüsünde 'Ayarlar' seçeneğine tıklayın ve "SEO / meta etiketler" seçeneğini seçin.

SEO ve Sosyal Medya Open Graph ayarları

Başlıkta “Script/meta etiketleri” bölümüne kadar aşağı kaydırın “Gelişmiş Ayarlar.” Daha önce kopyaladığınız Linguise scriptini yapıştırın, ardından ‘Kaydet’e tıklayın ve sitenizi yayınlayın.

Sunucu hatası yapılandırma sayfası

Adım 5: Ana görünümü yapılandırın

Dil değiştiriciyi kurmaya başlamak için “Ayarlar” > “Dil bayrakları gösterimi” bölümüne gidin: Linguise panosu. Bu sayfada çeşitli ayarları düzenleyebilirsiniz

  • 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şebildiğinden emin olun.
Dil listesini görüntüleme ayarları

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

Adım 6: Bayrak tasarımını ayarlayın

Ana görünümü yapılandırdıktan sonra, gösterilecek bayrakların tasarımını daha fazla özelleştirin.

  • Görüntülenen dil adı: Dil adını ülke adına veya dil adının kendisine göre göstermeyi seçebilirsiniz. Örneğin, “French” veya “Français” 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 (ve İspanyolca, Tayvanca, Almanca ve Portekizce için de geçerlidir).
  • Bayrak stili: Bayrak simgesinin şeklini seçin; yuvarlak veya dikdörtgen.
Bayrak stili ve dil görünümü ayarları

Adım 7: Rengi ve boyutu özelleştirin

Bayrak tasarımını yapılandırdıktan sonra bayrakların rengini ve boyutunu daha da özelleştirebilirsiniz. İşte ayarlayabileceğiniz ayarlar:

  • Bayrak kenar 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 dil rengi: Açılır pencere veya açılır menü alanındaki dil başlığı metninin rengini ayarlayın.
  • Bayrak boyutu: Bayrak simgelerinin boyutunu ayarlayın.
  • Dil adı üzerine gelme rengi: Kullanıcı dil adının üzerine geldiğinde görünen metin rengini ayarlayın.
  • Açılır pencere dil üzerine gelme rengi: Açılır pencere veya açılır menü alanında dil başlığının üzerine gelindiğinde görünen metin rengini ayarlayın.
Bayrak ve açılır pencere renklerini özelleştirmek için bir ayarlar paneli

Adım 8: Bayrak kutu gölgesini ayarlama

Son olarak, bayrak kutu gölgesi ayarlarını düzenleyebilirsiniz. İlk seçenek, web sitenizde görüntülenen her bayrak simgesine 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, dil değiştiricinin Bubble çok dilli web sitenizde nasıl çalıştığını görebilirsiniz.

Büyük hasır şapka takan bir kadın, bir Meksika simgesinin önünde oturuyor. Tarihi veya kültürel bir ortamda görünüyor.

Ardından, web sitesini İspanyolca gibi diğer dillere çevirebilirsiniz.

Basamaklarda oturan geleneksel Meksika kıyafetli bir adam

Bubbledil değiştirme özelliğini optimize etmek için en iyi uygulamalar

Bir Bubble çok dilli web sitesinde dil değiştiriciyi başarıyla kurduktan sonra, dil değiştiriciyi hem siteniz hem de ziyaretçileriniz için 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 olan dizüstü bilgisayarın, kitaplar ve bayraklarla çevrili renkli bir illüstrasyonu.

Bubble.io web sitenizde bir dil değiştirici uygularken, kolayca tanınabilen dil bayrakları veya simgeleri kullanmak çok önemlidir. Bu görsel ipuçları, kullanıcıların tercih ettikleri dili hızlıca tanımlamalarına ve seçmelerine yardımcı olur. Örneğin, bir küre simgesi, dil seçeneklerini temsil ettiği konusunda evrensel olarak anlaşılır. Alternatif olarak, ülke bayraklarını 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 o anda seçili dilin (ör. "EN") yanında küçük bir dünya simgesi kullanır. Bu basit ama etkili yaklaşım, kullanıcıların mevcut dil ayarları ne olursa olsun dil seçeneklerini hızlıca bulmasını sağlar.

Dil adlarını bayraklarla birlikte ekleyin

Kodlama öğeleri ve farklı dilleri temsil eden bayraklarla bir bilgisayar ekranı illüstrasyonu.

Bayraklar faydalı olabilir ancak tek başına kullanılmamalıdır. Dilin adının kendi alfabesiyle birlikte bayrak veya simgenin yanında yer alması, netlik sağlar ve olası karışıklıkları önler. Bu, birden fazla ülke veya bölgede konuşulan diller için özellikle önemlidir.

Örnek: Airbnb web sitesindeki dil değiştirme düğmesi, dil adını ve ülke bayrağını gösterir. Örneğin, "İngilizce (ABD)" seçeneği ABD bayrağıyla, "Fransızca" seçeneği ise Fransız bayrağıyla gösterilir. Bu kombinasyon, kullanıcıların tercih ettikleri dil seçeneğini doğru bir şekilde belirleyebilmelerini sağlar.

Dil değiştirme düğmesini dikkatlice konumlandırın

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

Dil değiştiricinin yerleşimi, kullanıcı erişilebilirliği için kritik öneme sahiptir. Yaygın konumlar arasında başlığın sağ üst köşesi, alt bilgi veya ana gezinme menüsü bulunur. Önemli olan, ana içerik alanını dağıtmadan kolayca keşfedilebilir olmasını sağlamaktır.

Örnek: tiffany.com web sitesinde, dil değiştirici sayfanın sağ alt köşesinde yer alır ve her zaman görünür ve erişilebilirdir. Bu tutarlı yerleşim, kullanıcıların sitede nerede olurlarsa olsunlar dil seçeneklerini hızlıca bulup kullanabilmelerini sağlar.

Dil değiştirme özelliğini duyarlı (responsive) olacak şekilde tasarlayın

Dizüstü bilgisayarlarda işbirliği yapan 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 tasarımı uyarlamanız gerekebilir – örneğin, yatay bir seçenek listesi yerine bir açılır menü kullanmak gibi.

Örnek: UNESCO web sitesinin dil değiştiricisi tüm cihazlarda mükemmel şekilde uyum sağlar. Masaüstünde, başlıkta yatay bir liste olarak görünür. Mobilde, mobil düzeni bozmadan kullanılabilirliği sağlayan kompakt bir açılır menüye dönüşür.

Dil değiştirme özelliğinin sayfalar arasında tutarlı olduğundan emin olun

Kanepenin önünde bej bir halı üzerinde yoga pozu veren siyah spor kıyafetli bir kadın

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

Örnek: Web sitesi, ana sayfadan ürün sayfalarına ve ödeme sürecine kadar tüm sayfalarda dil değiştiricisini alt bilgide tutarlı bir şekilde korur. Bu tutarlılık, kullanıcıların gezinme veya alışveriş deneyimleri sırasında istedikleri 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ı gerekmez!

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 anladınız. Dil seçiciyi incelemek çeşitli faydalar sağlayabilir ve daha önce belirtilen noktalara dayalı olarak optimizasyona yol açabilir.

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

Ayrıca okumak ilginizi çekebilir

Fırsatı kaçırmayın!
Bültenimize Abone Olun

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

Invalid email address
Bir deneyin. Ayda bir kez, 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 indirimler hakkında ilginç bilgilendirici haberler vaat edebiliriz.

Fırsatı kaçırmayın!
Invalid email address