SEO Uyumlu Web Tasarım: Teknik Kontrol Listesi

Siteye başlamadan önce organik trafiğin hangi iş sonucuna bağlanacağını belirleyin. Teklif, randevu, satış, mağaza ziyareti, bayi başvurusu veya kurumsal bilgilendirme hedefleri farklı sayfa ve dönüşüm yapıları gerektirir. Hedef kullanıcıların hangi sorularla arama yaptığı, karar öncesinde hangi kanıtları görmek istediği ve hangi eylemi tercih ettiği araştırılmalıdır.

Anahtar kelime listesi tek başına yeterli değildir. Bilgi edinme, karşılaştırma, hizmet arama ve marka araması gibi farklı niyetler ayrılmalı; her konu gerçekten ayrı bir sayfayı gerektiriyor mu değerlendirilmelidir. Aynı niyeti taşıyan benzer sayfalar üretmek yerine kapsamlı ve yönetilebilir içerik yapısı kurulmalıdır.

Beklenen çıktı: Öncelikli kullanıcı grupları, arama niyeti kümeleri, birincil dönüşümler ve sayfa amacı tablosu.

Ana sayfa, kurumsal sayfalar, hizmetler, ürünler, sektör çözümleri, lokasyonlar, projeler ve blog içerikleri arasındaki ilişkiyi şema hâline getirin. Menü, sitenin bütün URL listesini göstermek zorunda değildir; ancak kullanıcıların öncelikli alanlara erişmesini ve sayfalar arasında anlamlı geçiş kurmasını sağlamalıdır.

Her içerik türü için gerekli alanları belirleyin. Hizmet sayfasında kısa açıklama, ayrıntılı içerik, süreç, SSS ve CTA bulunabilirken ekip sayfasında unvan, biyografi ve uzmanlık alanları gerekebilir. Bu alanlar önceden tanımlanırsa hem UI/UX tasarımı gerçek içerik ihtiyaçlarına göre yapılır hem yönetim paneli doğru veri yapısıyla geliştirilir.

Beklenen çıktı: Site haritası, içerik türleri, şablon alanları ve her sayfa türünün birincil görevi.

URL'ler kısa olmak zorunda değildir; açıklayıcı, kalıcı ve sayfanın konusuyla uyumlu olmalıdır. Hizmet, kategori, lokasyon ve dil yapılarında hangi klasörlerin kullanılacağı baştan belirlenmelidir. Aynı içeriğe parametre, büyük-küçük harf, son eğik çizgi veya farklı yollarla erişilebiliyorsa tercih edilen URL ve canonical yaklaşımı açıklanmalıdır.

Mevcut site yenileniyorsa eski URL envanteri çıkarılmadan yeni adresler belirlenmemelidir. Trafik ve bağlantı alan sayfalar korunmalı; değişen adresler ilgili yeni karşılıklarına 301 yönlendirmesiyle eşlenmelidir. Breadcrumb yapısı hem kullanıcıların konumu anlamasına hem sayfalar arasındaki hiyerarşinin görünür olmasına yardımcı olur.

Beklenen çıktı: URL standardı, eski-yeni URL eşleştirme tablosu, canonical ve breadcrumb kuralları.

Responsive tasarım yalnız sütunların alt alta gelmesi değildir. Mobilde içerik sırası, navigasyon, buton boyutları, formlar, tablolar, görsel oranları ve sabit bileşenler ayrı ayrı değerlendirilmelidir. Önemli içerikler yer kazanmak için tamamen kaldırılmamalı; gerekiyorsa akordeon ve sekme gibi erişilebilir bileşenlerle düzenlenmelidir.

Google, indeksleme ve sıralama için mobil sürüm içeriğini kullanır. Mobil öncelikli indeksleme rehberi, mobil ve masaüstünde temel içerik, başlık, meta bilgi, görsel açıklamaları ve yapılandırılmış verilerin eşdeğer olmasını önerir. Tasarım onayı yalnız geniş ekran maketiyle verilmemelidir.

Beklenen çıktı: Mobil wireframe'ler, bileşen davranışları, içerik öncelik sırası ve gerçek cihaz test listesi.

Hangi sayfaların indekslenmesi, hangilerinin arama sonuçlarından çıkarılması gerektiği içerik türü bazında belirlenmelidir. Yönetim, sepet, arama sonucu, filtre, kullanıcı hesabı, test ve teşekkür sayfaları aynı amaçta değildir. robots.txt, robots meta etiketi ve canonical farklı görevler üstlenir; birbirinin yerine rastgele kullanılmamalıdır.

Geliştirme ortamının arama motorlarına açılmaması gerekir; ancak yayında kalacak siteden yeni siteye geçerken yanlışlıkla genel noindex taşınması da engellenmelidir. CSS, JavaScript ve görsel kaynakları tarayıcıyla birlikte arama motorlarının da sayfayı oluşturabilmesi için erişilebilir olmalıdır. XML site haritasında yalnız canonical ve indekslenebilir URL'ler bulunmalıdır.

Beklenen çıktı: Sayfa türü bazında index/noindex matrisi, robots kuralları, XML site haritası ve yayın kontrol adımları.

Görsel olarak büyük her metin başlık, her başlık da yalnız stil amacıyla kullanılmamalıdır. Sayfanın ana başlığı belirgin bir H1; ana bölümler H2; ilgili alt başlıklar H3 olarak yapılandırılabilir. Menü, ana içerik, yardımcı içerik ve footer alanlarında uygun HTML öğeleri kullanılmalı; buton görevi gören öğeler klavye ve ekran okuyucu kullanımına uygun geliştirilmelidir.

Başlık düzeni arama motorları için mekanik bir puan tablosu değildir; kullanıcıların uzun içeriği taramasına ve yardımcı teknolojilerin sayfa yapısını anlamasına hizmet eder. Tasarım sistemi başlık seviyesini yalnız yazı boyutuyla eşleştirmemeli; görsel stil ile semantik görev birbirinden ayrılabilmelidir.

Beklenen çıktı: Sayfa şablonları için H1-H2-H3 örnekleri, semantik bileşen kuralları ve erişilebilir etkileşim durumları.

Modern arayüzlerde sekmeler, filtreler, sonsuz kaydırma ve istemci tarafında oluşturulan içerikler kullanılabilir. Ancak önemli metin ve bağlantılar yalnız kullanıcı tıklamasından sonra yükleniyorsa arama motorlarının içeriği keşfetmesi zorlaşabilir. Her içerik durumu benzersiz ve erişilebilir bir URL gerektiriyor mu, bağlantılar gerçek href değerleri taşıyor mu ve hata durumları doğru HTTP kodları döndürüyor mu belirlenmelidir.

Google'ın JavaScript SEO temel rehberi, başlıklar, meta açıklamalar, bağlantılar, HTTP durumları ve oluşturulan içeriğin incelenmesi için teknik yönlendirmeler sunar. Tasarım aşamasında seçilen etkileşim modeli, içeriğin keşfedilebilirliğini etkilememelidir.

Beklenen çıktı: JavaScript gerektiren bileşen listesi, URL ve bağlantı davranışları, render testi ve hata senaryoları.

Tasarımda kullanılan büyük hero görselleri, videolar, özel yazı tipleri, animasyonlar ve üçüncü taraf araçlar yükleme ile etkileşim süresini etkiler. Performans sorumluluğu yalnız yazılımcıya bırakılırsa onaylanmış arayüzün bütün görsel taleplerini karşılamak zorlaşabilir. Proje başlangıcında görsel boyutu, font ailesi, harici script ve bileşen sayısı için makul bütçeler belirlenmelidir.

Core Web Vitals; yükleme performansı, etkileşim duyarlılığı ve görsel kararlılığı LCP, INP ve CLS metrikleriyle değerlendirir. Laboratuvar testleri geliştirme sırasında yol gösterir; yayın sonrasında gerçek kullanıcı verileri de izlenmelidir. Tek bir ana sayfa puanı bütün siteyi temsil etmez.

Beklenen çıktı: Performans bütçesi, kritik sayfa örnekleri, görsel ve font politikası, mobil test koşulları ve kabul ölçütleri.

İçerik yöneticisi sayfa başlığı, URL, meta title, meta description, canonical, robots tercihi, sosyal paylaşım görseli, görsel alternatif metni ve gerekiyorsa yapılandırılmış veri alanlarını kontrollü biçimde yönetebilmelidir. Her kullanıcıya bütün teknik alanları açmak yerine içerik türüne göre varsayılanlar, doğrulamalar ve yetkiler uygulanabilir.

Yönetim paneli yinelenen URL oluşmasını önlemeli, silinen veya adresi değişen içeriklerde yönlendirme sürecini desteklemeli ve ön izleme sunmalıdır. Başlık uzunluğunu yalnız sabit karakter sınırına zorlamak yerine alanın amacı açıklanmalıdır. İçerik ekleme kolay değilse SEO planı yayın sonrasında sürdürülemez.

Beklenen çıktı: CMS alan listesi, varsayılan meta kuralları, kullanıcı rolleri, URL değişikliği ve yönlendirme iş akışı.

Arama motorları yeni sayfaları önemli ölçüde bağlantılar üzerinden keşfeder; kullanıcılar da aynı bağlantılarla konu içinde ilerler. Ana menü, alt menüler, breadcrumb, ilgili hizmetler, yazı içi bağlantılar ve footer farklı görevler üstlenir. Her sayfayı footer'a eklemek veya bütün bağlantılarda “detaylı bilgi” yazmak anlamlı bir mimari oluşturmaz.

Bağlantı metni gidilen sayfanın konusunu açıklamalıdır. İçerik türleri arasında hangi ilişkilerin otomatik, hangilerinin editör seçimiyle kurulacağı planlanabilir. Yetim sayfalar, yalnız site haritasında bulunup başka sayfalardan bağlantı almayan içerikler ve gereksiz tekrar bağlantılar yayın öncesinde taranmalıdır.

Beklenen çıktı: Navigasyon haritası, breadcrumb şablonu, ilgili içerik modülleri ve açıklayıcı bağlantı metni standardı.

SEO uyumlu tasarımın odağında gerçek kullanıcı bulunur. Renk karşıtlığı, klavye kullanımı, görünür odak durumu, form etiketleri, hata mesajları, buton adları ve görsel alternatifleri tasarım sistemine dahil edilmelidir. W3C'nin erişilebilirlik planlama rehberi, sorumlulukların ve test yaklaşımının web üretim sürecinin başında belirlenmesini önerir.

İletişim, teklif, randevu ve satın alma gibi dönüşümler için her sayfa türündeki birincil eylem tanımlanmalıdır. Formlar yalnız gerekli alanları istemeli, hatayı anlaşılır biçimde göstermeli ve başarı durumunda kullanıcıya sonraki adımı açıklamalıdır. Reklam kampanyaları için genel sayfa yerine ayrı landing page gereksinimi bulunabilir.

Beklenen çıktı: Erişilebilir bileşen kontrolü, form alanları, hata ve başarı durumları, sayfa türü bazında CTA planı.

Organik trafiğin iş sonucuna bağlanabilmesi için form, telefon, mesaj, randevu, indirme ve satış gibi dönüşümler önceden tanımlanmalıdır. Analiz ve Search Console hesaplarının işletme sahipliği, erişim yetkileri ve test trafiğinin ayrıştırılması planlanmalıdır. Ölçümleme kodları performans ve kullanıcı tercihleriyle birlikte değerlendirilmelidir.

Yapılandırılmış veri yalnız sayfada gerçekten görünen ve doğrulanabilen içeriği işaretlemelidir. Organization, Breadcrumb, Article, Product veya FAQ gibi türler sayfa şablonlarına göre uygulanabilir; ancak zengin sonuç görünümü garanti edilmez. Yayın öncesinde URL Denetimi, Rich Results Test, performans, mobil kullanım, form ve bağlantı testleri sorumlularıyla birlikte yürütülmelidir.

Beklenen çıktı: Dönüşüm ölçüm planı, şema türleri, test senaryoları, sorumlular ve yayın kabul raporu.