Kurumsal Web Sitesi Sayfa Yapısı ve Bilgi Mimarisi: Hangi Sayfa Neye Hizmet Eder?

Kurumsal web sitesi sayfa yapısı, tasarımdan önce kurulması gereken iskelettir. Renkler ve görseller sonradan değiştirilebilir; ancak yanlış kurulmuş bir sayfa yapısı hem ziyaretçiyi kaybettirir hem de arama motorlarına siteyi karışık gösterir. Bu yazıda hangi sayfaların neden bulunması gerektiğini, menünün nasıl kurulacağını ve bir hizmet sayfasının bölümlerini sırasıyla ele alıyoruz.

Bilgi Mimarisi Nedir?

Bilgi mimarisi, bir sitedeki içeriğin gruplanma, adlandırılma ve sıralanma düzenidir. Ziyaretçinin siteye girdiğinde "ne var, nerede" sorularını tahmin etmeden yanıtlamasını hedefler. Menü, sayfa hiyerarşisi, URL yapısı ve sayfalar arası bağlantılar bilgi mimarisinin somut araçlarıdır.

İyi kurulmuş bir mimarinin iki sonucu vardır: ziyaretçi daha kısa sürede aradığına ulaşır, arama motoru da hangi sayfanın hangi konuyu temsil ettiğini net görür.

Her Sayfa Bir Soruya Cevap Vermeli

Sayfa yapısını kurarken "hangi sayfalar olsun?" yerine "ziyaretçi hangi soruları soruyor?" diye başlayın. Soruların çoğu her işletmede benzerdir:

Sayfa	Cevapladığı soru	İçermesi gerekenler
Ana sayfa	Bu firma ne yapıyor, bana uygun mu?	Tek cümlelik değer önerisi, hizmet özeti, kısa kanıt, birincil eylem
Hizmet / ürün sayfası	Benim sorunumu çözer mi, nasıl?	Sorun, çözüm, süreç, örnek, sık sorulan sorular, eylem çağrısı
Hakkımızda	Kimlerle çalışacağım, güvenilir mi?	Şirket bilgisi, ekip veya kuruluş hikâyesi, çalışma prensipleri
Referanslar / projeler	Daha önce benzerini yaptınız mı?	Gerçek proje özeti, sonuç, müşteri görüşü (izinle)
İletişim	Size nasıl ulaşırım?	Telefon, e-posta, WhatsApp, form, çalışma saatleri
Blog	Bu firma konusunu biliyor mu?	Uzmanlık gösteren, somut ve güncel yazılar
Gizlilik ve KVKK	Verilerim güvende mi?	Aydınlatma metni, çerez bilgisi, veri sorumlusu bilgisi

Bir sayfanın hangi soruya cevap verdiğini tek cümleyle söyleyemiyorsanız, o sayfa ya gereksizdir ya da başka bir sayfayla birleşmelidir.

Örnek Site Haritaları

Yapı, işletmenin büyüklüğüne ve hizmet çeşitliliğine göre değişir. Üç tipik düzen:

Küçük işletme: 6-8 sayfa

• Ana sayfa
• Hizmetler (tek sayfa veya 2-3 alt sayfa)
• Hakkımızda
• Referanslar
• İletişim
• Gizlilik ve KVKK

Birkaç ayrı hizmeti olan firma: 15-25 sayfa

Her hizmet ayrı sayfada yer alır, hizmetler üst sayfası hepsini listeler. Referanslar hizmet bazında etiketlenir ve hizmet sayfalarından ilgili referansa link verilir.

Çok hizmetli firma: hub ve spoke düzeni

Ana konu için bir merkez (hub) sayfa, alt konular için ona bağlı detay (spoke) sayfaları kurulur. Merkez sayfa alt sayfalara, alt sayfalar da merkeze ve birbirlerine bağlanır. Bu yazı da aynı mantıkla çalışıyor: işletmeler için web sitesi tasarımı rehberi merkez, diğer yazılar alt konulardır.

Hizmet Sayfasının Anatomisi

Hizmet sayfası, sitenin en çok satış yapan sayfasıdır ve çoğu işletmede en az emek verilen sayfadır. Etkili bir hizmet sayfası şu blokları sırayla içerir:

1. Başlık ve tek cümlelik cevap: Hizmetin ne olduğunu ve kime uygun olduğunu ilk ekranda söyler.
2. Sorun tanımı: Ziyaretçinin yaşadığı sorunu kendi dilinde anlatır.
3. Çözüm ve kapsam: Neyin yapıldığını, neyin dahil olmadığını açıkça yazar.
4. Süreç: Çalışma adımlarını gösterir; belirsizlik korkusunu azaltır.
5. Kanıt: Gerçek proje, referans veya müşteri görüşü.
6. Sık sorulan sorular: İtirazları yanıtlar; fiyat, süre ve kapsam sorularını içerir.
7. Eylem çağrısı: Tek ve net bir sonraki adım.
8. İlgili içerikler: Konuyla bağlantılı blog yazıları ve hizmetler.

Örnek olarak web site geliştirme hizmet sayfamız bu düzeni izler.

Menü Tasarımı Kuralları

• Beş ile yedi başlık: Daha fazlası seçimi zorlaştırır.
• Somut adlar: "Çözümlerimiz" yerine "Web Tasarım", "Mobil Uygulama".
• İletişim her zaman görünür: Ayrı bir düğme olarak veya menünün sonunda.
• Mevcut sayfa işaretli: Ziyaretçi nerede olduğunu her zaman bilmeli.
• Mobilde ayrı düşünülmüş: Açılır menü parmakla rahat basılabilmeli ve klavye ile erişilebilmeli.
• Altbilgi (footer) yedek yol: Az kullanılan bağlantılar ve yasal sayfalar burada toplanır.

Menü ölçütlerini, mobil uyumlu web sitesi tasarımı yazımızdaki dokunma hedefi ölçüleriyle birlikte değerlendirin.

URL Yapısı ve Breadcrumb

URL'ler kısa, okunabilir ve hiyerarşiyi yansıtan yapıda olmalı. Türkçe karakter kullanmadan, kelimeleri tireyle ayırarak yazın: /hizmetler/web-site-gelistirme gibi. Yayına girdikten sonra URL değiştirmekten kaçının; değiştirmek zorunda kalırsanız eski adresten yenisine kalıcı (301) yönlendirme kurun.

Breadcrumb (ekmek kırıntısı) hem ziyaretçiye konum hissi verir hem de arama sonuçlarında sayfa hiyerarşisini göstermeye yardım eder. Yapılandırılmış veri olarak tanımlanması Google'ın sayfa ilişkisini anlamasını kolaylaştırır; ayrıntı için Google'ın yapılandırılmış veri belgelerine bakabilirsiniz.

Sayfalar Arası İç Linkleme

İç linkler, hem ziyaretçiyi ilgili içeriğe yönlendirir hem de arama motoruna sayfaların birbiriyle ilişkisini gösterir. Pratik kurallar:

• Her blog yazısı, ilgili hizmet sayfasına bağlanmalı.
• Hizmet sayfaları, konuyu derinleştiren yazılara bağlanmalı.
• Bağlantı metni ("buraya tıklayın" değil) gideceği sayfayı tarif etmeli.
• Hiçbir önemli sayfa "yetim" kalmamalı; en az bir iç linki bulunmalı.

Yapıyı Kodlamadan Önce Test Edin

Tasarım başlamadan önce yapıyı kâğıt üzerinde sınayın. Beş kişiye sitenin menü başlıklarını verip şunu sorun: "Şu hizmeti almak istesen hangi başlığa tıklardın?" Cevaplar dağılıyorsa etiketler net değildir. Bu basit test, kodlama sonrası yapılacak değişikliğin çok altında bir maliyetle yapı hatalarını yakalar.

Sık Yapılan Yapı Hataları

• Tüm hizmetleri tek sayfada toplamak: Hem ziyaretçiyi hem arama motorunu şaşırtır.
• Kurumsal jargon kullanan menü başlıkları: Ziyaretçi arayacağı kelimeyi bulamaz.
• Referansların gömülü olması: Güven veren içerik menüde erişilebilir olmalı.
• Sayfa sayısını şişirmek: Her sayfanın bir sorusu olmalı; ince ve tekrarlayan sayfalar yapıyı bulandırır.
• İletişim yolunun gizli kalması: Karar veren ziyaretçi ulaşamazsa gider.

Kurumsal sitede olması gereken işlevlerin genel bir listesi için kurumsal web sitesi özellikleri rehberimize göz atabilirsiniz.

Örnek Uygulama: Çok Hizmetli Bir Yazılım Firmasının Sayfa Yapısı

Teorik ilkeleri somutlaştırmak için kendi sitemizin yapısını örnek olarak paylaşıyoruz. ORCA Software birden fazla hizmet alanı, referans projeler ve düzenli içerik üreten bir yazılım stüdyosu olduğundan, hub ve spoke düzenini kullanıyor:

Bölüm	Rolü	Yapı
Ana sayfa	Değer önerisi, hizmet özeti, kanıt, birincil eylem	Tek sayfa, tüm bölümlere kısa yol verir
Hizmetler	Her hizmet için ayrı ve ayrıntılı sayfa	Üst sayfa hepsini listeler; her hizmetin kendi adresi vardır
Referanslar	Gerçek projeler ve müşteri görüşleri	Liste sayfası ve her proje için detay sayfası
Blog	Uzmanlığı gösteren, konuyu derinleştiren içerik	Kategori merkezleri altında yazılar
Hakkımızda ve İletişim	Güven ve eylem	Sade, iletişim her sayfadan erişilebilir
Yasal sayfalar	Gizlilik ve KVKK	Altbilgide toplanır

Bu örnekte önemli olan tek tek sayfalar değil, ilişkilerdir: blog yazıları ilgili hizmete, hizmet sayfaları ilgili yazılara ve referanslara, tüm sayfalar iletişime bağlanır. Böylece ziyaretçi hangi noktadan girerse girsin bir sonraki adımı görür.

Menü ve Altbilgi: Ne Nerede Durmalı?

Ana menü ile altbilgi (footer) farklı işler yapar. Karışıklığı önlemek için görev paylaşımını baştan belirleyin:

Öğe	Ana menü	Altbilgi	Sayfa içi
Hizmet sayfaları	Evet, üst başlık altında	Kısa liste	Ana sayfada özet
Referanslar	Evet	Evet	Hizmet sayfalarında ilgili örnek
İletişim	Ayrı düğme olarak	Evet, telefon ve e-posta ile	Her sayfanın sonunda eylem çağrısı
Blog	Evet	Evet	İlgili yazı önerileri
Gizlilik, KVKK, çerez	Hayır	Evet	Formda gizlilik bağlantısı
Kariyer, basın, dizin gibi az kullanılanlar	Hayır	Evet	—

Altbilgi, ziyaretçinin sayfanın sonuna kadar okuyup "şimdi ne yapayım?" dediği yerdir. Boş bırakmayın: iletişim bilgisi, ana sayfalar ve yasal bağlantılar burada olmalı.

Kart Sıralama ve Ağaç Testi ile Yapıyı Sınamak

Menü başlıklarını tahminle değil, gerçek kişilerle sınayın. İki basit yöntem:

Kart sıralama

Sitedeki tüm içerik başlıklarını ayrı kartlara yazın. Beş-sekiz kişiden kartları kendi mantıklarıyla gruplamalarını ve her gruba ad vermelerini isteyin. Farklı kişilerin aynı kartları aynı grupta toplaması, o gruplamanın doğal olduğunu; dağılım ise adlandırmanın sorunlu olduğunu gösterir. Gruplara verilen isimler, menü başlıklarınız için ziyaretçinin kullandığı kelimeleri ortaya çıkarır.

Ağaç testi

Menü yapısını yalnızca metin olarak (görselsiz) hazırlayıp katılımcıya görev verin: "İşletmen için yeni bir web sitesi yaptırmak istiyorsan hangi başlığa bakardın?" Yolu bulanların oranı ve nerede tereddüt ettikleri, yapının zayıf noktalarını gösterir. Tasarım başlamadan yapılan bu test, kodlamadan sonra yapılacak yapı değişikliğinin çok altında bir maliyetle hataları yakalar.

Mevcut Siteyi Yeniden Yapılandırırken: İçerik Envanteri

Sıfırdan değil, var olan bir siteyi yenilerken en büyük risk, değerli sayfaları fark etmeden kaybetmektir. Bunun için önce bir içerik envanteri çıkarın: eski sitedeki tüm adresleri listeleyin (site haritası ve Search Console bu iş için kullanışlıdır) ve her biri için karar verin:

Karar	Ne zaman?	Teknik sonuç
Koru	Sayfa iyi çalışıyor, güncel ve arama görünürlüğü var	Aynı adres yeni sitede de bulunur
Birleştir	Aynı konuyu anlatan birden fazla zayıf sayfa var	Tek güçlü sayfa oluşturulur, eski adresler ona yönlendirilir
Yönlendir	Sayfa taşındı veya yeniden adlandırıldı	Eski adresten yeniye kalıcı (301) yönlendirme
Kaldır	Sayfanın değeri yok ve karşılığı yok	Gerçekten silinmişse 404 veya 410 durumu döner

Yönlendirme kararlarının SEO tarafındaki ayrıntısını SEO uyumlu web sitesi tasarımı yazımızda bulabilirsiniz. Şunu unutmayın: yeniden yapılandırmanın amacı sayfa sayısını artırmak değil, her sayfayı bir soruyla eşleştirmek ve gereksizi ayıklamaktır.

Site İçi Arama ve Etiketler: Ne Zaman Gerekir?

Her sitede arama kutusu gerekmez. Yaklaşık yirmi otuz sayfaya kadar olan sitelerde net bir menü ve iyi iç linkleme çoğu zaman yeterlidir; arama kutusu, yer kaplayıp iyi ayarlanmadığında yanlış sonuç vererek güveni zedeler. Ürün veya yazı sayısı arttığında (yüzlerce ürün, yüzlerce blog yazısı) arama kutusu vazgeçilmez hale gelir. Bu durumda görünür bir arama alanı koyun, yazım hatalarını tolere etmesini ve boş sonuçta ziyaretçiye alternatif sunmasını sağlayın.

Etiketler (tag) ise dikkatle kullanılmalı. Her yazıya rastgele etiket eklemek, çok sayıda ince ve tekrarlayan etiket sayfası doğurur. Az sayıda, net kategori ile başlayıp yalnızca gerçekten ilişki kuran etiketler ekleyin.

Yapıyı Yazılı Hale Getirmek: Site Haritası Belgesi

Sayfa yapısını kod veya tasarımdan önce bir tabloya dökmek, ekip içindeki iletişimi büyük ölçüde kolaylaştırır. Bu belge her sayfa için şu alanları içerebilir:

Alan	Örnek	Neden?
Sayfa adı ve adres	Web Tasarım — /hizmetler/web-tasarim	Adres yapısı baştan sabitlenir
Sayfanın amacı	Ziyaretçiyi teklif talebine yönlendirmek	Sayfayı bir soruya bağlar
Birincil eylem	Teklif formu	Tek net hedef
Hedef arama niyeti	"kurumsal web tasarım hizmeti"	Sayfaların rekabet etmesini önler
Bağlandığı sayfalar	Referanslar, ilgili blog yazıları	İç linkleme planı
İçerik sorumlusu ve durum	Pazarlama — taslak	Takvimi izlemeyi sağlar

Bu belge, proje boyunca "kaynak doğruluk" işlevi görür; hangi sayfanın var olduğunu, neden var olduğunu ve neyle bağlandığını tek yerde gösterir.

Özet Notlar: Sayfa Yapısı İçin 5 Cümle

• Her sayfa ziyaretçinin bir sorusuna cevap vermeli; cevabı tek cümleyle söyleyemediğiniz sayfa gereksizdir.
• Menüyü beş ile yedi başlıkla sınırlayın ve somut adlar kullanın; iletişim yolu her zaman görünür kalsın.
• Birbirinden farklı her hizmete ayrı ve özgün sayfa açın.
• Yapıyı kodlamadan önce kart sıralama ve ağaç testiyle sınayın, site haritası belgesiyle yazıya dökün.
• Yeniden yapılandırmada içerik envanteri çıkarın; taşınan sayfaları 301 ile yönlendirin.

Yapıyı Bir Projeye Dönüştürmek

Sayfa yapısı netleştiğinde bir sonraki adım, bunu tel kafes (wireframe) ve görsel tasarıma taşımaktır. Sürecin tamamını web sitesi tasarım süreci yazımızda anlattık. Kendi siteniz için sayfa yapısını birlikte kurmak isterseniz iletişim sayfamızdan ulaşabilirsiniz.

Web Sitesi Tasarımı Rehber Serisindeki Diğer Yazılar

Bu yazı, işletmeler için web sitesi tasarımını farklı açılardan ele alan bir serinin parçası. İlgilendiğiniz konuya doğrudan geçebilirsiniz:

• İşletmeler için web sitesi tasarımı rehberi
• Profesyonel web sitesi tasarımının 12 ölçütü
• Web sitesi tasarım süreci: adım adım
• Mobil uyumlu web sitesi tasarımı
• Web sitesi hızı ve Core Web Vitals
• SEO uyumlu web sitesi tasarımı
• Yapay zekâ aramaları için web sitesi tasarımı
• Dönüşümü düşüren web sitesi tasarım hataları
• Yerel işletmeler için web sitesi tasarımı