Viewport nedir?
Türkçesi: Görünüm Alanı
İngilizcesi: Viewport
Türkçe Okunuşu: viyupört
İngilizce Okunuşu: /ˈvjuː.pɔːrt/
Dilbilgisi: İsim; (web geliştirme, UX/UI, responsive tasarım ve SEO terimi)
Köken: İngilizce kökenlidir. “View” (görünüm) ve “port” (pencere, açıklık) kelimelerinin birleşiminden oluşur. Terim ilk olarak grafik arayüzler ve bilgisayar ekranlarında, kullanıcının belirli bir anda görebildiği alanı tanımlamak için kullanılmıştır. Web teknolojilerinin gelişmesiyle birlikte tarayıcı penceresinin görünen kısmını ifade eden teknik bir kavrama dönüşmüştür.
Alakalı Sözcükler: Screen Resolution, Responsive Design, Media Query, Breakpoint, Meta Viewport, Scroll Area, Device Width
Viewport, bir web sayfasının kullanıcı tarafından o anda görülebilen alanını ifade eder. Tarayıcı penceresinin boyutuna, cihaz türüne (mobil, tablet, masaüstü) ve ekran çözünürlüğüne göre değişkenlik gösterir. Viewport, sayfanın tamamı değil; kullanıcının kaydırma yapmadan gördüğü aktif bölgedir.
Modern web tasarımında viewport kavramı, özellikle responsive design yaklaşımının temelini oluşturur. Esnek grid sistemleri ve mobil uyumlu tasarımlar doğrudan viewport genişliği ve yüksekliği üzerinden çalışır. Mobil cihazlarda kullanılan meta viewport etiketi, sayfanın ölçeklenmesini ve cihaz genişliğine göre doğru şekilde görüntülenmesini sağlar.
SEO ve kullanıcı deneyimi açısından viewport optimizasyonu kritiktir. Yanlış ayarlanmış bir viewport, mobilde taşan içeriklere, okunamayan metinlere ve yüksek hemen çıkma oranlarına yol açabilir. Bu nedenle modern web projelerinde “mobile-first” yaklaşım benimsenerek viewport merkezli tasarım yapılır.
« Fihriste Dön
