Web Tasarım Terimleri

Web dünyasına adım atarken web tasarım terimleri neden önemlidir?

İnternette bir web sitesi kurmak veya var olanı yönetmek istiyorsanız, bazı temel kavramları bilmek şart. Bu terimler size yabancı geliyorsa, işiniz zorlaşabilir. “Hosting neydi?”, “SSL sertifikası almak şart mı?”, “Frontend ile backend arasında ne fark var?” gibi sorulara sahipseniz doğru yerdesiniz.

Bu rehberde en çok kullanılan ve bilinmesi gereken web site terimlerini örnekleriyle birlikte sade bir dille açıklayacağız. Teknik konular gözünüzü korkutmasın, bu yazı sizin için hazırlandı!

A’dan Z’ye Web Tasarım Terimleri

A

• Alan Adı (Domain): Web sitenizin internetteki adı/adresi.
• Alt Text (Alternatif Metin): Görseller için erişilebilirlik ve SEO açısından kullanılan açıklama metni.
• API: Farklı yazılımların birbiriyle iletişim kurmasını sağlayan arayüz. Örneğin, kargo takip sistemi sitenize API ile entegre edilebilir.
• Arayüz (UI): Kullanıcının gördüğü görsel tasarım ve etkileşim unsurları.
• Analytics (Google Analytics): Ziyaretçi verilerini takip ve analiz etme aracı.
• ASCII: Bilgisayarların anlayacağı en temel karakter kodlama standardı.

B

• Back-End: Web sitesinin sunucu tarafında çalışan, veri ve iş mantığını yöneten kısım.
• Backup (Yedekleme): Site dosyalarının ve verilerinin kopyasının alınması.
• Breadcrumb: Kullanıcının bulunduğu konumu gösteren gezinme izi. Örn: Anasayfa > Blog > Web Tasarım > Scroll Nedir?
• Browser (Tarayıcı): Web sayfalarını görüntülemek için kullanılan yazılım (Chrome, Safari vb.).
• Bootstrap: Hızlı ve duyarlı web siteleri geliştirmek için kullanılan CSS framework.
• Bounce Rate (Hemen Çıkma Oranı): Kullanıcının tek sayfa görüntüleyip siteden ayrılma oranı. UX sorunlarına işaret eder.
• Bug: Yazılımda istenmeyen hata veya sorun.

C

• CMS (İçerik Yönetim Sistemi): İçerik yönetim sistemi (WordPress, Joomla vb.).
• CPanel: Hosting yönetim arayüzü.
• Cache (Önbellek): Sitenin hızlı açılması için geçici dosya saklama yöntemi.
• CSS (Cascading Style Sheets): Web sayfalarının tasarımını ve stilini belirleyen dil.
• Cookie (Çerez): Kullanıcı bilgilerini saklayan küçük veri dosyası.
• Conversion Rate (Dönüşüm Oranı) : Sitenize gelen kaç kişi istediğiniz bir eylemi (satın alma, form doldurma, kayıt olma) gerçekleştirdi? Yüksek dönüşüm oranı başarı göstergesidir.
• CTA (Call to Action): Kullanıcıyı eyleme çağıran buton veya mesaj.

D

• Database (Veritabanı): Bilgilerin saklandığı ve yönetildiği sistem.
• DNS: Alan adını IP adresine çeviren sistem.
• Domain (Alan Adı): Bir web sitesinin internet adresi (ör. akliselimajans.com).
• DDoS Saldırısı: Sunucuya aşırı istek gönderilerek yapılan saldırı.
• Deployment: Bir web sitesini sunucuya yükleyip yayınlama işlemi.

E

• E-Ticaret: İnternetten ürün/hizmet satışı.
• Element (HTML): Web sayfalarını oluşturan temel yapı taşları.
• Email Marketing: Kullanıcılarla e-posta yoluyla iletişim kurma yöntemi.
• Entegrasyon: Farklı sistemlerin birbirine bağlanması.
• Eklenti (Plugin): Siteye ek özellik kazandıran küçük yazılımlar.

F

• Footer: Sayfanın en altındaki alan (iletişim, telif, sosyal medya linkleri).
• Framework: Kodlamayı kolaylaştıran hazır kütüphane veya yapı.
• Frontend: Kullanıcının gördüğü ve etkileşime geçtiği kısım.
• Framework: Yazılım geliştirmeyi hızlandıran hazır yapı (React, Angular vb.).
• FTP (File Transfer Protocol): Sunucuya dosya yükleme ve indirme yöntemi.

G

• Google Search Console: Arama motoru performansını takip etme aracı.
• Güvenlik Duvarı (Firewall): Saldırılara karşı koruma sistemi.
• Git: Yazılım geliştirmede versiyon kontrol sistemi.
• Grid: Web tasarımında düzeni oluşturan ızgara yapısı.
• Google Analytics: Web sitesi trafiğini ölçümleyen araç.

H

• Hamburger Menü: Mobilde kullanılan, üç çizgiden oluşan açılır menü simgesi.
• Header: Web sitesinin üst kısmı (logo, menü, arama çubuğu vb.).
• Hosting: Web site dosyalarının saklandığı sunucu.
• HTML (Hypertext Markup Language): Web sayfalarının iskeletini oluşturan işaretleme dili.
• HTTP/HTTPS: Web trafiğini aktaran protokol (HTTPS güvenli versiyonudur).

I

• IP Adresi: İnternette cihazların tanımlanmasını sağlayan sayısal adres.
• Indexing (Dizinleme): Arama motorlarının web sitelerini kaydetme işlemi.
• Infinite Scroll: Sayfa altına indikçe içeriklerin otomatik yüklenmesi.

J

• JavaScript: Web sitelerine hareket ve etkileşim kazandıran programlama dili.
• JSON: Veri saklama ve iletmede kullanılan hafif veri formatı.
• jQuery: JavaScript’i kolaylaştıran kütüphane. 

K

• Keyword (Anahtar Kelime): SEO için arama motorlarında hedeflenen kelime.
• KPI (Key Performance Indicator): Başarıyı ölçmek için kullanılan performans göstergesi.
• Kaydırma (Scroll): Sayfada yukarı/aşağı veya sağa/sola hareket etme.
• Kullanıcı Deneyimi (UX): Kullanıcının bir web sitesiyle yaşadığı genel deneyim.
• Kullanıcı Arayüzü (UI): Kullanıcıya görünen buton, menü, tasarım ögeleri.

L

• Landing Page (Açılış Sayfası): Belirli bir eyleme odaklı tek sayfalık tasarım.
• Lazy Load: Görsellerin sayfa kaydırıldıkça yüklenmesi.
• Link: Başka sayfa veya siteye yönlendirme bağlantısı.

M

• Meta Açıklama: Arama sonuçlarında görünen kısa açıklama metni.
• Menü: Site içindeki gezinmeyi sağlayan bağlantı grubu.
• Mobil Uyumluluk: Sitenin mobil cihazlarda sorunsuz çalışması.
• Mockup: Web sitesinin tasarım ön izlemesi.

N

• Navigasyon: Kullanıcının web sitesinde gezinmesini sağlayan menü.
• Node.js: JavaScript ile sunucu tarafı geliştirme ortamı.
• NoFollow Link: Arama motorlarına takip edilmemesi söylenen link türü.

O

• Open Source (Açık Kaynak): Kodları herkes tarafından görülebilen ve geliştirilebilen yazılım.
• On-Page SEO: Web sitesi içindeki SEO çalışmaları.
• Offline Mode: İnternet bağlantısı olmadan kullanılabilen web özellikleri.

P

• Page Speed (Sayfa Hızı): Sitenin yüklenme süresi.
• Plugin (Eklenti): Siteye ekstra özellik kazandıran yazılım.
• Popup / Modal: Açılır pencere.
• PHP: Sunucu tarafında çalışan programlama dili.
• Pixel: Dijital ekranların en küçük görüntü birimi.

R

• Responsive Design: Mobil, tablet, masaüstü… Tüm cihazlarda uyumlu çalışan tasarım.
• Robots.txt: Arama motorlarına hangi sayfaların taranacağını söyleyen dosya.
• Redirect (Yönlendirme): Kullanıcıyı farklı bir URL’ye yönlendirme.
• React: Kullanıcı arayüzü geliştirmek için kullanılan popüler kütüphane.

S

• SEO (Search Engine Optimization): Web sitelerini arama motorlarında üst sıralara çıkarmak için yapılan  optimizasyonlar.
• Scroll: Sayfa üzerinde aşağı-yukarı kaydırma hareketi.
• Slider: Kaydırmalı görsel gösterimi.
• SSL Sertifikası: Web sitelerinin güvenli bağlantı (https) kurmasını sağlayan sertifika.
• Sitemap: Web sitesinin haritası.

T

• Tema (Theme): Web sitesinin görünümünü belirleyen tasarım paketi.
• Tag (Etiket): İçerikleri sınıflandırmaya yarayan anahtar kelime.
• Template (Şablon): Hazır web tasarım yapısı.
• Typography: Yazı tipi ve metin tasarımı sanatı.

U

• URL: Web sayfasının tam adresi.
• UI (User Interface): Kullanıcı arayüzü.
• UX (User Experience): Kullanıcı deneyimi.

V

• Veritabanı: Site verilerinin saklandığı yapı.
• Version Control: Kodun farklı sürümlerini yönetme sistemi.
• Viewport: Bir cihazın ekranında görünen web sayfası alanı.
• VPN: İnternette güvenli ve farklı lokasyondan bağlanmayı sağlayan ağ.
• VPS: Sanal özel sunucu.

W

• Wireframe: Site tasarımının basit iskelet planı.
• WordPress: En popüler içerik yönetim sistemi.
• Web Hosting: Web sitelerinin barındırıldığı sunucu hizmeti.

Y

• Yedekleme: Site verilerinin kopyasının alınması.
• Yönlendirme (Redirect): Bir URL’yi başka bir URL’ye yönlendirme işlemi.

Z

• ZIP: Dosya sıkıştırma formatı, genellikle site yedeklemelerinde kullanılır.
• Z-Index: CSS’de elemanların üst üste sıralanmasını belirleyen özellik.
• Zero-Day: Henüz çözülmemiş güvenlik açığı.

Sonuç ve Öneriler

Web tasarım terimleri karmaşık görünse de, bu kavramları öğrendikçe dijital dünyada daha sağlam adımlar atarsınız. İster bir ajansla çalışın ister kendi projenizi yönetin, bu terimler size yol gösterir.
İlk adım: bilmek. İkinci adım: uygulamak. Üçüncü adım: geliştirmek.

Sıkça Sorulan Sorular (SSS)

1. Web sitesine başlamak için hangi web tasarım terimlerini bilmeliyim?
Alan adı, hosting, CMS, SSL ve temel SEO terimlerini bilmeniz başlangıç için yeterlidir.

2. SEO terimleri neden bu kadar önemli?
SEO, sitenizin Google’da bulunmasını sağlar. Doğru anahtar kelime ve yapı olmadan başarılı olmak zorlaşır.

3. CMS ile kodlama bilgisi gerekmeden site kurulabilir mi?
Evet, WordPress gibi sistemler ile hiç kod bilmeden profesyonel site kurabilirsiniz.

4. Mobil uyumluluk SEO’yu etkiler mi?
Kesinlikle evet. Mobil uyumlu olmayan siteler Google’da alt sıralarda yer alır.

5. Web site güvenliği için olmazsa olmazlar nelerdir?
SSL sertifikası, güncel yazılımlar, güvenlik duvarı ve düzenli yedekleme güvenliğin temel taşlarıdır.