Web tasarım ile SEO çoğu zaman iki ayrı dünya gibi ele alınır — bir tarafta görsel tasarımcılar, öbür tarafta içerik ve teknik optimizasyon ekipleri. Ama bu ayrımın kendisi zaten bir sorun. Çünkü arama motorlarında iyi sıralanan siteler, tasarım aşamasından itibaren SEO'yu hesaba katan sitelerdir.
SEO uyumlu web tasarım; sadece anahtar kelime yerleştirmek değil, sitenin teknik iskeletini arama motorlarının anlayabileceği ve kullanıcıların rahatça gezebileceği şekilde kurmaktır. Bu rehberde sıfırdan bir site inşa ederken dikkat edilmesi gereken kritik noktaları ele alıyoruz.
Sayfa Hızı: Bir Tercih Değil, Sıralama Faktörü
Google, Core Web Vitals metriklerini yıllardır sıralama algoritmasına dahil ediyor. LCP (en büyük içerik öğesinin yüklenme süresi), CLS (görsel stabilite) ve INP (etkileşim gecikmesi) — bunlar artık teknik detay değil, tasarım kararlarının doğrudan yansıması.
Şişirilmiş temalar, gereksiz eklentiler, optimize edilmemiş görseller — hepsi bu metrikleri aşağı çekiyor. Tasarım aşamasında şunu sormak gerekir: bu görselin WebP formatında sunulması sağlandı mı? Bu animasyon CSS ile mi yoksa ağır bir JavaScript kütüphanesiyle mi çalışıyor?
Tasarım onaylanmadan önce Figma veya prototip aşamasında bile sayfa ağırlığını tahmin etmek mümkün. Kullanılacak font ağırlıkları, animasyonlar ve görsel sayısı baştan netleştirilmeli.
URL Yapısı ve Site Mimarisi Baştan Kurulmalı
Sonradan düzeltmesi en maliyetli SEO hataları genellikle mimari hatalarıdır. Derin iç içe kategoriler, anlamsız URL parametreleri, kanonikleştirilmemiş sayfalar — bunlar siteniz yayına girdikten sonra fark edildiğinde ciddi yeniden yapılandırma gerektirir.
Doğru yaklaşım şudur: sitemap kafada netleşmeden tasarıma geçilmemeli. Ana kategoriler, alt sayfalar, hedef kelimeler hiyerarşisi — hepsi URL yapısına yansımalı.
- URL'ler kısa, açıklayıcı ve Türkçe karakter içermemeli
- Her kategori kendi mantıksal hiyerarşisinde yer almalı
- Parametre tabanlı URL'lerden kaçınılmalı
- Canonical tag'ler tasarım aşamasında planlanmalı
Başlık Hiyerarşisi Bir Tasarım Kararıdır
H1, H2, H3 kullanımı sadece görsel büyüklük meselesi değil — sayfanın anlamsal iskeletidir. Bir tasarımcı "burada büyük yazı olsun" dediğinde, bunun H1 mi yoksa özel bir CSS class'ı mı olacağını da belirliyor olmalı.
Her sayfada yalnızca bir adet H1 kullanılmalı ve bu H1, sayfanın hedef anahtar kelimesini içermeli. Alt başlıklar H2–H3 ile hiyerarşik biçimde kurgulanmalı; yalnızca stil amacıyla başlık etiketi seçilmemeli.
Mobil Önce Tasarla, Masaüstü Sonra
Google, mobile-first indexing kullanıyor. Yani sitenizin masaüstü sürümünün ne kadar şık olduğu değil, mobil sürümünün ne kadar işlevsel ve hızlı olduğu sıralamayı belirliyor.
Tasarım sürecinde wireframe aşamasında dahi mobile önce yaklaşmak gerekiyor. Dokunmatik hedefler, yazı boyutları, form kullanılabilirliği — bunların tümü mobil kullanıcı deneyimini etkiliyor ve dolaylı olarak sıralamayı şekillendiriyor.
İç Bağlantı Yapısı Organik Otorite Dağıtır
Güzel tasarlanmış bir sitenin içerik sayfaları birbirine bağlı değilse, Google o sayfaları birbirinden bağımsız değerlendiriyor. Menü dışında, içerik içinde de mantıklı iç bağlantılar kurmak — örneğin bir hizmet sayfasından ilgili blog yazısına link vermek — hem kullanıcı deneyimini hem site otoritesini güçlendiriyor.
Schema Markup: Görünmez Ama Değerli
Structured data / schema markup, sayfanın kaynak koduna eklenen ve Google'a "bu bir hizmet sayfası, bu kişi firma sahibi, bu içerik SSS" diyen işaretlerdir. Tasarım aşamasında hangi sayfa tiplerinin kullanılacağı belirlendikten sonra, geliştiricinin bu işaretlemeleri eklemesi planlanmalıdır.
- Hizmet sayfaları için Service schema
- Blog içerikleri için BlogPosting schema
- SSS bölümleri için FAQPage schema
- Şirket sayfası için Organization + LocalBusiness schema
Zengin snippet görünümleri — yıldız, fiyat aralığı, SSS açılımı — bu işaretlemeler sayesinde elde edilir ve tıklama oranlarını (CTR) anlamlı biçimde artırır.
Sık Sorulan Sorular
SEO uyumlu web tasarım; sayfa hızı, doğru URL yapısı, heading hiyerarşisi, mobil uyumluluk ve schema markup gibi teknik unsurların tasarım aşamasından itibaren gözetildiği web geliştirme yaklaşımıdır.
Google, Core Web Vitals metriklerini (LCP, CLS, INP) doğrudan sıralama faktörü olarak kullanmaktadır. Bu metrikler tasarım ve geliştirme kararlarından doğrudan etkilenir; optimize edilmiş bir site hem daha iyi sıralanır hem daha fazla kullanıcı tutar.
Zorunlu değil ancak güçlü bir rekabet avantajı sağlar. Schema markup ile zengin snippet görünümleri elde edilir; bu da arama sonuçlarında tıklama oranını artırır ve rakipler arasından sıyrılmanızı kolaylaştırır.
Güncelleme Tarihi: 15.04.2026
