Tek sayfalık tanıtımdan iki dilli kurumsal siteye

Bir ajansın kendi sitesi, müşteriye verdiği sözün ilk sınavıdır. Bu yüzden ilk vaka çalışmamız kendi sitemiz: müşterilerimize önerdiğimiz disiplini önce kendimize uyguladık ve her kararı gerekçesiyle burada yazdık.

Başlangıç noktası

Elimizde tek bir HTML dosyası vardı. Tanıtım metni, hizmet başlıkları ve iletişim bilgileri aynı sayfadaydı; alt sayfa yoktu. Türkçe ve İngilizce içerik aynı adreste duruyor, aralarında JavaScript ile geçiş yapılıyordu.

Bu yapının iki somut sonucu vardı:

• Arama motorunun sıralayabileceği tek bir sayfa vardı. Sekiz ayrı hizmet, tek bir adres üzerinden yarışıyordu; hiçbiri kendi konusunda derinleşemiyordu.
• İngilizce içerik görünmezdi. Aynı adreste, JavaScript ile gizlenen metin arama motoru için ayrı bir sayfa değildir; İngilizce sürüm ayrı sıralanamaz.

Ne yaptık

Hizmetleri kendi sayfalarına ayırdık. Sekiz hizmetin her biri artık kendi adresinde, kendi başlığı ve açıklamasıyla duruyor. Sıralanabilir yüzey bir sayfadan 8'e çıktı.

İçerik altyapısı kurduk. Yazılar ve hizmetler markdown dosyalarından üretiliyor; tek komutla sayfalar, ana sayfa kartları ve site haritası birlikte yenileniyor. Sayfa iskeleti tek kaynaktan okunuyor, yani bir değişiklik 28 sayfaya aynı anda yansıyor.

İki dili ayrı adreslere taşıdık. Her sayfanın Türkçe ve İngilizce sürümü ayrı URL'de; hreflang etiketleriyle birbirine bağlı, x-default Türkçeyi işaret ediyor. İngilizce adresler de İngilizce — /en/services/artificial-intelligence gibi.

Statik üretimi bilinçli seçtik. İçerik tarayıcıda JavaScript ile yüklenseydi, WhatsApp ve LinkedIn'in bağlantı önizleme botları başlık ve görsel göremezdi; paylaşılan her link çıplak bir adres olarak görünürdü. Her sayfa kendi og: etiketleriyle hazır geliyor.

Ölçümü çerezsiz kurduk. Ziyaretçi davranışı ve gerçek sayfa hızı ölçülüyor, ancak çerez kullanılmıyor ve kalıcı tanımlayıcı saklanmıyor. Böylece çerez bandı ve açık rıza mekanizması gerekmedi. Çerez tabanlı bir araç seçseydik aydınlatma metni, rıza yönetimi ve yurt dışına aktarım zemini de kurmamız gerekirdi — bu, ölçüm ihtiyacının önüne geçecek bir yüktü.

Teknik tarafı tamamladık. Alan adı ve SSL, güvenlik başlıkları, site haritası, robots.txt, kurumsal şema verisi, arama motorlarına bildirim ve Google İşletme Profili.

Yol boyunca çıkan üç hata

Bunları yazıyoruz çünkü bir projede hata çıkmaması değil, hataların yakalanması anlatılmaya değer:

• Çift <!DOCTYPE> — sayfa üreticisi, şablonda zaten bulunan etiketi bir kez daha ekliyordu. Tarayıcılar ilkini kullanıp ikincisini yok saydığı için görünür bir bozulma yoktu; yine de geçersiz işaretlemeydi.
• Yönlendirmeye işaret eden canonical — İngilizce ana sayfanın adresi /en/ yazılıyordu ama sunucu bunu /en'e yönlendiriyordu. Yani arama motoruna "asıl adres bu" diye gösterdiğimiz her yer bir yönlendirmeyi işaret ediyordu. Google İngilizce sayfaları henüz taramadan yakalandı.
• İç bağlantılar dile göre çevrilmiyordu — İngilizce bir hizmet sayfasından diğerine giden bağlantı Türkçe sürüme düşüyordu. Sayfa gövdesi, iskelet işlendikten sonra eklendiği için çeviriden kaçmıştı.

Üçü de kontrol adımlarında yakalandı ve düzeltildi. Kontrolün kendisi işin parçası; "çalışıyor görünüyor" yeterli bir ölçüt değil.

Sonuç

Dürüst olmak gerekirse: site yeni yayına alındı. Trafik ve sıralama verisi henüz birikmedi — ölçüm altyapısı tam da bunun için kuruldu. Bu tabloya zamanla gerçek rakamlar eklenecek; o rakamlar oluşmadan buraya tahmin yazmayacağız.

Bu projede kullanılan hizmetler

Web Tasarım & Yazılım · Dijital Medya, Reklam & Sosyal Medya