Full Nedir?
Full width, container'ın 100% viewport genişliğinde olduğu CSS layout'udur. Boxed layout'un tersi. Görsel ağırlıklı ve modern sayfalarda tercih edilir.
Neden Önemlidir?
Görsel deneyim ve modern estetik sunar. E-ticaret ürün görselleri, portfolyo ve landing page'lerde kullanılır. Okunabilirlik için metin genişliği sınırlanmalıdır.
Nasıl Çalışır?
CSS'de width: 100%, max-width: 100% veya container-fluid (Bootstrap) kullanılır. İçerik genişliği okunabilirlik için max-width ile sınırlanabilir.
Dikkat Edilmesi Gerekenler
- Uzun metin full width'te okunması zor; max-width ile satır uzunluğu sınırlayın.
- Geniş ekranlarda aşırı yayılma kullanıcıyı yorar; dengeli kullanın.
- Core Web Vitals'ta layout shift; genişlik değişiminde CLS kontrol edin.
Sık Sorulan Sorular
Full width her sayfa için uygun mu?
Hayır. Blog ve makale gibi metin ağırlıklı sayfalarda boxed veya kısıtlı genişlik daha okunaklıdır.
SEO'yu etkiler mi?
Dolaylı. Kullanıcı deneyimi (dwell time, bounce) üzerinden. Doğrudan sıralama faktörü değildir.
Full width vs boxed?
Full: görsel, modern. Boxed: okunabilir, klasik. İçerik türüne göre seçilir.