Web sitesine Google Translete dil seçenekleri ekleme yöntemi

Web sitelerinin her geçen gün daha da önem kazandığı günümüzde ziyaretçiler için en önemli kriterlerden biri de sayfanın mobil uyumlu olmasıdır. Mobil uyumluluk dışında ise dil seçeneği farklı ülkelerden giren ziyaretçiler için önem arz eder. Özellikle kurumsal web sayfalarında global bir firma iseniz firmanız hakkında bilgi almak isteyenlere dil seçenekleri sunmanız gerekiyor.

Web sitelerine dil seçeneği ekleme yöntemleri

İnternet sitesi üzerine dil seçeneği eklemek her zaman kolay bir seçenek olmayabiliyor. Bazen tamamen ayrı bir site olarak ele alınan farklı diller WordPress altyapısı ile kurulmuş sitelerde eklenti sayesinde kolaylıkla yapılabiliyor. Eğer web sayfanıza ingilizce için içerikleri kendiniz girmek istiyor ve WordPress alt yapısı kullanıyorsanız ilk olarak şu adımları izleyebilirsiniz.

WordPress dil seçeneği eklentisi: Polylang

Polylang eklentisi, wordpress tabalı yönetim panelli internet sitelerine dil seçeneği ekleme imkanı sunuyor. Kolay kullanımı ve sorunsuz işleyişi ile dil seçenekleri ekleme konusunda kurtarıcınız olacak bir eklentidir. Polylang eklentisiyle istediğiniz alternatif dili projenize dahil edebilir, mevcut içerikleri varsayılan dil seçerek atama yapabilirsiniz. Polylang eklentisi yazılar, sayfalar, ürünler, menüler ve bileşenler için ayrı ayrı giriş yapma olanağı verir.

Siteye Google Translate çeviri butonu ekleme

Web sitesine dil çevirisi eklemenin bir diğer ve en basit yolu Google Translete çeviri butonu eklemektir. İnternet sayfası üzerinde dil çevirisi yapmak için ekleyeceğiniz kodlar sayesinde gelen ziyaretçilere istediği dilde çeviri yapma imkanı sunabilirsiniz. Burada dikkat etmeniz gereken nokta tüm web içeriğinin text yani yazılı metinlerden oluşmasıdır. Görseller üzerine eklenmiş yazılar doğal olarak çeviri yapılmayacaktır.

Google Translate dil çevirisi web sitelerine nasıl eklenir, hangi sitelerde destekler, dil kısıtlaması nasıl yapılır, varsayılan dil nasıl seçilir gelin adım adım birlikte inceleyelim.

Google Translate dil seçenekleri kodu

Aşağıdaki html kodunu kopyalayıp sitenizde butonun görünmesini istediğiniz yerine ekleyerek dil seçeneklerini aktif hale getirebilirsiniz.

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'tr', includedLanguages: 'en,ar,ru,tr'},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src= "https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

pageLanguage kısmından web sayfasının mevcut dilini belirtebilirsiniz. Eğer mevcut site dili Türkçe ise “tr” kısaltması ile bunu ekleyebilirsiniz.

Yukarıda eklenen kod siteyi Google Translate’in desteklediği tüm dillerde çeviri yapılmasını sağlar. Eğer siz bunu sınırlayarak sadece belli dillerde çeviri yapmak isterseniz aşağıdaki şekilde kodu revize edebilirsiniz. Aşağıdaki örnekte sadece Türkçe, İngilizce, Rusça ve Arapça dilleri eklenmiştir.

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'tr', includedLanguages: 'en,ar,ru,tr'},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src= "https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

Dil kısa kodları

includedLanguages kısmından çevirisini yapmak istediğiniz dil seçeneklerini ekleyebilirsiniz. Aşağıdaki tabloda dil seçeneklerinin kısa kodları mevcuttur.