Birçok işletme sitesini önce tasarlatıp SEO'yu sonra düşünür; yayından sonra da menünün taranamadığını, görsellerin arka plan olarak eklendiğini ya da eski adreslerin kaybolduğunu fark eder. Bu sorunların çoğu tasarım aşamasında birkaç doğru kararla önlenebilir. Aşağıda SEO uyumlu bir web tasarımın temel ilkelerini Google'ın belgelerine dayanarak anlatıyoruz.
SEO uyumlu web tasarım nedir?
SEO uyumlu web tasarım, bir sitenin sayfa yapısı, menüsü, adresleri, kodu ve görsel düzeni kurulurken arama motorlarının taraması ve dizine eklemesi ile ziyaretçi deneyiminin birlikte gözetilmesidir. Amaç, güzel görünen bir sitenin Google için de okunabilir, hızlı ve mobilde eksiksiz olmasıdır.
Mobil öncelikli tasarım
Google, dizine ekleme ve sıralama için sitenin akıllı telefon tarayıcısıyla taranan mobil sürümünü kullanır. Mobil öncelikli dizine geçişin son adımında, 5 Temmuz 2024'ten sonra masaüstü tarayıcıyla taranan az sayıdaki site de mobil tarayıcıya alındı ve mobilde erişilemeyen sitelerin dizine eklenmeyeceği duyuruldu.
- Duyarlı tasarım kullanın: Google, aynı HTML'i tüm cihazlara sunup düzeni ekran genişliğine göre değiştiren duyarlı tasarımı uygulaması ve bakımı en kolay yapı olarak önerir.
- Mobilde içeriği kısmayın: Masaüstündeki başlıklar, metinler, yapısal veri ve meta etiketler mobilde de aynı olmalı.
- Tıklama gerektiren içeriğe dikkat: Yalnız kaydırma, tıklama ya da yazma ile yüklenen içeriği Google göremeyebilir; geç yükleme (lazy load) doğru kurulmalı.
Tasarım kararları ve SEO etkisi
| Tasarım kararı | Yanlış uygulama | Doğru uygulama |
|---|---|---|
| Menü ve bağlantılar | onclick olayı ya da span ile yapılmış tıklanabilir alanlar | href özniteliği olan a etiketi; açıklayıcı bağlantı metni |
| Adres yapısı | index.php?id=42&k=3 gibi anlamsız parametreler, # ile değişen içerik | Okunabilir kelimeler, kelimeler arasında tire (-), içerik değişimi için History API |
| Görseller | Önemli görselleri CSS arka planı olarak eklemek | img etiketi, anlamlı alt metin ve dosya adı, srcset ile duyarlı boyut |
| Başlıklar | Logoyu ya da slider yazısını H1 yapmak | Her sayfada konuyu anlatan tek H1 ve sıralı alt başlıklar |
| Açılır pencereler | İçeriği kapatan, ilk girişte çıkan tam ekran pencereler | İçeriği engellemeyen, kolay kapanan bildirimler |
| Görsel yazılar | Başlık ve metinleri resmin içine yazmak | Metni HTML olarak yazıp görselin üzerine yerleştirmek |
Google, bir bağlantıyı yalnız href özniteliği olan a etiketiyse güvenilir biçimde tarayabildiğini ve CSS arka plan görsellerini dizine eklemediğini açıkça belirtir. Başlık yapısının ayrıntılarını H1 etiketi nasıl belirlenir, ana sayfa görsellerini SEO uyumlu slider ve görsel SEO yazılarımızda anlattık.
Sayfa deneyimi: hız, güvenlik, düzen
Google, sıralama sistemlerinin iyi sayfa deneyimi sunan içeriği ödüllendirmeyi amaçladığını ve Core Web Vitals ölçülerinin bu sistemlerde kullanıldığını belirtir. Aynı belge, en alakalı içeriğin sayfa deneyimi zayıf olsa bile gösterilebileceğini de hatırlatır; yani hız içeriğin yerini tutmaz, ama benzer içerikler arasında fark yaratır.
2,5 sn LCP için iyi eşik
200 ms INP için iyi eşik
0,1 CLS için iyi eşik
Tasarımcının en çok etkilediği ölçü CLS'dir: boyutu belirtilmemiş görseller, sonradan yüklenen banner'lar ve yazı tipi değişimleri sayfanın kaymasına yol açar. Hız ölçülerini Speed Index nedir yazımızda, HTTPS'in önemini SSL sertifikası nedir yazımızda anlattık.
Site yenilerken sıralamayı korumak
Yeni tasarım çoğu zaman yeni adres yapısıyla gelir. Eski adresler yeni karşılıklarına yönlendirilmezse Google'daki birikim sıfırlanabilir. Google, yönlendirmeyi hedef adresin standart (canonical) sürüm olması için güçlü bir sinyal olarak tanımlar.
- Eski adresleri listeleyin Site haritası ve Search Console'daki en çok tıklanan sayfalardan tam bir liste çıkarın.
- Eşleştirme tablosu hazırlayın Her eski adresin yeni karşılığını belirleyin; kaldırılan sayfalar için en yakın konuyu seçin.
- 301 yönlendirmeleri kurun Yayına alındığı anda tüm eski adresler kalıcı olarak yeni adreslere gitsin.
- İç bağlantıları güncelleyin Menü ve metin içi bağlantılar doğrudan yeni adresleri göstersin, yönlendirme zinciri oluşmasın.
- Search Console'u izleyin Yeni site haritasını gönderin; ilk haftalarda dizin kapsamı ve 404 hatalarını takip edin.
- Tüm sayfalar mobilde eksiksiz ve okunaklı
- Menü ve bağlantılar href içeren a etiketiyle kurulu
- Adresler kısa, okunabilir ve tireli
- Önemli görseller img etiketiyle, alt metinli ve boyutları belirtilmiş
- Her sayfanın tek H1'i, title etiketi ve meta açıklaması var
- Site HTTPS ile açılıyor, içeriği kapatan açılır pencere yok
- Eski adresler için 301 yönlendirme tablosu hazır
Teknik tarafın ayrıntılarını teknik SEO'nun altın kuralları, mobil beklentileri mobil uyumlu e-ticaret siteleri yazılarımızda bulabilirsiniz. WebAction olarak kurumsal sitelerde başlık yapısı, adres planı, görsel düzeni ve yönlendirmeleri tasarımın parçası olarak kuruyoruz; paketleri kurumsal web tasarım sayfamızda inceleyebilirsiniz.
Sık sorulan sorular
Hazır tema ile SEO uyumlu site yapılır mı?
Yapılabilir, ama temanın başlık yapısı, menü kodu ve hızı kontrol edilmelidir. Logonun H1 olması, ağır slider'lar ve gereksiz betikler hazır temalarda en sık görülen sorunlardır.
Site yenilemek Google sıralamasını düşürür mü?
Eski adresler 301 ile yeni adreslere yönlendirilir, içerik ve başlıklar korunursa kalıcı bir kayıp beklenmez. Yönlendirme yapılmazsa eski sayfaların sıralaması kaybolabilir.
Mobil uyumlu site SEO için zorunlu mu?
Google siteleri akıllı telefon tarayıcısıyla tarar ve mobilde erişilemeyen içeriği dizine eklemez. Bu yüzden mobilde eksiksiz çalışan bir site fiilen zorunludur.
URL'lerde Türkçe karakter kullanılabilir mi?
Google, ASCII dışı karakterlerin adreste kodlanarak (percent-encoding) kullanılabileceğini belirtir. Paylaşımda okunaklı kalması için Türkçe siteler çoğunlukla karaktersiz, tireli adresleri tercih eder.
Kaynaklar
- Google Search Central, Mobil öncelikli dizine ekleme için en iyi uygulamalar (28.09.2026)
- Google Search Central Blog, Mobil öncelikli dizine geçişin son adımı (Haziran 2024) (28.09.2026)
- Bağlantılar için SEO en iyi uygulamaları (28.09.2026)
- Google Görseller SEO en iyi uygulamaları (28.09.2026)
- Google Search Central, Sayfa deneyimi (28.09.2026)
- Standart URL belirtme ve yönlendirmeler (28.09.2026)
