Site haritası, sayfaların hiyerarşisini ve kullanıcının sitede izleyeceği yolu tasarım öncesinde netleştiren bilgi mimarisi planıdır. Bu rehberde XML sitemap’ten bağımsız, iş odaklı bir site haritasını adım adım nasıl oluşturacağınızı bulacaksınız.
Bir web sitesinin başarısı çoğu zaman renk paleti veya animasyonla değil, ziyaretçinin aradığını ne kadar hızlı bulduğuyla belirlenir. Site haritası nasıl oluşturulur sorusu da tam burada devreye girer: tasarım ve kodlamaya geçmeden önce hangi sayfaların var olacağını, bunların birbirine nasıl bağlanacağını ve kullanıcının hangi yoldan ilerleyeceğini planlamak gerekir.
Bu rehber, arama motorlarına gönderilen XML sitemap dosyasını değil; iş hedeflerine, menü yapısına ve dönüşüm yolculuğuna odaklanan bilgi mimarisini anlatır. KepezWeb olarak kurumsal ve e-ticaret projelerinde önce bu iskeleti netleştirmeden ekran tasarımına geçmiyoruz; çünkü eksik hiyerarşi sonradan pahalı revizyonlara yol açar.
Site haritası nedir? (XML sitemap ile farkı)
Bilgi mimarisi anlamındaki site haritası, sitenizin sayfa envanterini ve hiyerarşisini gösteren plan belgesidir. Genellikle ağaç diyagramı, girintili liste veya tablo olarak hazırlanır. Amacı; ekibin, müşterinin ve geliştiricinin aynı yapı üzerinde anlaşmasını sağlamaktır.
XML sitemap ise arama motorlarının URL’leri keşfetmesine yardımcı olan teknik bir dosyadır. İkisi karıştırıldığında proje yanlış yere odaklanır: önce sayfa mantığı kurulmalı, teknik sitemap sonradan üretilmelidir.
- Bilgi mimarisi site haritası: sayfa listesi, üst-alt ilişkiler, menü, kullanıcı yolu
- XML sitemap: indeks için URL listesi, tarama sinyali
- Kullanıcı arayüzü haritası (UI flow): ekran geçişleri ve etkileşim adımları
Bu yazıda odak, tasarım başlamadan önce hazırlanan iş odaklı bilgi mimarisidir.
Neden tasarım öncesi site haritası hazırlanır?
Site haritası olmadan tasarım yapmak, kat planı çizilmeden mobilya seçmeye benzer. Görsel olarak hoş ekranlar çıkabilir; ancak kullanıcı “Hizmetler nerede?”, “Fiyat bilgisi hangi sayfada?” gibi temel sorulara cevap bulamazsa dönüşüm düşer.
İyi hazırlanmış bir harita şunları sağlar:
- Kapsam tartışmasını erken netleştirir; “bu sayfa da eklensin” istekleri kontrollü yönetilir
- Menü ve footer kararlarını hızlandırır
- İçerik üretimini sayfa bazında planlamayı mümkün kılar
- SEO ve reklam landing sayfalarının hangi URL’lere oturacağını önceden gösterir
- Geliştirme tahminlerini daha gerçekçi hale getirir
Web tasarım sürecinde bu adım, wireframe ve görsel tasarımdan önce gelmelidir. Aksi halde her yeni sayfa talebi tasarımı yeniden bozar.
Site haritası nasıl oluşturulur? Adım adım yöntem
Aşağıdaki sıra, KOBİ ve kurumsal sitelerde pratikte işe yarayan bir akıştır. Araç olarak kağıt, tablo, FigJam, Miro veya basit bir metin editörü yeterlidir; kritik olan yöntemdir.
1. İş hedefini ve birincil dönüşümü yazın
Sitenin tek cümlelik amacı nedir? Teklif formu mu, randevu mu, sepete ekleme mi, mağaza bulucu mu? Birincil dönüşümü net yazmadan sayfa listesi şişer. İkincil hedefleri de (blog aboneliği, katalog indirme vb.) ayrı tutun; her şey “ana hedef” olamaz.
2. Hedef kitle ve görevleri listeleyin
Ziyaretçi kim ve sitede hangi işi bitirmek istiyor? Örnek görevler: “Hizmet kapsamını anlamak”, “Fiyat aralığına dair fikir edinmek”, “İletişime geçmek”, “Ürünü filtreleyip satın almak”. Her görev, en az bir sayfa veya sayfa grubuna bağlanmalıdır.
3. Sayfa envanteri çıkarın
Mevcut siteniz varsa tüm URL’leri toplayın. Yeni proje ise rakipleri ve satış sürecinizi inceleyerek aday sayfaları yazın. Bu aşamada güzellik değil kapsam önemlidir. “Hakkımızda”, “Ekip”, “Kariyer” gibi sayfaları da unutmayın; sonradan eklenen “küçük” sayfalar menüyü bozar.
4. Gruplayın ve hiyerarşi kurun
Sayfaları ana bölümler altında toplayın. Tipik bir kurumsal iskelet şöyle olabilir:
- Anasayfa
- Hizmetler (alt hizmet sayfaları)
- Sektörler / Çözümler
- Referanslar / Projeler
- Hakkımızda
- Blog / Kaynaklar
- İletişim / Teklif al
E-ticaret için kategori ağacı, marka sayfaları, kampanya landing’leri ve hesap sayfaları ayrı bir dal oluşturur. E-ticaret sitesi planlarken ürün ve kategori derinliğini erken sabitlemek, filtre URL karmaşasını azaltır.
5. Kullanıcı yollarını çizin
En az üç kritik yol yazın:
- Bilinçli ziyaretçi: arama veya reklam → hizmet/ürün sayfası → teklif veya sepet
- Keşfeden ziyaretçi: anasayfa → güven içeriği (referans, süreç) → hizmet → iletişim
- Destek arayan: blog veya SSS → ilgili hizmet → form
Yol üzerinde gereksiz ara sayfa varsa çıkarın; eksik güven adımı varsa ekleyin.
6. Navigasyon ve etiketleri sabitleyin
Menü etiketleri kullanıcı dilinde olmalıdır. İç jargonu (“Entegrasyon çözümleri v2”) menüye taşımayın. Üst menüde genelde 5–7 ana öğe yeterlidir; fazlası karar yorgunluğu yaratır. Daha derin içerikler alt menü, anasayfa kartları veya footer ile taşınabilir.
7. Paydaş onayı alın ve dondurun
Haritayı tablo veya diyagram olarak paylaşın. Onay sonrası “küçük ekleme” taleplerini versiyonlayın. Dondurulmuş harita, içerik brief’i ve wireframe için referans belgedir.
Hiyerarşi derinliği ve URL mantığı
Bilgi mimarisinde derinlik, kullanıcının bir içeriğe kaç tıkla ulaştığını ve URL’nin ne kadar okunabilir olacağını etkiler. Pratik kural: kritik dönüşüm sayfaları genelde iki tık içinde erişilebilir olmalıdır.
URL iskeletini haritayla birlikte düşünün. Örnek:
- /hizmetler/web-tasarim
- /hizmetler/seo
- /sektorler/uretim
- /blog/site-haritasi-nasil-olusturulur
Aynı içeriği birden fazla yoldan sunacaksanız (örneğin hem hizmet hem sektör sayfası) hangi sayfanın birincil olduğunu baştan işaretleyin. Çok dilli yapılarda dil öneki veya alt alan adı kararı da bu aşamada verilir; detaylı plan için çok dilli web sitesi planlama rehberine bakabilirsiniz.
Kurumsal ve e-ticaret için örnek iskeletler
Aşağıdaki tablolar şablon değil, başlangıç çerçevesidir. İş modelinize göre sadeleştirin veya genişletin.
| Kurumsal site katmanı | Örnek sayfalar | Amaç |
|---|---|---|
| Keşif | Anasayfa, Hizmetler, Sektörler | Ne yaptığınızı hızlı anlatmak |
| Güven | Referanslar, Süreç, Hakkımızda | Karar riskini azaltmak |
| İçerik | Blog, Rehberler, SSS | Arama ve eğitim ihtiyacı |
| Dönüşüm | İletişim, Teklif al, Randevu | Aksiyonu tamamlamak |
| E-ticaret katmanı | Örnek sayfalar | Dikkat noktası |
|---|---|---|
| Katalog | Kategori, alt kategori, ürün | Derinlik ve filtre mantığı |
| Karar destek | Karşılaştırma, rehber, SSS | Satın alma tereddüdünü azaltma |
| İşlem | Sepet, ödeme, hesap | Adım sayısını sade tutma |
| Destek | Kargo, iade, iletişim | Sipariş sonrası güven |
Kurumsal web tasarım projelerinde güven katmanı çoğu zaman eksik kalır; yalnızca hizmet listesiyle yetinmek ziyaretçiyi yarı yolda bırakır. E-ticarette ise kategori isimleri satış ekibinin değil, müşterinin arama diline yakın olmalıdır.
Site haritası hazırlarken sık yapılan hatalar
- Menüyü organizasyon şemasına çevirmek: Ziyaretçi departman adlarıyla değil, ihtiyaçlarıyla gezinir.
- Her içeriği ana menüye koymak: Menü envanter değildir; önceliklendirilmiş erişimdir.
- Tek sayfada her şeyi anlatmaya çalışmak: Uzun anasayfa, net alt sayfaların yerini tutmaz.
- Blog’u yapıdan koparmak: İçerik sayfaları hizmet ve ürün sayfalarına bağlanmazsa ölü uç olur.
- Mobil menüyü sonraya bırakmak: Küçük ekranda derinlik daha hızlı bozulur; haritayı mobil öncelikli düşünün.
- Onaysız genişleme: Yayın sonrası rastgele sayfa eklemek, eski linkleri ve menüyü bozar.
Onaydan sonra ne yapılır?
Harita onaylandıktan sonra sıradaki adımlar netleşir: her sayfa için amaç ve birincil CTA yazılır, içerik brief’leri çıkarılır, wireframe’ler bu iskelete oturtulur. SEO tarafında hangi sayfaların arama niyetine karşılık geldiği de bu noktada görünür hale gelir; yapı zayıfsa SEO hizmeti yalnızca içerik ekleyerek düzeltilemez, önce mimari düzeltilir.
Geliştirme ekibi için harita, bileşen ve şablon ihtiyacını da gösterir: liste sayfası, detay sayfası, form sayfası, kategori şablonu gibi tekrarlayan tipler erken ayrılırsa tasarım ve yazılım daha verimli ilerler.
Sıkça Sorulan Sorular
Site haritası ile XML sitemap aynı şey midir?
Hayır. Site haritası burada sayfa hiyerarşisi ve kullanıcı yolunu planlayan bilgi mimarisi belgesidir. XML sitemap ise arama motorlarına URL bildiren teknik bir dosyadır ve genelde site yayına yaklaşırken veya yayın sonrası üretilir.
Kaç sayfalık bir site haritası yeterlidir?
Tek bir “doğru sayı” yoktur. Başlangıçta birincil dönüşümü destekleyen çekirdek sayfalarla ilerleyin; blog, kaynak ve alt hizmet sayfalarını yol haritasına ikinci dalga olarak ekleyin. Şişkin bir ilk sürüm, hem içerik hem bakım yükünü artırır.
Mevcut sitede site haritasını yeniden mi çıkarmalıyım?
Evet, özellikle dönüşüm düşükse veya menü karmaşıksa. Önce mevcut envanteri çıkarın, kullanılmayan sayfaları işaretleyin, sonra hedef odaklı yeni bir hiyerarşi önerin. Yenileme projelerinde bu adım tasarım brief’inden önce gelmelidir.
Hangi araçla site haritası çizilmeli?
Ekibin ortak çalışabildiği herhangi bir araç yeterlidir. Önemli olan sürüm numarası, onay tarihi ve sayfa amaçlarının yazılı olmasıdır. Diyagram görselliği, net etiketler ve kullanıcı yolları kadar kritik değildir.
Site haritası SEO’yu nasıl etkiler?
Doğrudan bir “sıralama faktörü listesi” gibi işlemez; ancak taranabilir yapı, net iç bağlantı, sayfa odağı ve URL düzeni dolaylı olarak SEO performansını etkiler. Dağınık hiyerarşi, benzer sayfaların birbirini zayıflatmasına yol açar.
Doğru kurulmuş bir site haritası, tasarımı hızlandırır, içerik üretimini düzenler ve ziyaretçinin sitede kaybolmasını engeller. Yeni bir site kuruyor veya mevcut yapıyı sadeleştirmek istiyorsanız KepezWeb ekibiyle bilginizi paylaşın; ihtiyaçlarınıza uygun hiyerarşiyi birlikte netleştirmek için teklif al sayfasından bize ulaşabilirsiniz.
