SEO Uyumlu Web Tasarım

SEO uyumlu web tasarım nedir?

SEO uyumlu web tasarım; arama motoru optimizasyonunu, tasarım sürecinin ayrılmaz bir parçası olarak ele alan geliştirme yaklaşımıdır. Hazır bir siteye sonradan SEO eklemek mümkündür — ancak bu yaklaşım, teknik SEO'nun önemli bir bölümünü imkânsız kılan ya da son derece maliyetli hale getiren temel kararları atlıyor demektir.

Bir sitenin URL mimarisini, heading hiyerarşisini, sayfa hızını ve yapısal verisini sonradan düzeltmek; genellikle projenin en az %30–50'si kadar ek iş yükü demektir. Doğru yaklaşım, bu kararları projenin başında almak ve geliştirme sürecinde uygulamaktır. SEO uyumlu web tasarım tam da bunu yapar.

Tasarım ve SEO birlikte mi düşünülmeli?

Kısa yanıt: evet, ve erken aşamada. SEO'nun tasarımı etkilediği kararlar şunlardır: URL yapısı (hiyerarşik mi, düz mı?), sayfa başlık hiyerarşisi (H1'de ne var?), gezinme yapısı (iç linkleme mimarisi), görsellerin nasıl yüklendiği (lazy load, WebP, boyut), ve hangi içeriğin hangi sayfalarda olduğu (silo mimari). Bu kararların tamamı tasarım aşamasında yapılır; geliştirme sürecinde değiştirilmesi anlamsal mimaride çökme riski taşır.

Tasarımcı bu kararları vermezse kimin vereceği sorusu ortada kalır. Çoğu zaman kimse vermez — ve site, arama motoru dostu olmayan öngörülmemiş URL'ler, kırık iç linkleme mimarisi ve eksik semantic HTML ile canlıya çıkar. Sonradan düzeltmek hem teknik hem içerik açısından yüksek maliyet demektir.

SEO altyapısız sitenin maliyeti

SEO uyumsuz bir site; reklam bütçesine bağımlılığı kalıcılaştırır. Organik trafik üretemeyen bir site, trafiği satın almak zorundadır. Türkiye'de orta rekabetli bir anahtar kelimede Google Ads maliyeti tıklama başı 5–30 ₺ arasında değişir. Organik sıralamada yer alan site, bu trafiği ücretsiz alır; reklam bütçesine bağımlı site ise her tıklama için ödemeye devam eder. Fark, aylık onlarca bin TL ek maliyete dönüşebilir.

Düşük hız skoru, Google Ads kalite puanını (Quality Score) da olumsuz etkiler. Yavaş açılan landing page, reklam görünürlüğünü düşürür ve tıklama başı maliyeti artırır. SEO uyumsuzluğunun maliyeti yalnızca organik kayıp değil, reklam harcamasının verimliliğidir de.

Teknik SEO bileşenleri

Anlamsal HTML yapısı

Google'ın içeriği anlaması, sayfanın HTML yapısını doğru okuyabilmesiyle başlar. Anlamsal HTML; her sayfada yalnızca bir <h1> etiketi, mantıklı heading hiyerarşisi (h2 → h3 → h4), <main>, <article>, <section>, <nav> ve <aside> gibi landmark bölgeler kullanmak demektir. Bu yapı hem arama motoru hem ekran okuyucu için içeriği anlaşılır kılar.

Anlamsal HTML'nin eksikliği görsel olarak fark edilmez; ancak Google'ın içeriği doğru bağlamda indekslemesini zorlaştırır. <div> yığınından oluşan yapı, arama motoruna içeriğin ne olduğu hakkında hiçbir ipucu vermez. Semantik etiketler bu ipuçlarını kodun kendisinde taşır.

Core Web Vitals (CWV)

Google'ın ölçülebilir performans eşikleri olan Core Web Vitals; LCP (en büyük içerikli elemanın yükleme süresi), CLS (kümülatif düzen kayması) ve INP (sonraki boyama süresi) değerlerinden oluşur. Bu değerler Google'ın sıralama algoritmasına dahildir; eşikleri aşan siteler "zayıf deneyim" olarak işaretlenir.

Hedef değerler: LCP < 2,5 sn (ideal < 1,5 sn), CLS < 0,1 ve INP < 200 ms. Bu eşikler yalnızca teorik değil; Google'ın Chrome kullanıcı deneyimi verileriyle ölçülen gerçek alan değerleridir. Her projede CWV kontrolü standart geliştirme sürecinin parçasıdır.

Schema markup (yapısal veri)

Schema markup; arama motorlarının sayfanın içeriğini "anlamasına" değil, "yorumlamasına" yardımcı olan JSON-LD formatında yapısal veridir. Doğru schema, rich result (zengin sonuçlar) elde etmeyi mümkün kılar: yıldız derecelendirmesi, SSS açılımı, içerik karıştırma ikonu, breadcrumb görünümü.

Her projede standart olarak uygulanan schema türleri: Organization (ana sayfa), Service veya Product (hizmet/ürün sayfaları), BreadcrumbList (tüm içerik sayfaları), FAQPage (SSS bölümü bulunan her sayfa), ve gerekirse Article, LocalBusiness veya Event. Google Rich Results Test ile doğrulama geliştirme sürecinin son adımıdır.

URL mimarisi ve canonical

Her sayfanın tek, kalıcı ve anlamsal bir URL'si olmalıdır. /hizmetler/seo-uyumlu-web-tasarim gibi hiyerarşik URL yapısı; hem kullanıcıya hem arama motoruna içeriğin konumunu ve bağlamını aktarır. Parametre bazlı URL'ler (?id=42&lang=tr), dinamik sıralama URL'leri ve tekrarlayan içerik sorunu yaşayan sayfalar için canonical etiket zorunludur.

URL mimarisi proje başında belirlenir ve değiştirilmez. Canlıya çıktıktan sonra URL değişikliği, kapsamlı 301 yönlendirme çalışması gerektirir ve geçici sıralama düşüşü riski taşır. Bu nedenle URL yapısı tasarım aşamasında, içerik silosu ve navigasyon kararlarıyla birlikte ele alınır.

Mobil öncelikli tasarım

Google, 2019'dan bu yana mobil öncelikli indeksleme uygulamaktadır. Bu; sitenizin masaüstü sürümünü değil, mobil sürümünü esas alarak indekslediği ve sıraladığı anlamına gelir. Masaüstünde mükemmel görünen, ancak mobilde eksik içerik veya kırık düzen içeren siteler, mobilin içeriğini esas alan Google tarafından dezavantajlı konuma düşer.

Mobil öncelikli geliştirmede tasarım süreci telefon ekranından başlar. Bileşenler, dokunmatik hedef boyutlarına (min 44×44 px) göre tasarlanır; metin boyutları mobilde okunabilir olacak şekilde ayarlanır; görsel hiyerarşi dar ekrana uyarlanır. Masaüstü versiyonu sonradan genişletilir; tersi geçerli değildir.

Sayfa hızı ve TTFB

TTFB (Time To First Byte); sunucunun ilk baytı göndermesi için geçen süredir. Google'ın hedef değeri < 800 ms'dir; yüksek TTFB değerleri LCP'yi doğrudan olumsuz etkiler. TTFB'yi etkileyen faktörler: sunucu konumu, PHP kodu performansı, veritabanı sorgu süresi ve önbellekleme stratejisi.

Saf PHP ile geliştirilen sitemizde gereksiz eklenti yükü, WordPress gibi CMS'lerin taşıdığı katmanlı istek döngüleri ve ağır JavaScript kütüphaneleri yoktur. Bu yapısal avantaj, doğal olarak daha düşük TTFB ve daha hızlı LCP değerleri üretir. Buna ek olarak önbellekleme, görsel optimizasyonu ve CDN yapılandırması her projede standart olarak uygulanır.

İç linkleme mimarisi

İç linkleme, arama motorunun sitedeki önem hiyerarşisini anlamasını sağlar. Çok bağlantı alan sayfa, Google'a o içeriğin önemli olduğunu sinyaller. Bu nedenle hub sayfalar (ana hizmet ve kategori sayfaları) maksimum iç link alacak biçimde yapılandırılır; spoke sayfalar (blog, alt hizmet, ürün detayı) hub sayfaya geri link verir.

Yetim sayfa (orphan page) — hiçbir iç linkle ulaşılamayan sayfa — arama motoruna görünmez ve crawl bütçesini boşa harcar. Her yeni sayfa, en az iki iç linkle mevcut mimariye bağlanır. Navigasyon, breadcrumb ve ilgili sayfa bileşenleri bu iç linkleme mimarisinin sistematik bileşenleridir.

İçerik SEO'su ve tasarım ilişkisi

Tasarımın içerik üzerinde doğrudan etkisi vardır: Dar bir içerik sütunu, uzun içeriği okunmaz hale getirir. Sayfa başına düşen white space oranı okunabilirliği etkiler. Heading hiyerarşisi yanlış kurulduğunda içerik yazarı doğru yapıda içerik üretemez. İçerik SEO'su ve tasarım birbirinden bağımsız değil, birbirini şekillendiren iki bileşendir.

Tasarım şablonu oluştururken içeriğin nasıl büyüyeceğini hesaba katmak gerekir. 300 kelimelik sayfa ile 2.000 kelimelik sayfa aynı şablonu kullanıyorsa, uzun içerik doğal ve okunabilir görünmeli; kısa içerik "boş" hissi vermemelidir. Bunu başarmanın yolu; içerik yapısını tasarım kararlarıyla birlikte düşünmektir.

SEO uyumlu site nasıl test edilir?

Geliştirme sonrası standart kontrol listesi şunları kapsar:

1. PageSpeed Insights: LCP, CLS ve INP değerleri hem mobil hem masaüstü için ölçülür.
2. Google Search Console: İndeksleme raporu, Coverage raporu ve Core Web Vitals raporu.
3. Google Rich Results Test: Schema markup doğrulaması — Organization, Service, FAQ, Breadcrumb.
4. Screaming Frog: Crawl simülasyonu — 404, yönlendirme zinciri, eksik meta, yinelenen başlık.
5. WAVE veya axe: WCAG erişilebilirlik taraması.
6. Mobile-Friendly Test: Google'ın mobil uyumluluk testi.
7. SSL Labs: HTTPS konfigürasyonu — A veya A+ hedeflenmelidir.

llms.txt ve AEO hazırlığı

2025–2026 itibarıyla arama davranışı değişiyor: ChatGPT, Google AI Overviews ve Perplexity gibi yapay zeka arama motorları, web içeriğini indeksleyerek kullanıcılara özetlenmiş yanıtlar veriyor. Bu ortamda "yapay zeka tarafından alıntılanabilir" olmak yeni bir SEO boyutu haline geliyor.

llms.txt dosyası, yapay zeka botlarının sitenizin içeriğini daha iyi anlamasına yardımcı olmak için önerilen bir standarttır. SSS yapısı, net ve doğrudan yanıtlar, kaynaklara bağlantı ve gerçek olgusal bilgi içeren sayfalar, yapay zeka yanıtlarında alıntılanma olasılığı daha yüksektir. SEO uyumlu web tasarımımız AEO (Answer Engine Optimization) ilkelerini tasarım sürecine dahil eder.