SEO Uyumlu Web Sitesi İçin Teknik Brief (Tasarımcıya)
Tasarım ve SEO Çakışmasının Çözümü
Modern web projelerinde en büyük sancı, "görsel olarak muazzam ama Google için tamamen okunaksız" sitelerin üretilmesidir. Tasarımcılar genellikle UX (Kullanıcı Deneyimi) ve UI üzerinde dururken, SEO uyumlu web sitesi üretiminde kod yapısının arama motoru botları tarafından sorunsuz tüketilebilir (render/crawl) olması gerekir.
Tasarımcıya ve Yazılımcıya Gönderilecek "Sert" Brief Checklist
Projeye başlamadan önce ekibe sunmanız gereken PDF veya Word dokümanı şu kesin kuralları içermelidir:
- Görsel Kullanımı (Optimizasyon):
- Asla sitenin içinde ağır .PNG ve .JPG kullanılamaz. Tüm varlıklar (assets) WebP veya AVIF olarak servis edilmelidir.
- Her görsel `loading="lazy"` desteğine sahip olmalı (bannerlar hariç) ve
alt=""etiketi CMS (Yönetim Paneli) üzerinden düzenlenebilir bırakılmalıdır.
- Başlık (H1-H6) Hiyerarşisi:
- CSS styling amaçlı "Bunu dev punto H1 yapalım" denilemez. Bir sayfada yalnızca tek bir H1 olmalı, içerik mantıksal bir sırayla H2, H3 olarak silsile halinde tasarıma giydirilmelidir.
- HTTP Header ve Dinamik Metalar:
- Tasarım CMS'yi etkiler. Her sayfanın URL'si (temiz, parametresiz, örn: site.com/kategori/urun), Meta Başlığı (Title) ve Meta Açıklaması esnek olarak admin panelinden yazılabilmelidir. OG (Open Graph) verileri OG Preview arayüzüne uyumlu basılmalıdır.
- JS/Bölünmüş Yükleme (Hydration):
- React/Vue tabanlı (SPA) projelerde menü, kategori linkleri vb. tamamen Client-Side Render (CSR) olarak bırakılmamalıdır. Googlebot'un linkleri takip etmesi (href) için Server-Side Rendering (SSR) zorunludur.
IA (Information Architecture) ve Navigasyon Kuralları
Tasarımcı, hamburger menü ya da ana Header alanını çizerken şuna dikkat etmelidir: "Kullanıcı önemli sayfalara en fazla 3 tıkta ulaşabiliyor mu?". Mobil ve masaüstü navigasyonda, zengin snippetlere (Meta Analyzer üzerinden de inceleneceği gibi) engel olacak tam ekran iframe pop-uplardan kaçınılmalıdır.
Bu checklisti paylaştığınız gibi, lansman sonrasında ekibin başarılı olup olmadığını denetlemek için P0/P1 SEO Öncelik Rehberi'nden sitenizi kendi başınıza denetleyebilirsiniz.