SEO Uyumlu Web Tasarım Nasıl Yapılır?



Bir web sitesi ne kadar şık görünürse görünsün, arama motorlarında bulunamazsa değeri sınırlı kalır. SEO uyumlu web tasarım, görsel başarıyı arama motoru görünürlüğüyle aynı anda hedefleyen bir yaklaşımdır. Biz bu iki dünyayı her projede birleştirmeye çalışıyoruz; çünkü tasarım ve SEO, birbirinin rakibi değil, tamamlayıcısıdır.

SEO Uyumlu Web Tasarım Nedir?

SEO uyumlu web tasarım, bir sitenin hem kullanıcılar için hem de arama motorları için en iyi şekilde çalışmasını sağlayan teknik ve tasarımsal kararların bütünüdür. Burada önemli olan, SEO’yu sonradan eklenen bir katman olarak düşünmemek. İyi bir SEO temeli, tasarım sürecinin başında atılır; yoksa her adımda engelle karşılaşırsınız.

Google’ın sıralama algoritması, bir sayfayı değerlendirirken yalnızca içeriğe bakmaz. Kodun kalitesi, sayfanın yüklenme süresi, mobil deneyim, bağlantı yapısı — bunların tümü değerlendirmeye girer. Bu yüzden tasarımcı, geliştirici ve SEO uzmanı aynı sayfada olmalıdır.

Tasarım ile SEO Arasındaki Bağlantı Nedir?

Tasarım kararları doğrudan SEO performansını etkiler. Örneğin büyük ve sıkıştırılmamış görsellerle dolu bir sayfa, yüklenme süresini uzatır; bu da hem kullanıcı deneyimini hem de Google sıralamasını olumsuz etkiler. Öte yandan metin yerine görsel olarak sunulan başlıklar, arama motorlarının içeriği okumasını engeller.

Biz her tasarım kararını “Google bunu nasıl okur?” sorusuyla da test ediyoruz. Navigasyon menüsünden renk seçimine, yazı boyutundan boşluk kullanımına kadar her detay, bir şekilde SEO’yu etkiler.

SEO Uyumlu Olmayan Bir Sitenin Riskleri Nelerdir?

SEO gözetilmeden tasarlanan siteler uzun vadede ciddi sorunlarla karşılaşır. İçerik ne kadar değerli olursa olsun, teknik eksikler o içeriğin arama motorlarına ulaşmasını engeller. Bunun yanı sıra yavaş yüklenen sayfalar, ziyaretçilerin siteyi terk etmesine neden olur; bu da hem dönüşüm oranlarını hem de sıralamayı düşürür.

Mobil uyumsuzluk, duplicate içerik sorunları, bozuk iç linkler gibi teknik hatalar birikerek zamanla sitenin tüm organik trafiğini eritir. İşin gerçeği: Bu sorunları sonradan düzeltmek, başından doğru yapmaktan çok daha maliyetlidir.

Site Hızı ve Core Web Vitals Nasıl İyileştirilir?

Google, 2021’den itibaren Core Web Vitals metriklerini resmi sıralama sinyali olarak kullanıyor. LCP (en büyük içeriksel boyama), FID/INP (etkileşim gecikmesi) ve CLS (kümülatif düzen kayması) — bu üç metrik, bir sayfanın kullanıcı açısından ne kadar hızlı ve stabil göründüğünü ölçer. 2024 verilerine göre üst sıralardaki sayfaların %88’i Core Web Vitals eşiklerini geçiyor.

Biz hız optimizasyonunu üç katmanda ele alıyoruz: görsel optimizasyonu, kod yönetimi ve sunucu performansı. Her biri ayrı bir etki alanı oluşturur; biri ihmal edilince diğerleri ne kadar iyi olursa olsun toplam puan düşer.

Görseller Nasıl Optimize Edilir?

Görseller, bir web sayfasının toplam ağırlığının ortalama %50-60’ını oluşturur. Bu oranı düşürmek için kullandığımız yöntemler şunlardır:

• WebP formatı: JPEG’e göre %25-35 daha küçük dosya boyutu sunar, tüm modern tarayıcılar destekler.
• Lazy loading: Sayfanın ilk yüklemesinde yalnızca görüntülenen alandaki görseller yüklenir; kullanıcı aşağı kaydırdıkça geri kalanlar gelir.
• Doğru boyutlandırma: 2.000 piksel genişliğinde bir görseli 400 piksellik bir alanda göstermek hem bant genişliği hem de CLS açısından hatalıdır.
• Alt etiket: Her görsele açıklayıcı ve anahtar kelime içeren bir alt metin eklemek hem erişilebilirliği hem de SEO’yu güçlendirir.

JavaScript ve CSS Yükü Nasıl Azaltılır?

Gereksiz JavaScript ve CSS dosyaları, tarayıcının sayfayı render etmesini yavaşlatır. Render-blocking kaynaklar, özellikle LCP skorunu doğrudan etkiler. Kullandığımız yöntemler arasında kritik CSS’i satır içi (inline) yüklemek, gereksiz eklentileri kaldırmak ve JavaScript dosyalarını sayfa altına taşımak yer alır.

WordPress tabanlı sitelerde bu sorunu görmezden gelen onlarca aktif eklentiye rastlıyoruz. Her eklenti bir HTTP isteği demektir; bu istekler toplandığında ciddi bir yavaşlama yaratır.

Sunucu Yanıt Süresi Nasıl Hızlandırılır?

TTFB (Time to First Byte), sunucunun ilk yanıtı ne kadar sürede verdiğini gösterir. Google’ın önerisi 800ms altıdır. Bunu sağlamak için kaliteli hosting, sunucu taraflı önbellekleme (LiteSpeed Cache, Redis) ve CDN (içerik dağıtım ağı) kullanıyoruz. Özellikle Türkiye merkezli siteler için CDN ile sunucu yanıt süresi yarı yarıya düşebilir.

Mobil Uyumlu Tasarım Neden Zorunlu Hale Geldi?

Türkiye’de internet trafiğinin yaklaşık %70’i mobil cihazlardan geliyor. Bu rakam tek başına yeterli bir gerekçe olsa da, Google’ın Mobile-First İndeksleme politikası konuyu tartışmasız hale getirdi. Mobil uyumsuz bir site artık yalnızca bir kullanıcı deneyimi sorunu değil, doğrudan bir SEO sorunudur.

Google Mobile-First İndeksleme Ne Demek?

Google, bir sayfayı değerlendirirken artık masaüstü versiyonunu değil, mobil versiyonunu baz alır. Yani sitenizin masaüstünde kusursuz görünmesi ama mobilde bozuk çalışması, tüm sayfanızın düşük puan alması anlamına gelir. Bu politika 2023 itibarıyla tüm siteler için zorunlu hale geldi.

Biz her proje çıktısını hem Chrome DevTools’un mobil simülatöründe hem de gerçek cihazlarda test ediyoruz. Çünkü simülatör her zaman gerçeği yansıtmaz.

Responsive Tasarım Hangi Standartları Sağlamalı?

Sadece “sığdırma” değil, gerçek anlamda mobil öncelikli bir deneyim sunmak gerekir. Beklentimiz şu kriterlerin karşılanmasıdır:

• Dokunma hedefleri en az 48×48 piksel (parmak dostu butonlar)
• Metin boyutu en az 16px (zoom olmadan okunabilir)
• Yatay kaydırma çubuğu sıfır (sabit genişlikte elementler yok)
• Mobilde gizlenen içeriklerin Google tarafından okunabilir olması

URL Yapısı ve Başlık Etiketleri Nasıl Düzenlenmeli?

URL yapısı ve başlık hiyerarşisi, arama motorlarının bir sayfayı anlamasında en temel ipuçlarındandır. Bu iki unsuru doğru kurmak, içerik ne kadar uzun olursa olsun, sayfanın SEO potansiyelini doğrudan belirler.

SEO Dostu URL Nasıl Oluşturulur?

İdeal bir URL kısa, açıklayıcı ve anahtar kelime içerendir. Şu kuralları uyguluyoruz:

• Türkçe karakterleri URL’den kaldır: “ş→s, ı→i, ğ→g, ü→u, ö→o, ç→c”
• Kelimeler arasında kısa çizgi (-) kullan, alt çizgi (_) değil
• Gereksiz parametreler ve sayılar URL’den çıkarılmalı
• Klasör derinliği max 3 seviye: domain.com/kategori/alt-kategori/sayfa

Örneğin /blog?id=147&ref=main yerine /blog/seo-uyumlu-web-tasarim hem okunabilir hem de SEO dostu bir yapıdır.

H1-H2-H3 Hiyerarşisi Nasıl Kurulmalı?

Başlık etiketleri, sayfanın iskeletidir. Google bu etiketleri okuyarak sayfanın hangi konuyu işlediğini anlar. Temel kuralımız şudur: Her sayfada yalnızca bir H1 olur ve bu başlık sayfanın ana konusunu tam olarak yansıtır. H2’ler ana bölümleri, H3’ler ise bu bölümlerin alt konularını tanımlar.

Pratikte en sık gördüğümüz hata, tasarımsal nedenlerle başlık etiketlerini atlamak ya da sırayı karıştırmaktır. H1’den H3’e atlamak veya birden fazla H1 kullanmak, arama motorlarına çelişkili sinyaller gönderir.

Meta Etiketleri ve Schema Markup Nasıl Kullanılır?

Meta etiketleri, arama sonuçlarında sitenizin nasıl göründüğünü belirler. Schema markup ise Google’ın içeriği daha iyi anlamasını sağlar ve zengin sonuçlar (rich results) için kapı açar. Her ikisi de doğrudan sıralamayı etkilemese de tıklama oranını (CTR) ciddi ölçüde artırır.

Meta Title ve Description Nasıl Yazılır?

Meta title için önerdiğimiz format: Ana Anahtar Kelime | Marka Adı. Karakter sınırı 60’tır; bu sınırı aşan başlıklar arama sonuçlarında kesilir. Meta description 120-160 karakter arası olmalı, doğal bir şekilde yazılmış ve kullanıcıyı tıklamaya teşvik eden bir çağrı içermelidir.

Her sayfanın benzersiz bir meta title ve description’ı olmalıdır. Aynı metni birden fazla sayfada kullanmak, Google’ın hangisini öne çıkaracağını bilemediği bir rekabete dönüşür ve her iki sayfa da bundan zarar görür.

Schema Markup Neden Fark Yaratır?

Schema markup, sayfanızın içeriğini arama motorlarına yapılandırılmış bir dille anlatır. Doğru schema türleri kullanıldığında Google, sayfanızı FAQ widget’ı, ürün kartı veya yıldız derecelendirmesiyle gösterebilir. Bu zengin sonuçlar ortalama %20-30 daha yüksek CTR sağlar. Biz blog yazıları için Article schema, hizmet sayfaları için Service schema ve sıkça sorulan sorular için FAQPage schema kullanıyoruz.

Rakiplerin Atladığı Detay: UX Sinyalleri ve Google Sıralaması

Teknik SEO kontrol listelerinde pek yer bulmayan ama etkisi giderek artan bir konu var: kullanıcı davranış sinyalleri. Google, bir sayfanın organik sıralamadan ne kadar tıklama aldığını (CTR), kullanıcıların sayfada ne kadar kaldığını (dwell time) ve sonuç sayfasına geri dönüp dönmediğini (pogo-sticking) gizliden gizliye izler.

Bu sinyaller doğrudan tasarım kararlarıyla bağlantılıdır. Kötü bir tipografi, okunması güç bir renk kontrastı ya da kullanıcının aradığı bilgiye ulaşmasını engelleyen navigasyon — bunların tümü, dwell time’ı düşürür ve bounce rate’i artırır. Google bunu “bu sayfa kullanıcıyı tatmin etmedi” olarak yorumlar ve sıralamayı düşürür.

Biz bunu önlemek için her sayfada şu soruyu soruyoruz: “Kullanıcı bu sayfaya geldiğinde, aradığı cevabı 10 saniye içinde görebiliyor mu?” Eğer cevap “hayır” ise, içerik ne kadar kapsamlı olursa olsun tasarımsal bir sorun var demektir. Görsel hiyerarşi, beyaz alan kullanımı ve içeriğin sayfada konumlanma sırası — bunlar SEO’yu etkileyen ama çoğu zaman göz ardı edilen tasarım kararlarıdır.

Bir sitenin teknik alt yapısını iyi kurmanın yanı sıra, içerik mimarisini de SEO odaklı planlamak gerekir. Hangi sayfanın hangi anahtar kelimeyi hedeflediği netleştirilmeli ve bu sayfalar birbirini destekleyen iç linklerle birbirine bağlanmalıdır. Biz bu yapıyı konu silo’su (topic silo) olarak adlandırıyoruz: Ana kategori sayfaları en geniş konuyu ele alır, alt sayfalar ise bu konunun belirli yönlerini derinlemesine işler.

Sıkça Sorulan Sorular

SEO uyumlu web tasarım pahalı mıdır?

SEO uyumlu tasarım, başlangıçta biraz daha dikkat ve planlama gerektirse de uzun vadede çok daha ekonomiktir. Sonradan yapılan teknik düzeltmeler, yeniden tasarım maliyetleri ve kaybedilen organik trafik göz önüne alındığında, en baştan doğru yapılan bir tasarım her zaman kazandırır.

Web tasarım değişikliği mevcut SEO’yu sıfırlar mı?

Doğru planlanmış bir tasarım değişikliği, mevcut SEO değerini korur. Bunun için URL yönlendirmeleri (301 redirect), mevcut meta etiketlerin korunması ve içerik mimarisinin bozulmaması gerekir. Plansız yapılan bir yenileme ise organik trafiği ciddi ölçüde düşürebilir; bu yüzden süreç bir SEO denetimi ile başlamalıdır.

Tek sayfalık siteler (SPA) SEO’ya uygun mudur?

React, Vue veya Angular ile oluşturulan tek sayfalık uygulamalar, JavaScript render sorunları nedeniyle SEO açısından riskli olabilir. Google bu sayfaları her zaman doğru şekilde indeksleyemez. Bu tür projelerde sunucu taraflı render (SSR) veya statik site üretimi (SSG) kullanmak, en sağlıklı çözümdür.

Site hızı kaç saniye olmalıdır?

Google’ın önerisi, 3 saniye altında yüklenen sayfalar. Ancak rekabetçi sektörlerde üst sıraları hedefliyorsanız 2 saniyenin altı daha güvenlidir. PageSpeed Insights ve Core Web Vitals raporları bu konuda gerçekçi bir başlangıç noktası sunar.

SEO için en iyi CMS hangisidir?

Doğru yapılandırıldığında WordPress, Webflow ve Shopify gibi platformların tümü SEO için uygundur. Önemli olan CMS seçimi değil, o platform üzerindeki teknik kararların kalitesidir. Biz çoğunlukla WordPress tercih ediyoruz; ekosistemi geniş, esnekliği yüksek ve SEO araçlarıyla entegrasyonu kolaydır.