Modern Web Sitesi Tasarımı

Hız bir tasarım kararıdır

Largest Contentful Paint, sayfa açıldığında görünen en büyük öğenin ne kadar sürede çizildiğini ölçer. Bu öğe her zaman hero görseli olmayabilir; bazen büyük bir başlıktır. Hero görselini lazy-load kapsamı dışında tutmak ve fontları önceden yüklemek, ölçülebilir fark yaratır.

Cumulative Layout Shift'in en sık nedeni, boyutu önceden belirtilmemiş görseller ve sonradan yüklenen alanlardır. Görsellere açık genişlik ve yükseklik vererek, CSS aspect-ratio ile yer ayırarak kaymayı sıfıra yaklaştırıyoruz.

• Hero görselinin öncelikli yüklenmesi
• Görsellerde açık boyut ve yer ayırma (CLS)
• Modern görsel formatları (AVIF / WebP) ve srcset
• Kritik olmayan JavaScript'in ertelenmesi

JavaScript'siz de görünen içerik

Arama motorları ve yapay zekâ tarayıcıları sayfanızı okuyabilmelidir. İçeriği yalnızca tarayıcıda üreten siteler, JavaScript çalıştırmayan tüketicilere boş bir sayfa gösterir.

Sayfaları sunucu tarafında üretiyoruz: her adres kendi başlığı, açıklaması ve içeriğiyle gelir. Böylece hem Google hem ChatGPT, Perplexity ve sosyal önizleme botları içeriği doğrudan görebilir.

Teknik SEO altyapısı hazır teslim edilir

Semantik HTML, tek ve doğru H1, sayfa başına özgün başlık ve açıklama, kendine referans veren canonical, geçerli sitemap ve robots.txt, yapısal veri (schema.org) — bunlar sonradan eklenecek ekstralar değil, teslimin parçasıdır.

Sonradan eklenen SEO genellikle yarım kalır: çift canonical, çakışan meta etiketleri ve sıralama karışıklığı tam da bu sırada oluşur.

Tasarım dönüşüme hizmet eder

Güzel bir sayfa, kullanıcıyı istediği sonuca götürmüyorsa pahalı bir vitrindir. Sayfa planını tek bir birincil eylem etrafında kuruyoruz: teklif isteme, arama başlatma veya form doldurma.

Bilgi hiyerarşisi, okuma akışı ve harekete geçirici butonun yeri bu tek hedefe göre belirlenir.

Mobil öncelikli kurulum

Trafiğin büyük kısmı mobilden gelir. Dokunma hedeflerini en az 44 pikselde tutuyor, yatay kaydırma bırakmıyor ve mobil kompozisyonu masaüstünün küçültülmüş hâli olarak değil, ayrıca tasarlıyoruz.