Web Tasarım ile SEO İlişkisi: Yeni Site Kuranlar Ne Bilmeli?

"Siteyi bitirelim, sonra SEO yaptıralım." cümlesi, çoğu işletmede bir fiyat sürpriziyle sonuçlanır. Sebebi basit: arama motorlarının okuduğu şey ekranın görüntüsü değil, sayfanın kodu ve yapısıdır. Başlık hiyerarşisi, adres biçimi, görsel dosyalarının boyutu; hepsi tasarım aşamasında verilen kararlardır.

Bu yazıda ikisinin neden ayrılamadığını, hangi tasarım kararlarının arama görünürlüğünü doğrudan etkilediğini ve bu kuralları kendi sitemizde nasıl uyguladığımızı açıklıyoruz. Aşağıdaki tablo tahmin değil; build çıktısı üzerinde yapılan sayımın sonucudur.

Arama Motoru Bir Sayfayı Nasıl Okur?

Google, sayfanızı bir ziyaretçi gibi gezmez; kodu satır satır okur. Görsel düzenin değil, başlık hiyerarşisinin, etiketlerin, adres satırının ve yükleme süresinin kaydını tutar. Ziyaretçiye şık görünen ama kodu dağınık olan bir sayfa, arama motoru için kısmen okunmaz sayılabilir.

Bu yüzden tasarım kararlarının bir kısmı estetik değil, teknik sonuç doğurur. Başlık kurgusu bir ağaç kurar; adres yapısı bir ad alanı ayırır; görsel biçimi sayfa hızını belirler. Üçü de gizli bir panelde değil, tasarım masasında verilir.

Yaygın ikinci yanılgı, mobil için ayrı bir sayfa açmaktır. Aynı içeriğin iki ayrı adreste yayınlanması, arama motorunun hangisini esas alacağı konusunda kararsızlık yaratır ve kazanılacak değeri ikiye böler. Doğru yol tek adres, tek düzen ve o düzenin küçük ekranda da okunabilir olmasıdır.

Tasarımdan Doğrudan Gelen 6 Karar

Yeni bir site kurulurken sıralamayı doğrudan etkileyen altı karar vardır. Bunları gözden geçirmek, sonradan onarım maliyetini ortadan kaldırır:

• Sayfa hızı: Ağır animasyonlar ve büyük görseller yüklenmeyi uzatır. Gereksiz kodu sayfaya almamak, hızın en ucuz kazancıdır.
• Mobil düzen: Arama motoru sitenizi önce telefonda test eder. Telefonda dağınan bir düzen, masaüstünde ne kadar düzenli olursa olsun sonucu değiştirmez.
• Başlık hiyerarşisi: Her sayfada tek H1 ve mantıklı bir H2/H3 ağacı kurulmalıdır. Aynı H1'in her sayfada tekrarlanması, hiyerarşiyi değersizleştirir.
• Adres (URL) yapısı: /hizmetler/seo-hizmeti gibi anlamlı ve kısa adresler hem okunur hem de sonradan değiştirilmesi kolaydır. Adresi sonradan değiştirmek, 301 yönlendirme zinciri kurmayı gerektirir.
• Görsel biçimi ve ölçüleri: WebP gibi modern biçimler, sabit en-boy oranı (width/height) ve yazılı alt metinleri hem yükü düşürür hem de erişilebilirliği korur.
• Metin alanı: Yalnızca görsele dayanan tasarımlar okunamaz. Metin alanı daraltıldığında içerik de daralır; arama motoru için yazı uzunluğu bir tercih değil, altyapıdır.

Kendi Sitemizde Ölçtüğümüz Tablo

Aşağıdaki değerler bu yazının yazıldığı gün, sitenin kendi build çıktısı üzerinde sayılarak elde edildi. Tahmini değer yoktur:

Layer Medya sitesinin ölçülen SEO altyapısı (build çıktısı, 16 Ekim 2026)

Ölçüm	Değer	Neden önemli
Üretilen sayfa	55 sayfa	Her sayfada tek H1 ve tek canonical olduğu doğrulandı
Site haritası	sitemap.xml içinde 50 URL	Arama motoruna eksiksiz ve güncel adres listesi
Görsel	33 WebP görsel (1200×900)	Modern biçim ve sabit en-boy oranı; düzen kayması olmaz
Stil dosyası	site.css 39,7 KB	Tek derlenmiş dosya; tarayıcıya ek istek sayısı düşük kalır
Betik dosyası	main.js 12,9 KB	Davranış tek dosyada toplanır; ilk ekranı bloklamaz
Yönlendirme	7 statik 301 + trailing-slash kuralı	Adres değişimleri arama değerini kaybettirmez

"Sonra SEO" Neden Pahalıya Patlar?

Hazır tema ya da hazır şablonla açılan sitelerde başlık yapısı, yük hızı ve mobil düzen genellikle bozuk gelir. Bunları sonradan düzeltmek, tasarımı baştan yapmaktan daha uzun sürer; çünkü artık sıfırdan kurmak yerine var olanı sökmek gerekir.

• Başlık hiyerarşisi yeniden kurulur: Şablonlar, menü düzeni ve bileşen yapısı elden geçirilir.
• Adresler değişirse 301 zinciri kurulur: Yanlış kurulan bir yönlendirme, kazanılmış arama değerini sessizce kaybettirir.
• Görseller yeniden üretilir: Eski dosyalar toplanır, boyutlar düşürülür, en-boy oranları sabitlenir.
• İçerik yeniden yazılır: Daraltılmış metin alanlarına sığmayan sayfalar yeniden genişletilir.

Onarımın en pahalı kısmı genellikle görünmeyen altyapıdır: adres değişiklikleri, yönlendirme zincirleri ve eski içeriklerin yeni yere taşınması. Bunlar günlük tasarım işinde görünmediği için ilk seferde kurgulanmadığında fark edilmesi de haftalar alır.

Yani "sonra SEO" çoğu zaman ikinci bir projenin ta kendisidir; yalnızca faturası ilk projeye eklenir.

Görünürlük Üç Katman Üzerine Kurulur

SEO uyumlu tasarım sıralamayı tek başına yaratmaz; yalnızca kapıyı açar. Görünürlük üç katmanın üzerine kurulur ve katmanlar sırayla çalışır:

1. Teknik katman: Site hızlı, taranabilir ve hatasız olmalıdır. Bu katman tasarımla birlikte kurulur; sonradan düzeltilmesi en pahalı katmandır.
2. İçerik katmanı: Sayfanın hangi soruyu yanıtladığı. Teknik düzen doğru olsa bile içerik zayıfsa rekabet kaybedilir.
3. Otorite katmanı: Sitenizin hangi kaynaklardan güven aldığı. Yerel işletmelerde Google İşletme Profili, yerel dizinler ve müşteri bağlantıları belirleyicidir.

Muğla gibi turizm ve tarım ağırlıklı bir yerde yerel katman ayrı bir işleve sahiptir. Google İşletme Profili, müşteri yorumları ve yerel dizinlerdeki doğru adres bilgisi, tekniğin yanında güven sinyali üretir; aynı işi yapan iki işletmeden güven sinyali güçlü olan öne çıkar.

Yayın sonrası ölçüm tarafındaki adımları Google Search Console kurulum rehberimizde anlattık; teknik katmanın bozulmadığını oradan takip edebilirsiniz.

Ne Zaman Sonuç Görülür?

Dürüst cevap: hemen değil. Yeni bir site arama motorlarının gözlem sürecine girer; teknik hataların düzelmesi haftalar, içerik ve otorite katmanının oturması ise aylar alabilir. Reklam anında görünürlük getirebilir, ancak durduğunda o görünürlük de kaybolur.

Yine de ilk fark teknik katmada görülür: sayfalar taranmaya başlar, dizin hataları düşer, uzun süredir kalan sayfalar hareketlenir. Yerel rekabette güçlü sıralamalar ise istikrarlı içerik çalışmasıyla gelir. Sabır ve düzenli içerik, kalıcı sıralamanın gerçek yoludur.

Sıkça Sorulan Sorular

Tasarımı güzel yaptırmak SEO'yu tek başına çözer mi?

Hayır. Görsellik ile teknik ayrı disiplinlerdir; şık bir tasarım, doğru kurgulanmış başlık hiyerarşisi, hızlı yüklenen sayfa ve anlamlı adres yapısı anlamına gelmez. Bu yüzden iki konu birlikte düşünülmelidir.

SEO uyumlu tasarım projeyi uzatır mı?

Hayır, kurgu gereği zaman kazandırır: doğru altyapı tasarım aşamasında kurulur, sonradan yapılacak onarım maliyeti ortadan kalkar. Projeyi uzatan şey kurgu değil; süsleme, geç alınan onaylar ve yol boyunca genişleyen kapsamdır.

Hazır tema ile SEO uyumlu tasarım arasındaki fark nedir?

Hazır temalar genel amaçlıdır: aynı yapı çok sayıda sitede kullanılır, başlık hiyerarşisi ve adres yapısı sizin için ayarlanmaz, dosyalar gereksiz kodla gelir. SEO uyumlu tasarımda ise sayfa yapısı, adresler ve yük stratejisi sizin içeriğinize göre kurulur.

Yayınlanmış bir sitede SEO çalışması yapılabilir mi?

Evet; ancak planlı bir yenileme, sonradan eklenen yamalar toplamından daha temiz sonuç verir. Mevcut adreslerin korunması için yönlendirme haritasının çalışma başlamadan önce hazırlanması gerekir.

SEO için kaç sayfa gerekir?

Sayfa sayısı tek başına hedef değildir; önemli olan her sayfanın bir soruyu yanıtlaması ve sitenin bölümlerinin birbirine bağlanmasıdır. Az sayıda ama gerçekten işe yarayan sayfa, çok sayıda boş sayfadan daha iyidir.