SEO Uyumlu Web Tasarım: Kontrol Listesi

01SEO Uyumlu Site Neden Baştan Kurulur?

SEO çoğu zaman site yayına girdikten sonra eklenen bir hizmet gibi düşünülür. Oysa arama görünürlüğünü belirleyen kararların önemli bir kısmı tasarım ve geliştirme aşamasında verilir: sayfa yapısı, URL düzeni, başlıkların nasıl kodlandığı, görsellerin nasıl yüklendiği, sayfaların hangi teknolojiyle oluşturulduğu.

Bu kararlar yanlış verildiğinde, sonradan yapılan SEO çalışması bir binanın temelini dışarıdan yamamaya benzer. URL yapısını değiştirmek yönlendirme gerektirir, ağır bir arayüzü hafifletmek yeniden kodlama ister. Baştan doğru kurmak, hem daha ucuz hem daha kalıcıdır.

Aşağıdaki kontrol listesi, bir web projesinin planlama ve geliştirme aşamasında gözden geçirilmesi gereken teknik ve yapısal maddeleri toplar.

02Site Yapısı ve URL Düzeni

Arama motorları siteyi bağlantılar aracılığıyla keşfeder. Mantıklı bir hiyerarşi hem kullanıcının hem de tarayıcının aradığını kolay bulmasını sağlar. Site yapısı ve SEO ilişkisi bu nedenle doğrudandır: önemli sayfalar anasayfadan birkaç tıklamayla ulaşılabilir olmalıdır.

• Her hizmet ya da ürün grubu için ayrı, kalıcı bir sayfa planlayın.
• URL’leri kısa, okunur ve Türkçe karaktersiz yazın: /web-tasarimi/kurumsal-web-sitesi/ gibi.
• URL’lerde tarih, kimlik numarası ya da gereksiz parametre kullanmayın.
• Büyük ve küçük harf, sondaki eğik çizgi ve www tercihini tek bir biçimde sabitleyin.
• Breadcrumb (içerik haritası) ile sayfanın sitedeki yerini gösterin.
• Sahipsiz (hiçbir yerden bağlantı almayan) sayfa bırakmayın.

03Başlık Hiyerarşisi ve Meta Etiketler

Görsel tasarımda başlıklar boyut ve renkle ayrışır; kodda ise H1’den H6’ya kadar etiketlerle. Tasarımcı bir metni büyük göstermek istediği için H1 kullanırsa ya da geliştirici tüm başlıkları aynı etiketle kodlarsa, arama motoru sayfanın yapısını yanlış anlar.

• Her sayfada yalnızca tek bir H1 olsun ve sayfanın ana konusunu anlatsın.
• H2 ve H3’ler sırayla, içerik bölümlerini yansıtacak biçimde kullanılsın.
• Görsel boyut için başlık etiketi değil CSS sınıfı kullanılsın.
• Her sayfanın benzersiz bir title etiketi olsun; ana anahtar ifade başa yakın dursun.
• Meta açıklama sayfanın faydasını anlatsın; tüm sayfalarda aynı metin tekrarlanmasın.
• Paylaşım görünümü için Open Graph etiketleri tanımlansın.

<title>Kurumsal Web Sitesi Tasarımı | Firma Adı</title>
<meta name="description" content="Sayfanın faydasını anlatan kısa açıklama.">
<link rel="canonical" href="https://www.ornek.com/web-tasarimi/kurumsal-web-sitesi/">
<meta property="og:title" content="Kurumsal Web Sitesi Tasarımı">
<meta property="og:image" content="https://www.ornek.com/img/paylasim.jpg">

04Hız ve Core Web Vitals

Sayfa hızı, tasarım kararlarıyla doğrudan ilişkilidir. Büyük bir açılış videosu, çok sayıda yazı tipi kalınlığı ya da ağır animasyon kütüphaneleri, kodlama ne kadar iyi olursa olsun sayfayı yavaşlatır.

Google’ın Core Web Vitals eşikleri tasarım hedefi olarak kullanılabilir: LCP için 2,5 saniye, INP için 200 milisaniye, CLS için 0,1. Metriklerin ayrıntısını Core Web Vitals nedir yazımızda, uygulanabilir yöntemleri ise site hızı nasıl artırılır rehberimizde anlattık.

• Görseller WebP ya da AVIF formatında, doğru boyutta ve genişlik-yükseklik bilgisiyle.
• Ekran dışındaki görseller geç yükleniyor; ana görsel öncelikli.
• Yazı tipleri WOFF2, yalnız gereken kalınlıklar ve karakter setiyle.
• Kullanılmayan CSS ve JavaScript yok; kritik olmayan betikler ertelenmiş.
• Önbellek, sıkıştırma ve gerekirse CDN ayarlı.

05Mobil Uyum ve Erişilebilirlik

Google, sitelerin dizine eklenmesinde öncelikli olarak mobil sürümü kullanır. Mobilde gizlenen ya da kısaltılan içerik, arama motorunun gözünde de eksik sayılabilir. Bu yüzden mobil tasarımda içeriği kırpmak yerine düzeni yeniden kurgulamak gerekir; ayrıntılar mobil uyumlu tasarım sayfamızda.

Erişilebilirlik ile SEO da çoğu noktada örtüşür. Görsellere anlamlı alternatif metin, açıklayıcı bağlantı metinleri, doğru başlık sırası ve yeterli renk kontrastı hem engelli kullanıcıların hem de arama motorlarının içeriği anlamasını kolaylaştırır.

06Teknik SEO Tasarım Ayarları

Görünmeyen ama kritik olan teknik ayarlar, sitenin taranıp dizine eklenmesini belirler. Teknik SEO tasarım aşamasında şu maddeler kontrol edilmelidir:

• Tüm site https üzerinden açılıyor, http adresleri kalıcı olarak yönleniyor.
• XML site haritası otomatik güncelleniyor ve Search Console’a gönderiliyor.
• robots.txt yalnızca gerçekten taranmaması gereken alanları engelliyor.
• Her sayfada doğru canonical adresi tanımlı; filtre ve sıralama sayfaları kopya içerik üretmiyor.
• Özel ve işe yarar bir 404 sayfası var; kırık bağlantı yok.
• Çok dilli sitelerde hreflang etiketleri ve dil başına ayrı URL kullanılıyor.
• İçerik, JavaScript çalışmadan da HTML içinde görünüyor.

User-agent: *
Disallow: /panel/

Sitemap: https://www.ornek.com/sitemap.xml

07Yapılandırılmış Veri

Yapılandırılmış veri, sayfadaki bilgilerin ne anlama geldiğini arama motoruna standart bir dille anlatır: bu bir işletmedir, adresi budur, bu bir ürün ve fiyatı budur, bu bir sık sorulan sorudur. Schema.org sözlüğü ve JSON-LD biçimi en yaygın kullanılan yöntemdir.

Yapılandırılmış veri sıralamayı doğrudan yükseltmez ama arama sonuçlarında zengin görünümlere uygun olmayı ve içeriğin doğru anlaşılmasını destekler. İşaretlemelerin sayfada gerçekten görünen bilgilerle birebir uyumlu olması gerekir.

• Kurumsal sitelerde Organization ya da LocalBusiness
• Hizmet ve ürün sayfalarında Service ya da Product
• Blog yazılarında Article, içerik haritasında BreadcrumbList
• SSS bölümlerinde FAQPage

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Firma Adı",
  "url": "https://www.ornek.com/",
  "logo": "https://www.ornek.com/img/logo.png",
  "telephone": "+90-000-000-00-00"
}
</script>

08İçerik ve İç Bağlantı Planı

Teknik altyapı ne kadar sağlam olursa olsun, arama motorunu ziyaretçiye ulaştıran içeriktir. Tasarım aşamasında her sayfanın hangi arama niyetini karşılayacağını belirlemek, metin alanlarının ve bölümlerin buna göre planlanmasını sağlar. Anahtar kelime araştırması site haritasıyla birlikte yapılmalıdır.

İç bağlantılar, sayfalar arasında hem kullanıcıyı hem de sıralama gücünü taşır. Hizmet sayfalarından ilgili blog yazılarına, blog yazılarından hizmet sayfalarına doğal ve açıklayıcı metinlerle bağlantı verin. “Buraya tıklayın” yerine “kurumsal web sitesi tasarımı” gibi anlamlı ifadeler kullanın.

Mevcut bir siteyi yenilerken bu planı eski içerikle karşılaştırmak, değerli sayfaların kaybolmasını önler. Yenileme sürecinde dikkat edilecekleri web sitesi yenileme rehberimizde topladık; diğer tasarım yazılarımıza web tasarım kategorisinden ulaşabilirsiniz.

09Yayından Sonra Ölçüm

SEO uyumlu bir site, yayın gününden itibaren ölçülmelidir. Search Console’a siteyi ekleyin, site haritasını gönderin, dizinleme ve Core Web Vitals raporlarını izleyin. Analiz aracında organik trafiği, açılış sayfalarını ve dönüşümleri ayrı ayrı takip edin.

İlk aylarda hangi sayfaların görünürlük kazandığını, hangi sorgularda gösterildiğinizi ve tıklama oranlarını inceleyerek içerik ve başlıkları güncelleyin. Bu süreç sürekli bir çalışmadır; düzenli raporlama ve iyileştirme için SEO ve analiz hizmetimizden destek alabilirsiniz. Hız tarafında sürekli izleme için hız ve performans yönetimi çalışması da bu takvime dahil edilmelidir.