Web sitesi: Tanımdan teknik uygulamaya

Site (web sitesi) — İnternette tek bir alan adı altında erişilebilen, mantıksal olarak birbirine bağlı web sayfalarının bir bütünüdür. Basitçe ifade etmek gerekirse, tarayıcıda açılan ağdaki bilgi "evi"dir. Site, sunucuda depolanan dosyalardan (metin, kod, görseller) oluşur ve istek işlendikten sonra kullanıcının cihazında görüntülenir.

Bir sitenin nasıl yapılandırıldığını anlamak, yalnızca geliştiricilere değil, işletme sahiplerine, pazarlamacılara ve sıradan kullanıcılara da içeriği etkili bir şekilde yönetme, SEO'yu iyileştirme ve teknik sorunları çözme konusunda yardımcı olur.

Temel kavramlar: Site ile web sayfası arasındaki fark

Genellikle "site" ve "web sayfası" terimleri eş anlamlı olarak kullanılır, ancak aralarında önemli bir fark vardır:

• Web sayfası — Tarayıcının belirli bir adreste (URL) görüntülediği ayrı bir belgedir (dosya). Örneğin, "Hakkımızda" sayfası veya ana haberler sayfası.
• Site — Ortak bir konu, tasarım ve gezinme ile birleştirilmiş bu tür sayfaların bir grubudur. Sitenin tüm sayfaları tek bir alan adı altında bulunur (örneğin, example.com).

Analoji: Web sayfası tek bir kitap ise, site kitapların raflara dizildiği ve katalogla birbirine bağlandığı tüm kütüphanedir.

Web sitesi nasıl çalışır: Verilerin sunucudan ekrana yolculuğu

Bir sitenin yüklenmesi saniyenin kesirlerini alır, ancak bu kısa süre içinde birkaç karmaşık aşama gerçekleşir. İşte adım adım süreç:

1. Adres girişi. Kullanıcı tarayıcının adres çubuğuna bir URL girer (örneğin, google.com).
2. DNS sorgusu. Tarayıcı, sitenin barındırıldığı sunucunun dijital IP adresini öğrenmek için DNS sunucusuna (alan adı sistemi) başvurur. Alan adı bir IP adresine dönüştürülür (örneğin, 142.250.185.78).
3. İstek gönderimi. Tarayıcı, bulunan sunucuya bir HTTP/HTTPS isteği gönderir.
4. Sunucuda işleme. Sunucu isteği alır. Site dinamik ise, sunucu tarafı (backend) veritabanına başvurur, gerekli bilgileri toplar ve sayfanın HTML kodunu oluşturur.
5. Sunucu yanıtı. Sunucu dosyaları geri gönderir: HTML (yapı), CSS (stiller), JavaScript (etkileşim) ve medya dosyaları.
6. Tarayıcıda render işlemi. Kullanıcının tarayıcısı kodu alır, bundan görsel bir temsil (DOM ağacı) oluşturur ve hazır sayfayı görüntüler.

Bir web sitesinin bileşenleri: Temel unsurlar

Her modern site, web'in üç temel teknolojisi ("webin üç direği") üzerine kuruludur:

İstemci ve sunucu tarafları

Mimari olarak site iki alana ayrılır:

1. Frontend (Ön yüz / İstemci tarafı). Kullanıcının tarayıcıda gördüğü ve etkileşime girdiği kısımdır. Kullanıcının cihazında çalışır.
2. Backend (Arka uç / Sunucu tarafı). Gözlerden gizli olan "kaput altı" kısmıdır. Burada veritabanları, yetkilendirme mantığı, ödeme işleme ve içerik oluşturma bulunur. Uzak sunucuda çalışır.

İçerik oluşturma yöntemine göre site türleri

Statik siteler

Hazır HTML dosyalarından oluşur. İçerik tüm kullanıcılar için aynıdır ve yalnızca geliştirici kodu manuel olarak düzenlediğinde değişir.

• Avantajları: Yüksek yükleme hızı, barındırma kolaylığı, güvenlik.
• Dezavantajları: Teknik bilgi olmadan içeriği güncellemek zordur.
• Kimler için: Açılış sayfaları (landing page), kurumsal tanıtım siteleri, portfolyolar.

Dinamik siteler

Her istekte "anında" oluşturulur. İçerik veritabanından çekilir ve her kullanıcı için kişiselleştirilebilir.

• Avantajları: Yönetim paneli (CMS) üzerinden kolay içerik yönetimi, etkileşim, ölçeklenebilirlik.
• Dezavantajları: Daha güçlü bir sunucu gerektirir, geliştirmesi daha zordur.
• Kimler için: E-ticaret siteleri, sosyal ağlar, haber portalları, forumlar.

Site projesinin fiziksel yapısı

Basit bir site projesinin klasörüne "içerden" bakıldığında, yapı genellikle şu şekildedir:

my-website/
├── index.html        # Ana sayfa (giriş noktası)
├── about.html        # "Hakkımızda" sayfası
├── css/
│   └── style.css     # Stil tabloları
├── js/
│   └── script.js     # Davranış komut dosyaları
├── images/           # Görsellerin bulunduğu klasör
│   ├── logo.png
│   └── banner.jpg
└── fonts/            # Yazı tipleri

Karmaşık projeler için sunucu kodu (backend/, api/) içeren klasörler ve yapılandırma dosyaları eklenir.

Hosting ve alan adının rolü

Bir sitenin tüm dünyada erişilebilir hale gelmesi için iki altyapı öğesine ihtiyacı vardır:

1. Alan adı (Domain). Sitenin benzersiz adresi (örneğin, mysite.ru). Bu, sizin bulunmanızı sağlayan "tabeladır".
2. Hosting (Barındırma). Sitenizin dosyalarını saklayan ve 7/24 çalışan bir sunucuda yer kiralamaktır. Hosting olmadan dosyalar sadece bilgisayarınızda durur ve başkaları tarafından erişilemez.

Yeni başlayanların sık yaptığı hatalar

• Mobil versiyonu görmezden gelmek. Trafiğin %60'ından fazlası akıllı telefonlardan geliyor. Duyarlı tasarıma sahip olmayan site, ziyaretçilerinin çoğunu kaybeder.
• Ağır görseller. Optimize edilmiş web formatı (WebP, sıkıştırılmış JPG) yerine orijinal çözünürlükte (örneğin, 5 MB) fotoğraf yüklemek siteyi kritik ölçüde yavaşlatır.
• HTTPS eksikliği. Modern tarayıcılar, SSL sertifikası olmayan siteleri "güvenli değil" olarak işaretler, bu da kullanıcıları korkutur ve arama sıralamalarını düşürür.
• Karmaşık URL'ler. site.ru/?p=123&id=55 gibi adresler, insanlar ve arama motorları tarafından site.ru/blog/nasil-diz-secilir gibi anlaşılır adreslere göre daha kötü algılanır.

SSS: Popüler sorulara yanıtlar

Site ile web uygulaması arasındaki fark nedir? Sınır bulanıktır. Genellikle "site" içeriğin okunmasının baskın olduğu kaynakları (makaleler, haberler) ifade ederken, "web uygulaması" kullanıcının aktif olarak eylem gerçekleştirdiği hizmetleri (belge düzenleme, online bankacılık, sosyal ağlar) ifade eder. Teknik olarak aynı teknolojileri kullanabilirler.

CMS nedir? CMS (Content Management System), içerik yönetim sistemidir (örneğin, WordPress, Tilda, Bitrix). Görsel editör ve hazır şablonlar kullanarak programlama bilgisi olmadan site oluşturmanıza ve düzenlemenize olanak tanır.

Site ücretsiz olarak oluşturulabilir mi? Evet. Ücretsiz tariflere sahip site oluşturucular ve statik siteler için ücretsiz barındırma hizmetleri (örneğin, GitHub Pages) mevcuttur. Ancak profesyonel bir proje için reklamsız ve daha güvenilir olması amacıyla kendi alan adınızı ve ücretli hostinginizi satın almanız daha iyidir.

Site haritası (sitemap) neden gereklidir? XML site haritası, arama robotlarının (Yandex, Google) özellikle çok sayıda sayfa varsa veya sayfalar bağlantılarla zayıf bir şekilde bağlıysa, kaynağın tüm sayfalarını daha hızlı bulmasına ve indekslemesine yardımcı olur.