Title: Viewport Author: Kriko Published: 28 Nisan 2021 Last modified: 11 Temmuz 2026 --- 1. [Anasayfa](https://kriko.io/tr/) / 2. [Sözlük](https://kriko.io/tr/sozluk) / 3. V Harfi # Viewport Viewport, kullanıcıların bir web sayfasında görüntüleyebildiği alanların tamamına deniyor. **Viewport**, bir web sayfasının kullanıcı tarafından tarayıcı içinde görülebilen alanını ifade eder. Türkçede görüntü alanı veya görünür alan olarak da adlandırılabilir. Kullanıcı bir web sitesini açtığında sayfanın ekranda görünen bölümü viewport olarak değerlendirilir. Sayfanın aşağıda kalan ve kaydırma yapılmadan görünmeyen kısmı ise o anda viewport içinde yer almaz. Viewport ile ekran boyutu aynı şey değildir. Ekran boyutu cihazın fiziksel ölçüsünü ifade ederken viewport, tarayıcı penceresinde web sayfasına ayrılan görünür alanı ifade eder. Örneğin bir telefonun ekranı belirli bir fiziksel boyuta sahip olabilir ancak tarayıcının kullandığı viewport, cihazın çözünürlüğüne, piksel yoğunluğuna, tarayıcı arayüzüne ve sayfanın ölçeklendirme ayarlarına göre farklılık gösterebilir. Masaüstü bilgisayarlarda ise kullanıcı tarayıcı penceresini daralttığında veya genişlettiğinde viewport ölçüsü değişir. Bu kavramı daha iyi anlamak için device, screen ve browser ayrımını yapmak gerekir.** Device**, kullanıcının web sitesine erişmek için kullandığı telefon, tablet, dizüstü bilgisayar veya masaüstü bilgisayar gibi donanımı ifade eder. Screen, cihazın fiziksel ekranını ve çözünürlüğünü anlatır. Browser ise Google Chrome, Safari, Firefox veya Microsoft Edge gibi web sayfalarını görüntülemeyi sağlayan tarayıcı yazılımıdır. Viewport ise bu tarayıcı içinde web sayfasının kullanıcıya görünen bölümüdür. Mobil cihazların yaygınlaşmasından önce birçok web sitesi daha çok masaüstü ekranlar düşünülerek tasarlanıyordu. Günümüzde ise kullanıcılar web sitelerine telefon, tablet, dizüstü bilgisayar ve farklı ekran ölçülerine sahip cihazlardan erişmektedir. Bu nedenle responsive, yani duyarlı web tasarımı büyük önem taşır. Responsive tasarım, sayfanın farklı viewport genişliklerine göre düzenini, yazı boyutlarını, görsellerini ve menü yapısını uyumlu hale getirir. Mobil uyumlu web sitelerinde genellikle viewport meta etiketi kullanılır. Bu etiket, tarayıcıya sayfanın cihaz genişliğine göre nasıl ölçekleneceğini bildirir. Yaygın kullanımda viewport genişliği cihaz genişliğine eşitlenir ve başlangıç ölçeği 1 olarak tanımlanır. Bu yapı, mobil cihazlarda sayfanın gereksiz şekilde küçültülmesini veya masaüstü genişliğinde açılmasını önlemeye yardımcı olur. Viewport ayarı tek başına mobil uyumluluk için yeterli değildir. Sayfanın CSS yapısı, kırılım noktaları, esnek grid sistemi, görsel boyutları, okunabilir yazı ölçüleri ve dokunmatik kullanım deneyimi de doğru planlanmalıdır. Örneğin masaüstünde yan yana görünen alanlar mobilde alt alta sıralanabilir, menü yapısı daha kompakt hale getirilebilir ve butonlar dokunmaya uygun boyutlarda tasarlanabilir. Doğru yapılandırılmış bir **viewport** ve responsive tasarım yaklaşımı, web sitesinin farklı cihazlarda daha kullanılabilir ve erişilebilir olmasını sağlar. ## Sözlükte keşfedin ### Anahtar Kelime Araştırması Anahtar kelime araştırması (Keyword Research), metninizi SEO uyumlu bir hale getirmek için doğru sözcükleri ve sözcük gruplarını seçmenizi sağlar. ### Sürekli Mesleki Gelişim Sürekli meslekî gelişim (Continuous Professional Development - CPD), bir meslek kolundaki profesyonellerin kendi yeteneklerini geliştirmek için aldıkları eğitim ve öğrenme etkinliklerine denir. ### Geçici Yönlendirme / 302 Yönlendirmesi 302 Yönlendirmesi (302 Redirect), “geçici olarak taşındı” anlamı taşıyan, belirli bir süreliğine kullanıcıları bir URL’den farklı bir URL’ye aktaran yönlendirme sistemidir. ### Derin Öğrenme Derin öğrenme, karmaşık verileri çözümlemek için kullanılan bir makine öğrenme teknolojisi yöntemidir. ### Site Haritası Site haritası, web sitenizin düzenini gösteren, arama motoru botları ve tarayıcılar için oluşturulmuş dosyadır. ### İlk Byte’a Kadar Geçen Süre (TTFB) Time to First Byte (TTFB), “ilk bayta kadar geçen süre” anlamına gelmek ile beraber bir web sunucusunun sayfa yüklenmesine yanıt verebilirliğini belirleyen bir ölçümdür. ### Tekil Ziyaretçi Tekil ziyaretçiler (Unique Visitors), bir web sitesini ziyaret eden her bir IP adresinden yola çıkılarak hesaplanır. ### Google Analytics Kullanıcıların web siteleri ile ilgili etkileşimlerini sunulan raporlar vesilesi ile görebileceğiniz Google Analytics, kullanımı ücretsiz bir web analiz aracı. ### HTML (Hiper Metin İşaretleme Dili) Basitçe; web sayfalarını oluşturmak için kullanılan standart dile HTML deniyor. ## Dijitalin nabzını bizimle takip et Dijital dünyayı şekillendiren seçilmiş içgörüler, haberler ve fikirlerden haberdar olmak için abone olun. Bu kutucuğu işaretleyerek [gizlilik ve aydınlatma](https://kriko.io/tr/gizlilik-politikasi) metnimizi kabul ettiğinizi onaylamış olursunuz.