SEO uyumlu web tasarım, bir siteyi hem kullanıcının hem arama motorlarının anlayabileceği şekilde planlamaktır. Sonradan eklenen bir katman değil, tasarım kararlarının kendisidir. En belirleyici kararlar ilk hafta alınır: site mimarisi, URL yapısı ve başlık hiyerarşisi. Bunları sonradan değiştirmek yönlendirme borcu üretir. Görsel tercihleri doğrudan sıralamayı etkiler: metni görsele gömmek, ağır slider kullanmak ve boyut tanımsız görseller en sık üç hatadır. Mobil tasarım artık ana tasarımdır. Google siteleri mobil sürüm üzerinden değerlendirir, masaüstü sürüm ikincildir. Site yenilerken en kritik adım tasarım değil, adres eşleştirmesidir. 301 haritası olmayan bir yenileme, iyi tasarıma rağmen trafik kaybettirir.
SEO uyumlu web tasarım, bir sitenin hem kullanıcı deneyimi hem de arama motorlarının teknik beklentileri gözetilerek planlanmasıdır. Amaç iki taraflı: ziyaretçi aradığına kolayca ulaşsın, arama motoru sayfayı doğru anlasın.
Bu iş çoğu projede yanlış sırada yapılıyor. Önce tasarım bitiriliyor, sonra “SEO yapalım” deniyor. Oysa en pahalı kararlar tasarım masasında alınıyor.
Aşağıda tasarım sürecinde alınan hangi kararın SEO tarafında ne ürettiğini tek tek anlatıyorum.
SEO’nun genel mantığını hiç bilmiyorsanız önce şuraya bakın: SEO nedir, nasıl yapılır.
SEO Uyumlu Web Tasarım Nedir?
SEO uyumlu web tasarım, sitenin görünüşünü değil yapısını tarif eder. Aynı görselin arkasında biri taranabilir, diğeri taranamaz iki farklı site kurulabilir.
Fark şurada ortaya çıkar: metin gerçekten metin mi, başlıklar sıralı mı, adresler anlamlı mı, sayfa mobilde nasıl davranıyor, içerik JavaScript olmadan görünüyor mu.
Google’ın temel beklentileri resmi rehberde toplu hâlde duruyor: SEO Başlangıç Rehberi.
Neden Tasarım Aşamasında Başlamalı?
Çünkü bazı kararların geri dönüşü pahalıdır. Yayına alınmış bir sitede URL yapısını değiştirmek, yüzlerce yönlendirme kuralı ve haftalarca dalgalanma demektir.
Aynı karar tasarım aşamasında alınırsa maliyeti sıfırdır. Bu yüzden yeni site kuruyorsanız ya da mevcut siteyi yeniliyorsanız, en verimli zaman şu andır.
SEO Uyumlu Web Tasarım Nasıl Yapılır?
Süreci sekiz karar başlığına ayırıyorum. Sıralama önem sırasına göre.
1. Site Mimarisi ve URL Yapısı
Site mimarisi, sayfaların birbirine göre konumudur. İyi bir mimaride her önemli sayfaya ana sayfadan en fazla üç tıklamada ulaşılır.
URL’ler kısa, okunur ve Türkçe karakter içermeyecek şekilde kurulmalı. /hizmetler/web-tasarim/ anlamlıdır, /sayfa-id-482/ hiçbir şey söylemez.
Menü yapısını da burada karara bağlayın. Menü aynı zamanda sitenin en güçlü iç link kaynağıdır.
2. Başlık Hiyerarşisi
Her sayfada tek bir H1 bulunmalı ve sayfanın konusunu söylemeli. Alt başlıklar H2 ve H3 olarak sıralı ilerlemeli.
Tasarımcıların en sık yaptığı hata, başlık etiketlerini yazı boyutu için kullanmaktır. Büyük görünsün diye H1 seçilen bir alt başlık, sayfanın konu sinyalini bozar.
Doğru yaklaşım: etiketi anlam için seç, boyutu CSS ile ayarla.
3. İç Link Yapısı
İç linkler hem kullanıcıyı yönlendirir hem sayfalar arasında değer aktarır. Tasarım aşamasında bunun için yer ayrılmalıdır.
İçerik içinde bağlam veren linkler, sayfa sonundaki “ilgili yazılar” bloklarından çok daha etkilidir. Çapa metni de “buraya tıklayın” değil, hedef sayfayı tarif eden ifade olmalıdır.
4. Görsel ve Medya Kararları
Görseller tasarımın en ağır yüküdür. Üç kural yeterli:
- Metni görsele gömmeyin. Görsel içindeki yazı, arama motoru için yok hükmündedir.
- Boyutları HTML’de tanımlayın. Genişlik ve yükseklik verilmeyen görsel, sayfa yüklenirken kayma üretir.
- Modern format kullanın. Ayrıntı için: WebP ve AVIF ile görsel optimizasyonu.
Alt metin de bir tasarım kararıdır. Dekoratif görsellerde boş bırakılır, içerik taşıyan görsellerde gerçekten tarif eder.
5. Mobil Öncelikli Tasarım
Google siteleri mobil sürüm üzerinden değerlendiriyor. Yani mobilde olmayan içerik, masaüstünde olsa bile yok sayılabilir.
Bu yüzden mobil sürüm masaüstünün kırpılmış hâli olmamalı. İçerik, başlıklar ve yapısal veri iki sürümde de aynı kalmalı.
Responsive yaklaşımın temelleri için: mobil uyumlu tasarım nedir.
6. Performans Bütçesi
Hız, tasarım sonrası bir optimizasyon işi değil, tasarım sırasında konulan bir bütçedir. Ağır bir slider, dört ayrı yazı tipi ailesi ve otomatik oynayan video seçildiği anda hız kararı verilmiş olur.
Ölçüm tarafını ayrı ele aldım: Core Web Vitals nedir. Sayfa deneyiminin resmi çerçevesi de burada: Google sayfa deneyimi.
7. Erişilebilirlik
Erişilebilirlik ayrı bir iş gibi görünür, oysa SEO ile büyük ölçüde örtüşür. Yeterli renk kontrastı, klavyeyle gezinebilirlik, anlamlı buton metinleri ve düzgün form etiketleri her iki tarafa da yarar.
Pratik kural: ekran okuyucunun anlayamadığı bir yapıyı arama motoru da çoğu zaman anlamaz.
8. Dönüşüm Öğelerinin Yerleşimi
Trafik tek başına iş getirmez. Tasarım aşamasında her sayfa için “bu sayfada kullanıcının yapması gereken şey ne?” sorusu cevaplanmalıdır.
Form uzunluğu, buton yerleşimi ve iletişim bilgisinin görünürlüğü de tasarım kararlarıdır. Kullanıcı deneyimi tarafı için: UX tasarım nedir.
Hangi Tasarım Kararı Neyi Etkiliyor?
| Tasarım kararı | SEO tarafındaki karşılığı | Sonradan düzeltme maliyeti |
|---|---|---|
| URL ve menü yapısı | Tarama verimliliği, konu bütünlüğü | Yüksek (301 gerekir) |
| Başlık etiketi kullanımı | Konu sinyali, öne çıkan sonuç şansı | Orta |
| Metnin görsele gömülmesi | İçeriğin okunamaması | Yüksek (yeniden tasarım) |
| Slider ve ağır medya | LCP ve genel hız | Orta |
| Mobil sürümde içerik kırpma | Değerlendirilmeyen içerik | Orta |
| JavaScript ile üretilen içerik | Geç ya da hiç taranmama | Yüksek |
| Görsel boyutu tanımsızlığı | CLS, sayfa kayması | Düşük |
Tasarımda Sık Yapılan SEO Hataları
Başlıkların görsel olarak yerleştirilmesi
Özel yazı tipi kullanmak için başlığın görsel hâline getirilmesi, sayfanın en güçlü metin sinyalini siler. Web fontu kullanın.
Ana sayfada tek satır metin
Estetik kaygıyla neredeyse tamamen görselden oluşan ana sayfalar, hangi konuda olduğunu anlatamaz. Az ama anlamlı metin bırakın.
Her sayfaya aynı başlık ve açıklama
Şablon gereği tüm sayfalara aynı meta bilgilerinin basılması, sayfaların birbirinden ayrışmasını engeller.
Sonsuz kaydırma ve tıklanamaz gezinme
Bağlantı yerine JavaScript olayına bağlı gezinme, botların sayfaları bulmasını engelleyebilir. Gerçek bağlantı etiketi kullanın.
Yenilemede eski adreslerin unutulması
Site yenilendiğinde eski adresler yönlendirilmezse, yıllarca biriken değer bir gecede kaybolur.
Test ortamının taramaya açık kalması
Geliştirme sürümü dizine girerse asıl siteyle çakışır. Test ortamını kapalı tutun, canlıya alırken engeli kaldırmayı unutmayın: robots.txt rehberi.
Site Yenilerken Dikkat Edilecekler
Mevcut bir siteyi yeniliyorsanız risk yeni site kurmaktan yüksektir. Çünkü kaybedecek bir birikiminiz var.
- Mevcut adres listesini çıkarın. Yayındaki tüm sayfaları site haritasından ve Search Console’dan toplayın.
- Trafik getiren sayfaları işaretleyin. Bu sayfaların içeriği ve adresi mümkünse korunmalı.
- Eski ve yeni adresleri eşleştirin. Değişen her adres için 301 kuralı hazırlayın.
- Metinleri taşırken kırpmayın. Tasarıma sığmadığı için silinen paragraflar, sıralama getiren cümleler olabilir.
- Test ortamını kapalı tutun, canlıya alırken engeli kaldırmayı unutmayın.
- Yayından sonra iki hafta izleyin. Dizin durumu ve tarama hatalarını takip edin: sıralama kaybı nedenleri.
En sık atlanan adım: Yeni tasarımda kaldırılan sayfalar. Bir sayfayı yayından kaldırıyorsanız ya en yakın alternatife yönlendirin ya da bilinçli olarak 410 verin. Hepsini ana sayfaya yönlendirmek çözüm değildir.
2026’da Öne Çıkan Faktörler
- Deneyime dayalı özgün içerik. Şablon metinlerin ayrışma gücü hızla düşüyor.
- INP metriği. Kullanıcı etkileşimine verilen yanıt süresi, ağır arayüzlerde en zorlanılan başlık.
- Mobil öncelikli değerlendirme. Artık istisna değil, standart.
- Yapılandırılmış veri. Sayfanın ne olduğunu makineye açıkça söylemek, yapay zeka cevaplarında da karşılık buluyor.
- Alıntılanabilir yapı. Net cevap blokları ve sıralı başlıklar, AI asistanlarının içeriği kaynak göstermesini kolaylaştırıyor.
Yayın Öncesi Kontrol Listesi
- Her sayfada tek H1 var mı, başlık sırası bozuk mu?
- Her sayfanın kendine ait başlık ve açıklaması var mı?
- Görsellerde alt metin ve boyut tanımı yapıldı mı?
- Mobil sürümde eksik içerik kaldı mı?
- Menü ve gövde bağlantıları gerçek bağlantı etiketi mi?
- Test ortamının taramaya kapalı ayarı kaldırıldı mı?
- Site haritası üretiliyor ve Search Console’a gönderildi mi?
- Eski adresler için yönlendirme kuralları yayında mı?
Sıkça Sorulan Sorular
SEO uyumlu web tasarım nedir?
SEO uyumlu web tasarım, bir sitenin hem kullanıcı hem arama motoru tarafından anlaşılabilecek şekilde planlanmasıdır. Görsel bir stil değil, yapısal bir yaklaşımdır.
Metinlerin gerçekten metin olarak yazılması
Anlamlı URL ve menü yapısı
Doğru başlık hiyerarşisi
Mobil sürümde eksiksiz içerik
Performans bütçesine uygun medya seçimleri
SEO uyumlu web tasarım nasıl yapılır?
Süreç tasarım kararlarıyla başlar, kod aşamasında sürer. Sırasıyla şunlar belirlenir:
Site mimarisi ve URL yapısı
Başlık hiyerarşisi ve içerik iskeleti
İç link planı
Görsel format ve boyut kuralları
Mobil öncelikli düzen
Performans bütçesi ve erişilebilirlik kontrolleri
Hazır tema ile SEO uyumlu site yapılabilir mi?
Evet, yapılabilir. Belirleyici olan temanın kendisi değil, nasıl kullanıldığıdır.
Risk, çok amaçlı temaların gereksiz kod ve eklenti yüküyle gelmesidir. Kullanmadığınız bölümleri kapatın, ağır slider ve animasyonlardan kaçının, başlık etiketlerini şablonun varsayılanına bırakmadan kontrol edin.
Tasarım sıralamayı doğrudan etkiler mi?
Doğrudan bir “tasarım puanı” yoktur. Ancak tasarım kararları sıralamayı belirleyen sinyalleri üretir.
Hız, mobil uyum, taranabilirlik ve içeriğin okunabilirliği tasarımdan doğar. Bu yüzden etki doğrudan değil ama güçlüdür.
Site yenileme sıralama kaybettirir mi?
Adres yapısı korunmadığında evet. En sık sebep, değişen URL’ler için 301 yönlendirme verilmemesidir.
Eski ve yeni adresleri eşleştiren bir liste hazırlayın.
Trafik getiren sayfaların metinlerini kırpmadan taşıyın.
Yayından sonra dizin durumunu iki hafta izleyin.
Tek sayfalık (one page) tasarım SEO açısından uygun mu?
Sınırlı durumlarda uygundur. Tek sayfa yapısı, farklı konularda ayrı sayfalarla sıralanma imkânını ortadan kaldırır.
Tek bir hizmet sunan ve yerel arama hedefleyen işletmelerde çalışabilir. Birden fazla hizmet ya da ürün grubu varsa her biri için ayrı sayfa gerekir.
Tasarım sonrası SEO yapmak yeterli olmaz mı?
Bir kısmı için yeterlidir, en kritik kısmı için değildir. Meta başlıkları ve içerik sonradan düzenlenebilir.
Ancak URL yapısı, başlık hiyerarşisi ve içeriğin görsele gömülmesi gibi kararlar sonradan düzeltilirken hem maliyet hem risk üretir. Erken başlamak her zaman ucuzdur.
Son güncelleme: 18 Ağustos 2026. Yazının gövdesi korunarak güncellendi ve uygulama rehberine dönüştürüldü.
Bu yazıları da okumak isteyebilirsiniz ...
Yazar Hakkında
2014'ten bu yana web tasarım, WordPress ve SEO & AI görünürlük alanlarında 550'den fazla işletmeye hizmet veriyorum.