SEO Uyumlu WordPress Teması Nasıl Olmalı?

Bir WordPress sitesinin arama motorlarındaki başarısı büyük ölçüde kullandığı temaya bağlıdır. İçerik ne kadar kaliteli olursa olsun, temanın teknik altyapısı zayıfsa Google bunu fark eder ve sıralamalarınız bundan etkilenir. WordPress tema geliştirme sürecinde öğrendiğim en önemli ders şuydu: SEO, tema kodlamaya başlamadan önce düşünülmesi gereken bir mimari kararıdır.

Bu yazıda bir WordPress temasını SEO açısından güçlü kılan teknik özellikleri, kendi geliştirdiğim temalarda uyguladığım pratikleri ve sık yapılan hataları anlatıyorum.

Tema seçimi neden SEO’nun temelidir?

Bir WordPress sitesi kurarken tema seçimi genellikle görsel bir tercih olarak değerlendirilir. Ama gerçekte tema, sitenizin HTML yapısını, yüklenme hızını, mobil uyumluluğunu ve yapılandırılmış veri desteğini doğrudan belirleyen teknik bir altyapıdır.

Google’ın sıralama algoritması yüzlerce faktörü değerlendirirken, bunların önemli bir kısmı doğrudan temanın kontrolünde olan teknik metriklerdir. Yavaş yüklenen, semantik olmayan HTML kullanan ya da mobilde düzgün görünmeyen bir tema, en iyi içerikleri bile arama sonuçlarında geri plana atar.

Kendi temalarımı geliştirirken her zaman şu prensibi izliyorum: önce teknik altyapıyı sağlamlaştır, sonra görsel tasarıma geç. Çünkü görsel tasarım her zaman değiştirilebilir ama temel HTML yapısını sonradan düzeltmek çok daha maliyetlidir.

Semantik HTML yapısı

Arama motorları sayfanızın içeriğini anlamak için HTML etiketlerine bakar. Doğru etiketleri kullanmak, Google’a “bu bölüm navigasyon, şu bölüm ana içerik, bu da alt bilgi” demenin yoludur.

HTML5 landmark etiketleri

Her WordPress temasında şu HTML5 etiketlerinin doğru kullanılması gerekir:

<header>    → Site başlığı ve navigasyon
<nav>       → Ana menü ve alt menüler
<main>      → Sayfanın birincil içeriği (tek olmalı)
<article>   → Bağımsız içerik bloğu (blog yazısı, ürün)
<section>   → İçerik bölümleri
<aside>     → Yan içerik (sidebar, ilgili yazılar)
<footer>    → Alt bilgi alanı

Birçok tema hâlâ her yerde <div> kullanıyor. Bu, arama motorları için anlamsız bir yapı oluşturur. Örneğin bir blog yazısını <article> yerine <div class="post"> içine koymak, Google’ın içeriğin bağımsız bir makale olduğunu anlamasını zorlaştırır.

Heading hiyerarşisi

Başlık etiketleri (H1-H6) SEO’nun en temel yapı taşlarından biridir. Doğru kullanım kuralları şunlardır:

Her sayfada yalnızca bir H1 olmalı — bu genellikle sayfa veya yazı başlığıdır
H2’ler ana bölüm başlıkları, H3’ler alt bölümler için kullanılmalı
Başlıklar hiyerarşik olmalı: H1 → H2 → H3 (H1’den H4’e atlamayın)
Widget başlıkları, sidebar öğeleri gibi dekoratif başlıklarda H2/H3 kullanmaktan kaçının

Kendi temalarımda sidebar widget başlıklarını <span class="widget-title"> olarak render ediyorum, böylece ana içeriğin heading hiyerarşisini bozmuyorlar.

Erişilebilirlik ve SEO ilişkisi

Erişilebilirlik (a11y) ile SEO doğrudan bağlantılıdır. ARIA etiketleri, alt text’ler ve klavye navigasyonu gibi erişilebilirlik standartları aynı zamanda arama motorlarının sayfanızı daha iyi anlamasını sağlar. Google, erişilebilir siteleri ödüllendirme eğilimindedir çünkü bu siteler genellikle daha iyi yapılandırılmış ve kullanıcı dostu olur.

Schema.org yapılandırılmış veri

Yapılandırılmış veri, arama motorlarına içeriğinizin ne olduğunu makine tarafından okunabilir bir formatta söylemenin yoludur. Google bu verileri kullanarak arama sonuçlarında zengin snippet’lar (rich results) gösterir: yıldız puanları, fiyatlar, SSS açılır menüleri gibi.

JSON-LD formatı

Schema markup eklemenin en temiz yolu JSON-LD formatıdır. Google da bu formatı önerir. Bir blog yazısı için temel BlogPosting şeması şöyle görünür:

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "SEO Uyumlu WordPress Teması Nasıl Olmalı?",
  "author": {
    "@type": "Person",
    "name": "Emre Türkmen",
    "url": "https://emreturkmen.com"
  },
  "datePublished": "2026-03-08",
  "dateModified": "2026-04-21",
  "image": "https://emreturkmen.com/wp-content/uploads/cover.jpg",
  "publisher": {
    "@type": "Organization",
    "name": "Emre Türkmen",
    "logo": {
      "@type": "ImageObject",
      "url": "https://emreturkmen.com/logo.png"
    }
  }
}

Hangi schema türlerini kullanmalısınız?

Sitenizin türüne göre farklı schema’lar gerekir:

BlogPosting: Blog yazıları için (başlık, yazar, tarih, görsel)
Product: WooCommerce ürünleri için (fiyat, stok durumu, yorumlar)
FAQPage: Sıkça sorulan sorular bölümü için (arama sonuçlarında açılır menü)
Person/Organization: Site sahibi veya şirket bilgileri için
BreadcrumbList: Sayfa yolu navigasyonu için
HowTo: Adım adım rehber içerikler için

Eklediğiniz schema’ların doğru çalışıp çalışmadığını Google Rich Results Test aracıyla kontrol edebilirsiniz.

Schema markup için eklenti gerekli mi?

Tema geliştirici olarak schema’yı doğrudan temanın functions.php dosyasına veya özel bir şablon dosyasına gömmek her zaman daha performanslıdır. Eklentiler esneklik sağlar ama gereksiz overhead ekleyebilir. Eğer tema geliştiricisi değilseniz Schema & Structured Data for WP gibi eklentiler işinizi görecektir.

Core Web Vitals optimizasyonu

Google, 2021’den itibaren Core Web Vitals metriklerini resmi sıralama faktörü olarak kullanıyor. Bu metrikler kullanıcı deneyiminin ölçülebilir göstergeleridir ve temanın teknik kalitesiyle doğrudan ilişkilidir.

LCP: Largest Contentful Paint

Sayfadaki en büyük görsel öğenin render edilme süresidir. İdeal değer 2.5 saniyenin altıdır. LCP’yi iyileştirmek için:

Hero görseline fetchpriority="high" ekleyin
Hero görseli için lazy loading kullanmayın
Görselleri WebP formatında sunun
Sunucu yanıt süresini (TTFB) düşürün — iyi bir hosting kritik
Render-blocking CSS ve JS’i minimize edin

INP: Interaction to Next Paint

Kullanıcının bir tıklama veya dokunma yaptıktan sonra tarayıcının görsel yanıt vermesi gereken süredir. Google, 2024’te FID metriğinin yerine INP’yi koydu. İyi bir INP değeri 200ms’nin altındadır. Temadaki ağır JavaScript işlemleri, event listener’lar ve DOM manipülasyonları INP’yi olumsuz etkiler.

CLS: Cumulative Layout Shift

Sayfa yüklenirken öğelerin beklenmedik şekilde yer değiştirmesidir. İdeal değer 0.1’in altıdır. CLS sorunlarının en yaygın nedenleri:

Boyut belirtilmemiş görseller — her <img> etiketine width ve height ekleyin
Geç yüklenen web fontları — font-display: swap kullanın
Dinamik olarak eklenen banner veya reklamlar — sabit alan ayırın
Geç yüklenen embed içerikler — placeholder ile alan rezerve edin

Bu metrikleri PageSpeed Insights veya Chrome DevTools’un Lighthouse sekmesinden ölçebilirsiniz. Tema performansı hakkında daha detaylı bilgi için WordPress Tema Geliştirmede Performans İpuçları yazıma göz atabilirsiniz.

Mobil uyumluluk ve responsive tasarım

Google, 2019’dan bu yana mobile-first indexing kullanıyor. Yani sitenizin mobil versiyonu, sıralamaların belirlenmesinde birincil referans olarak kullanılıyor. Masaüstünde mükemmel görünen ama mobilde bozulan bir tema, SEO açısından ciddi bir handikaptır.

Mobile-first CSS yaklaşımı

Tema CSS’ini yazarken mobile-first yaklaşımı benimsemek en sağlıklı yöntemdir. Temel stilleri mobil için yazar, büyük ekranları media query ile genişletirsiniz:

/* Temel stil: mobil */
.container {
  padding: 1rem;
  width: 100%;
}

/* Tablet ve üzeri */
@media (min-width: 768px) {
  .container {
    padding: 2rem;
    max-width: 720px;
    margin: 0 auto;
  }
}

/* Masaüstü */
@media (min-width: 1024px) {
  .container {
    max-width: 1200px;
  }
}

Dokunmatik ekran uyumluluğu

Mobil kullanıcı deneyimi için dikkat edilmesi gereken noktalar:

Tıklanabilir alanlar en az 44×44 piksel olmalı
Birbirine yakın linkler arasında yeterli boşluk bırakın
Hover efektleri mobilde çalışmaz, alternatif etkileşimler düşünün
Viewport meta etiketi doğru tanımlanmalı: <meta name="viewport" content="width=device-width, initial-scale=1">

Sayfa hızı ve teknik optimizasyon

Sayfa hızı hem kullanıcı deneyimi hem SEO için kritiktir. Google, yavaş siteleri sıralamada cezalandırır. Tema tarafında yapılabilecek temel optimizasyonlar şunlardır:

CSS/JS minification: Üretim ortamında tüm stil ve script dosyalarını sıkıştırın
Gereksiz script’leri kaldırın: wp_dequeue_script() ile kullanılmayan WordPress varsayılan script’lerini temizleyin
Async/defer: Kritik olmayan JavaScript dosyalarını ertelenmiş yükleyin
Font optimizasyonu: Sistem fontlarını tercih edin ya da Google Fonts’u yerel olarak barındırın
Görsel formatları: WebP kullanın, boyutları srcset ile optimize edin

Bu konunun detaylarını performans optimizasyonu yazımda kapsamlı şekilde ele aldım.

İç link yapısı ve navigasyon

İç linkler, Google’ın sitenizi taramasını ve sayfalar arasındaki ilişkileri anlamasını sağlar. İyi bir tema, iç link yapısını kolaylaştıran bileşenler sunmalıdır.

Breadcrumb navigasyonu

Breadcrumb (içerik haritası), hem kullanıcılar hem arama motorları için faydalıdır. Google arama sonuçlarında breadcrumb’ı doğrudan gösterir. Temaya BreadcrumbList schema’sıyla birlikte entegre edilmelidir:

<nav aria-label="Breadcrumb">
  <ol itemscope itemtype="https://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/"><span itemprop="name">Ana Sayfa</span></a>
      <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/blog/"><span itemprop="name">Blog</span></a>
      <meta itemprop="position" content="2" />
    </li>
  </ol>
</nav>

İlgili yazılar ve kategori sayfaları

Her blog yazısının altında ilgili yazılar bölümü bulunmalıdır. Bu hem kullanıcıların sitede daha fazla zaman geçirmesini sağlar (düşük bounce rate) hem de iç link ağını güçlendirir. Kategori ve etiket sayfaları da düzgün yapılandırılmalı ve noindex ile gereksiz yere dizine alınması engellenmelidir.

Meta etiketleri ve Open Graph

Temanın <head> bölümünde doğru meta etiketleri yer almalıdır:

Title tag: Her sayfa için benzersiz, 50-60 karakter
Meta description: Her sayfa için benzersiz, 150-160 karakter
Canonical URL: Yinelenen içerik sorunlarını önlemek için
Open Graph etiketleri: Sosyal medyada paylaşıldığında düzgün görünmesi için (og:title, og:description, og:image)
Twitter Card: Twitter paylaşımları için özel meta etiketleri

Bu etiketleri temaya doğrudan gömmek yerine Yoast SEO veya Rank Math gibi eklentilerle yönetmek daha pratik bir yaklaşımdır. Ancak temanın bu eklentilerle uyumlu çalışması ve çakışma yaratmaması gerekir.

Sıkça sorulan sorular

Ücretsiz WordPress temaları SEO için yeterli mi?

WordPress tema deposundaki ücretsiz temalar genellikle temel SEO gereksinimlerini karşılar. Ancak gelişmiş schema desteği, Core Web Vitals optimizasyonu ve özelleştirilebilir heading yapısı gibi özellikler genellikle premium veya özel geliştirilmiş temalarda bulunur. Eğer ciddi bir SEO stratejiniz varsa, temayı bu kriterlere göre seçmenizi veya özel geliştirmenizi öneririm.

Tema değiştirmek sıralamalarımı etkiler mi?

Evet, tema değişikliği sıralamalarınızı geçici veya kalıcı olarak etkileyebilir. URL yapısı, heading hiyerarşisi, sayfa hızı ve yapılandırılmış veri değişirse Google’ın sitenizi yeniden değerlendirmesi gerekir. Tema değiştirmeden önce mevcut performans metriklerinizi kaydedin, yeni temayı bir staging ortamında test edin ve değişiklik sonrası Search Console’u yakından takip edin.

En önemli Core Web Vital metriği hangisi?

Google üçünü de değerlendiriyor ama pratik deneyimimde LCP’nin en büyük etkiye sahip olduğunu gözlemledim. Çünkü LCP doğrudan kullanıcının “sayfa yüklendi” algısını etkiler ve genellikle düzeltilmesi en kolay olan metriktir. Hero görseli optimize etmek ve sunucu yanıt süresini düşürmek genellikle dramatik iyileşmeler sağlar.

WordPress sitenin Lighthouse skoru kaç olmalı?

Performans için 90+ hedeflemek gerçekçi ve yeterlidir. SEO ve Erişilebilirlik kategorilerinde ise 95+ skorlar elde etmek mümkündür. 100 puan takıntısına düşmemek gerekir; önemli olan gerçek kullanıcı deneyimi metriklerinin (Core Web Vitals) yeşil bölgede olmasıdır.

WooCommerce sitelerinde SEO nasıl farklılaşır?

E-ticaret sitelerinde Product schema, fiyat ve stok durumu markup’ları, ürün kategorisi sayfalarının yapılandırılması ve yinelenen ürün açıklamalarından kaçınmak ek gereksinimlerdir. WooCommerce temasının bu yapıları native olarak desteklemesi büyük avantaj sağlar. n8n ile WooCommerce otomasyonu kurarak ürün verilerinizi otomatik güncel tutmak da SEO açısından faydalıdır.

SEO uyumlu bir WordPress teması geliştirmek veya mevcut temanızı optimize etmek istiyorsanız iletişim sayfamdan bana ulaşabilirsiniz. Sorularınızı aşağıdaki yorum bölümünden de sorabilirsiniz.