SEO Uyumlu Web Sitesi Tasarımı: Kodlamadan Önce Verilmesi Gereken 10 Karar

SEO uyumlu web sitesi tasarımı, sitenin görsel tasarımı bittikten sonra bir SEO uzmanının "üstüne bir şeyler eklemesi" değildir. Sayfa yapısı, adresler, başlıklar, içerik planı ve teknik altyapı tasarım aşamasında belirlenir; sonradan değiştirmek hem pahalıdır hem de arama görünürlüğü açısından risklidir. Bu yazı, kodlamaya başlamadan önce netleştirmeniz gereken 10 kararı ve bir yayın öncesi kontrol listesini anlatıyor.

SEO Uyumlu Web Sitesi Nedir?

SEO uyumlu web sitesi; arama motorlarının kolayca tarayıp anlayabileceği, hızlı ve mobilde sorunsuz çalışan, ziyaretçinin sorusuna yararlı cevap veren içerikle kurulmuş sitedir. Google'ın kendi ifadesiyle amaç, arama motorları için değil insanlar için yararlı ve güvenilir içerik üretmektir; teknik yapı bu içeriğin bulunabilir olmasını sağlar. Temel başlangıç noktası Google Search Central SEO başlangıç kılavuzudur.

Karar 1: Anahtar Kelimeleri Sayfalara Eşleyin

SEO'nun en sık atlanan adımı, hangi aramanın hangi sayfayı hedeflediğini yazılı hale getirmektir. Her sayfa tek bir ana konuya odaklanmalı; iki sayfa aynı aramayı hedefliyorsa birbirleriyle rekabet eder (buna kelime yamyamlığı denir). Küçük bir eşleme tablosu tasarımı yönlendirir:

Sayfa	Ana arama niyeti	Örnek
Ana sayfa	Marka ve genel hizmet	"[Şehir] muhasebe ofisi"
Hizmet sayfası	İşlem odaklı	"şirket kuruluşu hizmeti"
Blog yazısı	Bilgi odaklı	"şirket kurmak için gerekli belgeler"
Karşılaştırma yazısı	Karar öncesi	"şahıs şirketi mi limited şirket mi"

Tablodaki örnekler yalnızca mantığı göstermek içindir; kendi arama verinizi Search Console ve anahtar kelime araçlarıyla doğrulayın.

Karar 2: Sayfa Hiyerarşisini ve URL'leri Belirleyin

URL yapısı yayınla birlikte "sabitlenir"; sonradan değiştirmek yönlendirme ve görünürlük riski taşır. Kısa, okunabilir, Türkçe karaktersiz ve tireli adresler kullanın; hiyerarşiyi yansıtın. Sayfa yapısının ayrıntısı için bilgi mimarisi yazımıza bakın.

Karar 3: Her Sayfa İçin Benzersiz Başlık Şablonu

Title etiketi, arama sonucundaki tıklanabilir başlıktır. Ana konuyu başta, marka adını sonda yazın; her sayfada benzersiz olsun. Uzunluk için kesin sınır yoktur; Google başlığı piksel genişliğine göre kısaltır, bu yüzden yaklaşık 55-60 karakter iyi bir hedeftir. Google, başlık bağlantısını farklı kaynaklardan da üretebileceğini belgelerinde belirtir; net ve sayfayla tutarlı bir title bunu en aza indirir.

Karar 4: Tek H1 ve Mantıklı Başlık Hiyerarşisi

Her sayfada sayfanın konusunu söyleyen bir H1, bölümler için H2, alt bölümler için H3 kullanın. Başlık seviyesini görsel boyut için seçmeyin; boyutu CSS belirlesin. Başlık hiyerarşisi hem ekran okuyucular hem arama motorları hem de yapay zekâ özetleri için sayfanın iskeletidir.

Karar 5: Meta Description'ı Tıklama İçin Yazın

Meta description doğrudan sıralama faktörü değildir, ancak arama sonucunda gösterilen özet olabilir ve tıklama oranını etkiler. Sayfanın faydasını ve eylemi tek cümlede verin. Google özeti sayfa içeriğinden de üretebilir; bu normaldir. Meta keywords etiketi ise sıralamada kullanılmaz, zaman harcamayın.

Karar 6: Görsel ve İçerik Biçimleri

• Metni görsel içine gömmeyin: Görselin içindeki yazı ne arama motoru ne ekran okuyucu tarafından güvenilir okunur.
• Alt metin yazın: Görsel içerik anlam taşıyorsa açıklayıcı alt metin, sadece süsse boş alt öznitelik kullanın.
• Dosya adı anlamlı olsun: kurumsal-web-sitesi-ornek.webp, IMG_4021.jpg'den iyidir.
• Önemli içeriği gizli sekmelere saklamayın: Mobil sürümde erişilebilir kalsın.

Karar 7: İç Linkleme Planı

Her sayfanın hangi sayfalara bağlanacağını tasarım aşamasında çizin. Hizmet sayfaları ilgili yazılara, yazılar hizmet sayfalarına, tüm sayfalar iletişime bağlanmalıdır. Bağlantı metni gideceği yeri tarif etmeli. Hiçbir önemli sayfa "yetim" kalmamalı.

Karar 8: Yapılandırılmış Veri

Yapılandırılmış veri (JSON-LD), sayfanın içeriğini arama motorlarına makine okunur biçimde anlatır. İşletme siteleri için tipik türler: Organization (işletme bilgisi), yerel işletmeler için LocalBusiness, sayfa hiyerarşisi için BreadcrumbList, yazılar için BlogPosting. Genel bilgi için Google'ın yapılandırılmış veri girişi yararlı bir başlangıçtır.

İki dürüst not: (1) Yapılandırılmış veri, sayfada görünen içeriği yansıtmalıdır; görünmeyen bilgiyi şemaya yazmak kurallara aykırıdır. (2) FAQPage şemasının zengin sonuç göstermesi 2023'ten beri köklü devlet ve sağlık siteleriyle sınırlıdır; işletme siteleri için şema garanti görünürlük getirmez.

Karar 9: Site Haritası, robots.txt ve Canonical

• Site haritası: İndekslenmesi istenen tüm sayfaları listeler; yeni sayfa eklendiğinde otomatik güncellenmelidir.
• robots.txt: Taranmasını istemediğiniz alanları belirler; yanlış yazılmış bir kural tüm siteyi arama sonuçlarından çıkarabilir, yayından önce mutlaka kontrol edin.
• Canonical: Aynı içeriğe birden fazla adresten ulaşılıyorsa ana adresi belirtir.
• Hata sayfaları: Bulunamayan sayfa gerçekten 404 durum kodu döndürmeli; kullanıcıya ise yol gösteren bir 404 sayfası sunulmalı.

Karar 10: Geçiş ve Yönlendirme Planı

Mevcut bir siteniz varsa bu karar en yüksek risk taşıyandır. Eski sitedeki her değerli adres, yeni sitedeki karşılığına 301 ile yönlendirilmelidir. Aksi halde arama motorunun onlarca sayfa için biriktirdiği güven kaybolur. Geçiş planı şunları içermeli:

1. Eski sitedeki tüm adreslerin listesi (Search Console ve site haritasından alınabilir).
2. Her adres için yeni karşılığı veya bilinçli olarak kaldırma kararı.
3. Yayın günü 301 yönlendirmelerinin test edilmesi.
4. Yeni site haritasının Search Console'a gönderilmesi.
5. İlk 4-6 hafta tarama hatalarının ve indeks durumunun izlenmesi.

SEO Uyumlu Site İçin Yayın Öncesi Kontrol Listesi

Kontrol	Nasıl doğrulanır?
Her sayfada tek H1 var	Sayfa kaynağı veya tarayıcı eklentisi
Title ve description benzersiz	Site tarama aracı
Site HTTPS ile açılıyor	Tarayıcı, HTTP'den HTTPS'e yönlendirme testi
Site haritası doğru ve erişilebilir	/sitemap.xml adresini açın
robots.txt siteyi engellemiyor	/robots.txt adresini okuyun
301 yönlendirmeleri çalışıyor	Eski adresleri tek tek deneyin
Mobil ve hız kabul edilebilir	Lighthouse, PageSpeed Insights
Yapılandırılmış veri hatasız	Google Zengin Sonuçlar Testi
Search Console doğrulandı	Mülk eklenmiş ve site haritası gönderilmiş

Arama Niyetine Göre Sayfa Şablonu

Aynı konu için farklı kişiler farklı niyetle arama yapar. Sayfa şablonunu niyete göre kurmak, hem sıralamada hem dönüşümde fark yaratır. Dört temel niyet ve karşılık gelen sayfa yapısı:

Niyet	Örnek arama	Uygun sayfa	Sayfada olması gerekenler
Bilgi edinme	"web sitesi tasarımı nasıl yapılır"	Blog yazısı, rehber	Kısa cevap, adım adım anlatım, sık sorulan sorular, ilgili hizmete yumuşak yönlendirme
Karşılaştırma	"wordpress mi özel yazılım mı"	Karşılaştırma yazısı	Karşılaştırma tablosu, hangi durumda hangisi, dürüst sonuç
Ticari araştırma	"web tasarım firması seçimi"	Seçim rehberi, hizmet sayfası	Kriterler, referanslar, süreç ve kapsam şeffaflığı
İşlem	"web sitesi teklifi al"	Hizmet sayfası, iletişim	Net eylem çağrısı, kısa form, güven unsurları

Yaygın bir hata, işlem niyetli sayfayı bilgi niyetli metinle doldurmak veya tersini yapmaktır. Arama sonucunda "teklif al" arayan kişi bir hizmet sayfası bekler; uzun bir makale karşılayan site onu kaybeder.

E-E-A-T Sinyallerini Tasarıma Yerleştirmek

E-E-A-T (deneyim, uzmanlık, otorite, güvenilirlik), Google'ın kalite değerlendirme çerçevesinde kullandığı bir kavramdır; doğrudan bir sıralama puanı değildir ancak sistemlerin yararlı ve güvenilir içeriği ayırt etmeye çalıştığı yönü gösterir. Bunu tasarımda somut öğelere çevirebilirsiniz:

• Yazar ve yayıncı bilgisi: Kimin yazdığı, kimin adına yayımlandığı açıkça görünsün.
• Hakkımızda ve iletişim sayfası: Şirketin gerçek bilgileri, çalışma prensipleri ve ulaşım yolları.
• Kaynak gösterme: Sayı ve iddiaların kaynak bağlantısı.
• Tarih bilgisi: Yayın ve gerçekten yapılmış güncelleme tarihi (sahte güncelleme yapmayın).
• Gerçek kanıt: Referans, proje örneği ve müşteri görüşü; uydurma yorum asla.
• Deneyim gösteren içerik: Kendi çalışmanızdan somut örnek, süreç ve öğrenilen ders.

Search Console Kurulumu: Adım Adım

Yayın öncesinde veya hemen sonrasında kurulması gereken en önemli araç Google Search Console'dur. Ücretsizdir ve sitenizin aramadaki durumunu doğrudan Google'dan gösterir.

1. Mülk ekleyin: Mümkünse tüm alt alan adlarını ve protokolleri kapsayan "alan adı" mülk türünü seçin.
2. Sahipliği doğrulayın: Alan adı mülkleri genellikle DNS kaydıyla doğrulanır; bu nedenle alan adı erişim bilgisi kritiktir.
3. Site haritasını gönderin: /sitemap.xml adresini Site Haritaları bölümünden ekleyin.
4. Sayfa indeksleme raporuna bakın: Hangi sayfaların dizinde olduğunu, hangilerinin neden olmadığını gösterir.
5. Performans raporunu izleyin: Gösterim, tıklama ve sorgu verisi; hangi aramalarda göründüğünüzü öğretir.
6. Temel Web Verileri ve HTTPS raporlarını kontrol edin: Hız ve güvenlik sorunlarını erken yakalar.

Verinin birikmesi zaman alır; kurulumu ne kadar erken yaparsanız, ilerideki karar için o kadar çok geçmiş veriniz olur.

Filtre, Sayfalama ve Parametreler (E-ticaret ve Kataloglar)

Ürün veya içerik sayısı arttıkça, filtreleme ve sıralama parametreleri aynı içeriğin yüzlerce farklı adresini üretebilir. Bu hem tarama bütçesini boşa harcar hem de kopya içerik sorunu yaratır. Uygulamada:

• Aynı içeriğin farklı parametreli sürümleri için canonical etiketiyle ana adresi belirtin.
• Aramada görünmesi anlamsız filtre kombinasyonlarını taramadan dışlayın (robots.txt veya noindex) ve bunu dikkatle test edin.
• Sayfalanmış listelerde her sayfanın kendi bağlantısı ve benzersiz başlığı olsun; Google artık sayfalama için rel=next ve rel=prev işaretlerini kullanmadığını belirttiği için, sayfalar arasında normal bağlantılar kurun.
• Değerli bir filtre sayfası (örneğin "kırmızı ayakkabı") gerçekten arama talebi görüyorsa, ona ayrı, özgün içerikli bir sayfa tasarlayın.

Bu konular e-ticaret projelerinde ayrı bir uzmanlık gerektirir; bkz. e-ticaret yazılım çözümlerimiz.

Çok Dilli Sitelerde Hreflang

Sitenizi birden fazla dilde yayınlayacaksanız her dil için ayrı adres kullanın (örneğin /en/) ve sayfaların dil eşleşmelerini hreflang ile bildirin; böylece Google doğru dildeki sayfayı doğru kullanıcıya gösterir. Otomatik çevrilmiş ve gözden geçirilmemiş içerik yerine, gerçekten uyarlanmış çeviriye öncelik verin. Her dil sürümünün kendi title, description ve iç bağlantıları olmalıdır.

Tasarım ve Yazılım Ekibine Sorulacak 10 SEO Sorusu

SEO'yu iyi bir sözleşme maddesine dönüştürmenin yolu, doğru soruları erken sormaktır. Bir web projesine başlarken tasarım ve yazılım ekibine şunları sorun:

1. Sayfalar sunucu tarafında mı oluşturuluyor, yoksa içerik yalnızca tarayıcıda çalışan kodla mı görünüyor?
2. Her sayfa için benzersiz title, description ve tek H1 düzenlenebilir mi?
3. URL yapısı okunabilir ve kalıcı mı? Değişirse yönlendirme nasıl yönetilecek?
4. Site haritası otomatik güncelleniyor mu?
5. Görseller optimize ediliyor mu, alt metin girilebiliyor mu?
6. Yapılandırılmış veri (Organization, BreadcrumbList, BlogPosting) kurulabiliyor mu?
7. Eski siteden geçiş için 301 yönlendirme planı var mı?
8. Test ortamı arama motorlarına kapalı mı?
9. Core Web Vitals hedefi var mı ve yayın öncesi ölçülüyor mu?
10. Yayından sonra Search Console ve analiz kurulumunu kim yapıyor?

Cevapların çoğu "evet" değilse, SEO'yu sonradan eklemek zorunda kalırsınız; bu da hem maliyeti hem riski büyütür. Ekibin bu sorulara verdiği cevabın netliği, teknik olgunluğunun da iyi bir göstergesidir.

SEO ile Tasarımın Çatışmaması İçin

SEO ve tasarım çoğu zaman çatışır gibi görünür: tasarımcı sade bir sayfa ister, SEO uzmanı daha fazla metin. Ortak zemin, içeriği ziyaretçinin ihtiyacına göre katmanlamaktır: önce kısa ve net cevap, sonra isteyenler için derinlik. Bu yaklaşım hem kullanıcı deneyimini hem arama motorlarının anlayışını destekler. Bu yaklaşımın yapay zekâ aramalarındaki karşılığını yapay zekâ aramaları için web sitesi tasarımı yazımızda ele aldık.

Yayın sonrası daha derin bir teknik inceleme gerekirse teknik SEO denetimi rehberimizi kullanabilirsiniz. Tasarım sürecinin tamamı için işletmeler için web sitesi tasarımı rehberimize bakın. Siteniz için SEO altyapısını tasarımla birlikte kurmak isterseniz web site geliştirme hizmetimizi inceleyebilir veya iletişime geçebilirsiniz.

Web Sitesi Tasarımı Rehber Serisindeki Diğer Yazılar

Bu yazı, işletmeler için web sitesi tasarımını farklı açılardan ele alan bir serinin parçası. İlgilendiğiniz konuya doğrudan geçebilirsiniz:

• İşletmeler için web sitesi tasarımı rehberi
• Profesyonel web sitesi tasarımının 12 ölçütü
• Kurumsal web sitesi sayfa yapısı ve bilgi mimarisi
• Web sitesi tasarım süreci: adım adım
• Mobil uyumlu web sitesi tasarımı
• Web sitesi hızı ve Core Web Vitals
• Yapay zekâ aramaları için web sitesi tasarımı
• Dönüşümü düşüren web sitesi tasarım hataları
• Yerel işletmeler için web sitesi tasarımı