İçindekiler
Webflow Yerelleştirme: Çok Dilli Web Siteleri Oluşturma Rehberi
Webflow, tasarımcıların ve pazarlamacıların doğrudan Webflow Designer içinde çok dilli web siteleri oluşturabilmesine olanak tanıyan yerel yerelleştirme desteğini hayata geçirdi. Bu özellik, üçüncü taraf çeviri eklentilerine veya her dil için projenin tamamını kopyalamaya olan ihtiyacı ortadan kaldırıyor.
Bu rehber; Webflow yerelleştirmesinin nasıl çalıştığını, yeteneklerini ve sınırlamalarını, SEO yönetimini ve daha geniş bir yerelleştirme iş akışına nasıl entegre edildiğini ele alıyor.
Webflow Yerelleştirmesi Nasıl Çalışır?
Webflow'un yerelleştirme özelliği, birincil bir yerel ayar (kaynak diliniz) tanımladığınız ve her ek dil için ikincil yerel ayarlar eklediğiniz yerel ayar tabanlı bir sistem kullanır.
Temel Kavramlar
- Birincil yerel ayar — Varsayılan diliniz. Tüm içerik önce birincil yerel ayarda oluşturulur.
- İkincil yerel ayarlar — Ek diller. Her ikincil yerel ayar, birincil yerel ayardaki herhangi bir metin, görsel veya öğe görünürlüğünü geçersiz kılabilir.
- Yerel ayar alt klasörleri — Webflow, yerel ayar önekleriyle URL'ler oluşturur:
example.com/fr/about,example.com/de/about. - Yerel ayar değiştirici — Ziyaretçilerin diller arasında geçiş yapmasını sağlayan yerleşik bir bileşen.
Yerel Ayarları Yapılandırma
- Webflow proje ayarlarınızı açın
- Locales sekmesine gidin
- Bir dil ve bölge seçerek ikincil yerel ayarlar ekleyin
- Her yerel ayar için görünen adları ve URL öneklerini yapılandırın
Webflow, BCP 47 standartlarını izleyen geniş bir dil-bölge kombinasyonu yelpazesini destekler (ör. en-US, fr-FR, pt-BR).
İçerik Çevirisi
Statik İçerik
Statik sayfa içeriği (başlıklar, paragraflar, düğmeler) için Webflow, bağlam içi bir düzenleme deneyimi sunar:
- Designer'daki yerel ayar değiştiriciyi kullanarak ikincil bir yerel ayara geçin
- Herhangi bir metin öğesine tıklayın — birincil yerel ayar metni referans olarak görünür
- Çevrilmiş metni doğrudan Designer'a girin
- Görsel biçimlendirme ve stil, yerel ayarlar genelinde tutarlı kalır
Bu satır içi yaklaşım, tasarımcıların ve çevirmenlerin çevrilmiş metnin son düzende tam olarak nasıl görüneceğini görebileceği anlamına gelir; bu sayede taşma veya düzen sorunları hemen fark edilir.
CMS İçeriği
Webflow CMS koleksiyonları, yerel ayar başına içeriği destekler:
- Her CMS alanı, yerel ayara özgü değerlere sahip olabilir
- Koleksiyon sayfaları, yerel ayar önekli URL'leri otomatik olarak oluşturur
- Zengin metin alanları, görseller ve diğer alan türlerinin tamamı yerelleştirilebilir
- Referans ve çoklu referans alanları, yerel ayara uygun ilgili içeriğe işaret edecek şekilde yerelleştirilebilir
Örneğin, bir blog yazısı koleksiyonu, aynı slug yapısını paylaşırken her yerel ayar için farklı başlıklara, gövde içeriğine ve öne çıkan görsellere sahip olabilir.
Yerelleştirebileceğiniz Öğeler
- Metin içeriği — Herhangi bir metin öğesi (başlıklar, paragraflar, bağlantılar, düğmeler)
- Görseller ve alt metin — Görselleri yerel ayar bazında değiştirin (yerelleştirilmiş arayüz içeren ekran görüntüleri için kullanışlıdır)
- Öğe görünürlüğü — Belirli öğeleri yerel ayar bazında gösterin veya gizleyin
- Bağlantı URL'leri — Bağlantı hedeflerini yerel ayar bazında değiştirin (ör. yerel ayara özgü belgeler)
- Form alanları — Yer tutucu metinleri ve etiketleri yerelleştirin
- CMS içeriği — Tüm CMS alan türleri, yerel ayar başına değerleri destekler
Paylaşılan Öğeler
- Düzen ve yapı — Sayfa düzeni tüm yerel ayarlarda ortaktır
- Stiller ve sınıflar — CSS stili geneldir
- Etkileşimler ve animasyonlar — Tetikleyiciler ve animasyonlar tüm yerel ayarlara uygulanır
- Özel kod — Gömülü komut dosyaları paylaşılır (dil algılamayı kendiniz yönetmeniz gerekir)
SEO ve Çok Dilli Yönetim
Webflow'un yerelleştirme özelliği, çeşitli SEO gereksinimlerini otomatik olarak karşılar.
hreflang Etiketleri
Webflow, her sayfanın <head> bölümünde otomatik olarak hreflang etiketleri oluşturur:
<link rel="alternate" hreflang="en" href="https://example.com/about" /> <link rel="alternate" hreflang="fr" href="https://example.com/fr/about" /> <link rel="alternate" hreflang="de" href="https://example.com/de/about" /> <link rel="alternate" hreflang="x-default" href="https://example.com/about" />
Bu etiketler, arama motorlarına farklı bölgelerdeki kullanıcılara hangi dil sürümünü göstereceğini bildirir.
Site Haritası
Oluşturulan sitemap.xml, her sayfanın tüm yerel ayar varyasyonlarını içerir; bu da arama motorlarının tüm dil sürümlerini keşfetmesine ve dizine eklemesine yardımcı olur.
Yerel Ayara Özgü Meta Etiketler
Aşağıdakiler için yerel ayara özgü değerler belirleyebilirsiniz:
- Sayfa başlığı (
<title>) - Meta açıklama
- Open Graph başlığı ve açıklaması
- Open Graph görseli
Bu, her yerel ayarın arama motorları ve sosyal paylaşım için düzgün biçimde optimize edilmiş meta verilerine sahip olmasını sağlar.
Sınırlamalar
Makine Çevirisi Yok
Webflow, yerleşik makine çevirisi içermez. Tüm çeviriler Designer aracılığıyla manuel olarak girilmeli veya Webflow API üzerinden içe aktarılmalıdır. Bu, kaliteye öncelik veren kasıtlı bir tasarım tercihidir; ancak ilk çeviri çabasının tamamen kullanıcıya ait olduğu anlamına gelir.
Düzen Kısıtlamaları
Tüm yerel ayarlar aynı düzeni paylaştığından, belirli dillerde önemli ölçüde daha uzun veya daha kısa olan metinler düzen sorunlarına yol açabilir. Almanca metin çoğu zaman İngilizce'den %30-40 daha uzundur; Çince ve Japonca metin daha kompakt olabilir. Konteynerlerin taşmayı düzgün şekilde yönettiğinden emin olmak için düzenleri en uzun hedef dilinizle test edin.
Çoğullama veya Değişken Desteği Yok
Webflow'un yerelleştirmesi ICU MessageFormat, çoğul kuralları veya değişken enterpolasyonunu desteklemez. Her metin varyantı ayrı, eksiksiz bir dize olmalıdır. Sayımlara veya kullanıcı verilerine bağlı dinamik içerik için özel JavaScript gerekecektir.
Toplu İşlemler Yalnızca API ile
Webflow Designer'da çeviriler için yerleşik bir toplu içe/dışa aktarma özelliği yoktur. Yüzlerce sayfadan oluşan büyük siteler için görsel düzenleyici üzerinden manuel çeviri yapmak zaman alıcıdır. Webflow API, harici çeviri araçlarıyla entegrasyonu mümkün kılarak programatik içerik yönetimini destekler.
Harici TMS ile Entegrasyon
Çevirileri büyük ölçekte yöneten ekipler için, Webflow'u API aracılığıyla bir çeviri yönetim sistemiyle (TMS) entegre etmek şunları sağlar:
- Dışa aktarma — CMS API'si aracılığıyla Webflow'dan kaynak dil içeriğini çekin
- Çeviri — Profesyonel çevirmenler, çeviri belleği, sözlükler ve bağlamla TMS'de çalışır
- İçe aktarma — Tamamlanan çevirileri API aracılığıyla Webflow'a geri gönderin
Bu iş akışı özellikle şu durumlarda değerlidir:
- 50'den fazla sayfası veya CMS öğesi olan siteler
- Profesyonel çevirmenler veya ajanslarla çalışan ekipler
- Tutarlılığı korumak için çeviri belleğine ihtiyaç duyan kuruluşlar
- Webflow ve diğer platformlar arasında terminoloji yönetimi gerektiren projeler
En İyi Uygulamalar
En Uzun Dil İçin Tasarım Yapın
Düzenler oluştururken metin genişlemesini hesaba katın. İngilizce'de "Sign Up" ifadesine uyan bir konteynerin, Almanca'da "Registrieren" veya Fransızca'da "Inscription" ifadesine yer açması gerekir. Sabit boyutlar yerine esnek konteynerler (flexbox, otomatik yükseklik) kullanın.
Tekrar Eden İçerik İçin CMS Kullanın
Aynı çevrilmiş metin birden fazla sayfada görünüyorsa (referanslar, özellik açıklamaları, SSS maddeleri), bunu bir CMS koleksiyonunda saklayın. Bu, aynı metni her sayfada ayrı ayrı çevirmek yerine bir kez çevirmenizi ve her yerde güncellenmesini sağlar.
Yerel Ayar Yapısını Erkenden Planlayın
Mevcut bir Webflow sitesine yerelleştirme eklemek mümkündür; ancak baştan planlamak daha kolaydır. Oluşturmaya başlamadan önce URL yapınızı, yerel ayar değiştirici yerleşimini ve geri dönüş davranışını göz önünde bulundurun.
Metin İçeren Görselleri Yerelleştirin
Görselleriniz metin içeriyorsa (hero banner'lar, infografikler, sosyal kanıtlar), yerel ayara özgü sürümler oluşturun. Webflow'un yerel ayar bazında görsel değiştirme özelliği bunu kolaylaştırır.
Sıkça Sorulan Sorular
Webflow yerelleştirme ne kadar maliyetlidir?
Webflow yerelleştirmesi belirli Workspace planlarında mevcuttur. Dahil edilen yerel ayar sayısı plan kademesine göre değişir. En güncel ayrıntılar için Webflow'un güncel fiyatlandırma sayfasına bakın.
Alt klasörler yerine alt alan adları kullanabilir miyim?
Webflow'un yerel yerelleştirmesi, alt klasör tabanlı URL'ler (/fr/, /de/) kullanır. Alt alan adı tabanlı yerelleştirme (fr.example.com), ayrı Webflow projeleri veya özel barındırma gerektiren farklı bir kurulum gerektirir.
Webflow yerelleştirmesi Webflow Ecommerce ile çalışır mı?
2025 itibarıyla Webflow'un yerelleştirme özelliği, Ecommerce için sınırlı desteğe sahiptir. Ürün içeriği yerelleştirilebilir; ancak fiyatlandırma, ödeme ve işlem e-postaları kısıtlamalar içermektedir. Ecommerce yerelleştirmesinin güncel durumu için Webflow'un belgelerine bakın.
Sağdan sola (RTL) dilleri nasıl yönetirim?
Webflow, yerel ayar ayarları aracılığıyla RTL metin yönünü destekler. Bir kullanıcı RTL yerel ayarını görüntülediğinde, metin hizalaması ve okuma yönü ayarlanır. Ancak tam düzen aynalaması (flexbox yönü, kenar boşluğu konumları) özel CSS geçersiz kılmaları gerektirebilir.
