WORDPRESS İÇİNDEKİLER
TABLOSU MÜHENDİSLİĞİ
Neden Kimse Yazılarını Okumuyor?
Dürüst olalım: 3000 kelimelik harika bir içerik yazdın. Anahtar kelimeleri serpiştirdin. Ama Analytics’e baktığında kullanıcıların sayfanı 12. saniyede terk ettiğini (Bounce Rate) görüyorsun. Neden? Çünkü bugünün kullanıcısı okumaz, tarar. İstediği bilgiyi saniyeler içinde bulamazsa, rakibine gider.
İşte bu noktada devreye basit bir liste değil, stratejik bir navigasyon mimarisi giriyor. Sadece kullanıcının hayatını kurtarmakla kalmayıp, Google botlarına sitenin anlamsal (semantic) haritasını çıkaran o yapıdan bahsediyorum.
“İyi bir içerik kullanıcıyı sayfada tutar. Kusursuz bir içindekiler tablosu ise Google’a o içeriğin hangi sorgulara cevap verdiğini fısıldar.”
WordPress içindekiler tablosu (Table of Contents – ToC), uzun metinlerdeki H2 ve H3 başlıklarını hiyerarşik olarak tarayarak sayfa başına tıklanabilir çapa (anchor) linkleri ekleyen navigasyon sistemidir. Kullanıcı deneyimini (UX) iyileştirirken, arama motorlarında sitenize ek “Jump-to” (İlgili bölüme atla) site bağlantıları kazandırır.
Sadece Eklenti Kurup Geçmeyeceğiz.
Bu rehberin sonunda, herkesin kullandığı o standart eklentilerin arkasındaki ölümcül UX hatasını ve mobil cihazlarda dönüşümlerini %40 artıracak o gizli CSS Scroll-Padding matematiğini açıklayacağım. Oraya gelene kadar zihnindeki taşları yerine oturtman lazım.
Sırra Git →İçindekiler Tablosu SEO’yu Nasıl Manipüle Eder?
Sektördeki en büyük yanılgı, ToC (Table of Contents) yapısının sadece okuyucuya “kolaylık” sağladığı sanrısıdır. Oysa arka planda Google botlarına verdiğin çok net bir komut vardır: “Benim içeriğim bu alt kavramları (entity) kapsıyor.”
İçindekiler Tablosu Neden Kesinlikle Zorunludur?
2026 yılı arama motoru algoritmaları, Passage Indexing (Pasaj İndeksleme) üzerine kuruludur. Google artık sadece sayfayı değil, sayfanın içindeki spesifik bir paragrafı sıralamaya sokar. İçindekiler tablosundaki her bir link (anchor link), Google’a “Bu başlık bağımsız bir bilgi parçasıdır” sinyali verir.
Bir kullanıcı Google’a “WordPress içindekiler tablosu eklentisi önerisi” yazdığında, Google onu sayfanın en başına değil, doğrudan o başlığın olduğu yere (Jump link ile) indirir. Bu listeyi kurmazsan, o trafiği rakiplerine hediye edersin.
⚠️ Hiyerarşi Katliamına Dikkat
Başlık yapısını (H1 > H2 > H3) bozarsan, içindekiler tablon kırık linklerle dolar. Bir H2’nin altına H4 koyarak atlama yaparsan, botlar semantik yapıyı çözemez ve sayfana olan “Trust” (Güven) skorunu düşürür.
Eklentili vs. Eklentisiz ToC: Hangisini Seçmelisin?
“Eklenti kullanmak siteyi yavaşlatır” efsanesini bir kenara bırak. Doğru eklenti, siteni manuel kodlamadan çok daha dinamik yönetmeni sağlar. Ancak manuel yöntemin de (Gutenberg blokları) haklı olduğu yerler var. Gel bunu bir tabloyla netleştirelim:
| Kriter | En İyi Eklentiler (Easy ToC, LuckyWP) | Manuel (Gutenberg / Elementor) |
|---|---|---|
| Otomasyon | Tüm yazılara otomatik eklenir (Hata payı 0) | Her yazıda tek tek çapa link ataman gerekir. |
| SEO Jump Link | ID’leri otomatik atar, SERP’e anında düşer. | Manuel ID girmezsen çalışmaz. |
| Performans (Hız) | DOM boyutunu çok az artırır (İhmal edilebilir). | Sıfır ek JS/CSS yükü (Mükemmel hız). |
Kararım: Eğer 50’den fazla içeriğin varsa, kesinlikle eklenti kullan. En stabil çalışanlar: Easy Table of Contents, LuckyWP Table of Contents ve Table of Contents Plus. Bu rehberde sektör standardı olan Easy ToC üzerinden ilerleyeceğiz.
Neden Umursamalısın?
Sıradan Yaklaşım
- ❌ Uzun yazıları düz metin yığını halinde bırakmak.
- ❌ Sayfa içi navigasyonu kullanıcının inisiyatifine (scroll) bırakmak.
- ❌ Başlıkları görsel büyütmek için (Bold yerine H2) kullanıp hiyerarşiyi bozmak.
Stratejik Üstünlük
- ✅ Yazının başına “Okunabilirliği” gösteren interaktif bir menü koymak.
- ✅ “Smooth Scroll” (Yumuşak kaydırma) ile UX kalitesini artırmak.
- ✅ Google SERP’te rakibin tek linki varken senin sayfanın altında 4 farklı “Jump Link” göstermek.
Bildiğin Her Şeyi Unut
Tamamen yanlış. İçindekiler tablosu olmayan bir sayfadan kullanıcı 5 saniyede geri (Back) tuşuna basıp çıkar. Tablo olan sayfada hedefe gider, cevabı alır ve ilgili sitede kaldığı için Session Duration (Oturum Süresi) artar. Süre artarsa Google seni ödüllendirir. Trafik artışı, kayıp reklam gösterimini fazlasıyla telafi eder.
Hayır. RankMath gibi eklentilerin ToC blokları manueldir, her içeriğe elde eklemen gerekir. Gerçek otomasyon, spesifik ToC eklentileriyle (örn: LuckyWP) veya functions.php’ye yazılacak özel bir döngü ile tüm post type’lara otomatik enjekte etmekle başlar.
Teknik Terimler (Blueprint)
Aşağıdaki workshop’u anlamak için bu kavramları bilmen şart.
Sayfa içi # id atlaması
Sayfanın HTML İskeleti
Paragraf bazlı sıralama
Yumuşak kaydırma efekti
Operasyon Başlıyor (Workshop)
Uygula. Test Et. Fethet. (Easy ToC Eklentisi Üzerinden)
Silahı Seç & Kuşan
Öncelikle WordPress Admin paneline gir. Eklentiler > Yeni Ekle yolunu izle. Arama çubuğuna “Easy Table of Contents” yaz. Çıkan eklentiyi kur ve etkinleştir. Neden bunu seçtik? Çünkü kodu en temiz, Regex (düzenli ifade) taraması en hızlı olan eklenti budur.
Fayda: Sitenin yavaşlamasını engeller ve en uyumlu HTML yapısını oluşturur.
Otomatik Enjeksiyon Alanlarını Belirle
Ayarlar > Easy Table of Contents menüsüne git. “Enable Support” (Desteği Etkinleştir) kısmında sadece Posts (Yazılar) seçeneğini işaretle. “Pages” (Sayfalar) kısmına ekleme! Hakkımızda veya İletişim sayfalarında içindekiler tablosu olması amatörlüktür.
Konumlandırma Stratejisi
“Position” (Konum) ayarını Before first heading (İlk başlıktan önce) olarak seç. Neden mi? Kullanıcı giriş paragrafını okur (kancayı yutar), ardından menüyü görüp derine iner. En üste (Before content) koyarsan kullanıcıyı girişi okumadan kaçırırsın.
Tetikleyici Limitini Ayarla
“Show when” (Ne zaman gösterilsin) ayarını 4 veya daha fazla başlık olduğunda çalışacak şekilde ayarla. 2 başlıklı kısa bir habere ToC eklemek ekranda gereksiz yer kaplar (CLS değerini bozar). Tablo dediğin hacimli içerikte olur.
Başlık Hiyerarşisini Filtrele
Gelişmiş ayarlara in. “Headings” (Başlıklar) kısmında sadece Heading 2 (H2) ve Heading 3 (H3) kutucuklarını işaretle. H4, H5, H6’yı seçme! Kullanıcıyı devasa bir menüyle boğma. Menü taranabilir olmalı, kitap endeksi gibi değil.
Gereksiz Başlıkları Hariç Tut (Exclude)
Yazının altındaki “Yorumlar”, “Bunlar da İlginizi Çekebilir” gibi H2 başlıklarının ToC’da görünmesi rezalettir. Ayarlardaki “Exclude Headings” alanına bu başlıkları yaz (Örn: *Yorumlar*|*İlginizi Çekebilir*). Böylece içeriğin dışına çıkmamış olursun.
Smooth Scroll Aktifleştir
Bağlantıya tıklandığında sayfanın küt diye aşağı düşmesi UX katilidir. “Smooth Scroll” ayarını kesinlikle Açık (Enable) konuma getir. Kullanıcı aşağı doğru kaydığını hissetmeli, sayfanın yapısını zihninde kodlamalıdır.
Offset (Kaydırma Boşluğu) Hayati Ayar
Sitenin üst kısmında yapışkan (sticky) bir header/menü var mı? Varsa, ToC linkine tıklandığında başlık o header’ın altında kalıp görünmez olur. “Smooth Scroll Offset” değerine header’ının piksel yüksekliğini (örn: 80px) gir. Botlar bunu umursamaz ama kullanıcı küfür eder.
CSS & Renk Temizliği
Eklentinin varsayılan gri, çirkin tasarımını kullanma. “Theme” ayarından Custom (Özel) seç. Arka planı bembeyaz (#ffffff), kenarlıkları açık gri (#e2e8f0), link renklerini de sitenin ana rengi (örn: blue) yap. Modern ve native (sitenin bir parçası) görünmeli.
Önbelleği Temizle & Test Et
Tüm ayarları kaydet. WP Rocket veya LiteSpeed önbelleğini temizle. Gizli sekmeden bir yazını aç ve linklere tıkla. Mobilden girip metinlerin ekrana sığıp sığmadığını kontrol et. İşte şimdi Google botlarına yem atıp, kullanıcıyı sayfaya çiviledin.
Sonuç: SERP’te site bağlantıları kazanmaya hazırsın.
ToC UI Simülatörü
Ayarların tasarımı nasıl değiştirdiğini canlı gör.
Kontroller
- 1.SEO Nedir?
- 2.Anahtar Kelime Araştırması
- 2.1.Uzun Kuyruklu Kelimeler
- 2.2.LSI Kavramı
- 3.Backlink Stratejileri
Sır Tutabilir Misin? 🤫
“Sektörün eklenti kurup bıraktığı yerde, profesyoneller CSS DOM manipülasyonu yapar. Sticky Header Offset sorununu JS ile çözmek ameleliktir. CSS Scroll-Padding ile Google’ı ve tarayıcıyı tek satırda hackle.”
Problem Nedir?
İçindekiler tablosundan bir linke tıkladın. Sayfa aşağı kaydı ama başlık (H2), sitenin en üstündeki sabit menünün (Sticky Header) altında kalıp görünmez oldu. Kullanıcı yukarı scroll yapmak zorunda kaldı. UX puanın eksiye düştü.
/* Eski Yöntem (Çöp): JS ile hesaplayıp animate() fonksiyonu yazmak. Sayfayı yavaşlatır. *//* Yeni Yöntem (Masterclass): Tek satır CSS ile tüm tarayıcılara native offset vermek. */html {scroll-behavior: smooth; scroll-padding-top: 120px;/* Sitenin Sticky Header yüksekliğini buraya yaz */}/* Bonus: Mobil Görünüm İçin Yapışkan (Sticky) Mobil ToC Butonu Yapımı */@media (max-width: 768px) {.ez-toc-v2_0_69 {/* Eklentinin kapsayıcı class'ı */max-height: 300px; overflow-y: auto; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }}
Bu kodu Görünüm > Özelleştir > Ek CSS alanına yapıştır. Sitenin navigasyon kalitesi Apple standartlarına çıkacak.
Merak Edilenler (FAQ)
İçindekiler tablosu SEO’yu doğrudan etkiler mi? ↓
Evet, kesinlikle etkiler. Google, SERP’te (Arama Sonuç Sayfası) sitenizin meta açıklamasının altına tıklanabilir “Jump to” (Bölüme Atla) bağlantıları ekler. Bu bağlantılar tıklanma oranını (CTR) dramatik şekilde artırır ve kullanıcıyı doğrudan aradığı bilgiye götürdüğü için hemen çıkma oranını düşürür.
En iyi WordPress içindekiler tablosu eklentisi hangisi? ↓
Sektör standardı Easy Table of Contents‘tir. Ancak daha hafif ve modern bir kod yapısı arıyorsan LuckyWP Table of Contents mükemmel bir alternatiftir. Elementor kullanıyorsan, Elementor Pro’nun kendi “Table of Contents” widget’ını kullanmak ek bir eklenti yüklemekten daha performanslıdır.
ToC eklentisi site hızını (Pagespeed) düşürür mü? ↓
Kötü kodlanmış eklentiler (her sayfada gereksiz JS/CSS yükleyenler) yavaşlatır. Ancak ayarlardan “sadece yazılarda göster” derseniz ve JS dosyalarının asenkron yüklenmesini sağlarsanız, hız kaybı milisaniyeler seviyesindedir ve SEO faydası hız kaybından katbekat büyüktür.
İçindekiler tablosu sayfanın neresinde olmalı? ↓
Kullanıcının dikkatini çekecek kısa ve vurucu bir giriş paragrafından hemen sonra, ilk H2 başlığından hemen önce (Before first heading) yer almalıdır. Sayfanın en tepesine koymak okuyucuyu korkutabilir.
Eklentisiz içindekiler tablosu nasıl yapılır? ↓
Gutenberg editöründe başlığa tıklayıp sağ menüden “HTML Bağlantısı (Anchor)” kısmına bir kelime (örn: seo-nedir) yazarsın. Sonra yukarı çıkıp bir liste oluşturur, o listeye link verirken başına kare koyarsın (#seo-nedir). İşlem bu kadar basittir ama her içerik için manuel yapman gerekir.
Mobilde içindekiler tablosu kapalı mı açık mı gelmeli? ↓
Kesinlikle kapalı (Collapsed) gelmelidir. Aksi takdirde mobilde ekrana 15 maddelik bir liste dolar ve kullanıcı asıl içeriği görmek için gereksiz yere kaydırma yapmak (scroll fatigue) zorunda kalır. Başlık görünmeli, kullanıcı isterse tıklayıp açmalıdır.
Tüm başlık etiketlerini (H1-H6) ToC’a eklemeli miyim? ↓
Asla. H1 zaten sayfanın başlığıdır, tekrar eklenmez. H4, H5 ve H6 çok alt detaylardır, tabloyu çöplüğe çevirir. Sadece ana konu başlıkları (H2) ve önemli alt detayları (H3) eklemen yeterlidir.
İçindekiler tablosu Adsense gelirini düşürür mü? ↓
Hayır, tam tersine artırabilir. Evet, kullanıcı bir Jump Link ile reklam alanını atlayabilir. Fakat tablosu olmayan siteden hemen çıkacağı için o reklamı hiç görmeyecektir. Tablo sayesinde sitede kaldığında, indiği kısımdaki diğer reklamlarla etkileşime girer.
ToC başlıklarında anahtar kelime kullanmak şart mı? ↓
Evet. Çünkü tablodaki metinler doğrudan senin H2 ve H3 başlıklarından çekilir. “Tıklayın”, “Detaylar” gibi anlamsız başlıklar yerine “WordPress ToC Eklentisi Kurulumu” gibi entity ve anahtar kelime barındıran başlıklar atmalısın ki botlar arama niyetini anlasın.
Elementor sayfa oluşturucu ile uyumlu eklenti var mı? ↓
Easy Table of Contents, Elementor metin bloklarındaki başlıkları sorunsuz okur. Ancak tasarımsal bütünlük istiyorsan, Elementor Pro içindeki dahili “Table of Contents” bileşenini kullanman, gereksiz eklenti kullanımını önler ve harika bir stil kontrolü sağlar.
Sıra Sende: Harekete Geç
Rakip siteler standart metin yığınlarıyla boğuşurken, sen sayfa navigasyonunu optimize ederek onları geride bırakabilirsin. Kendi başına çözemediğin bir On-Page SEO sorunu mu var? Hemen bana yaz.
Gökhan Vatancı ile Hızlıca Görüş
10 yanıt
Yazı çok bilgilendirici, teşekkür ederim. WordPress içindekiler tablosu oluşturmanın avantajlarını, çeşitli eklenti seçeneklerini ve içeriğin yapısını anlamak için içindekiler tablosunun önemini vurgulayan bir yazı olmuş. Eğer içindekiler tablosu nasıl oluşturulur, nerede kullanılır gibi konulara daha fazla vurgu olsaydı daha da faydalı olabilirdi.
Merhaba! Yazıda içindekiler tablosunun faydalarına ve kullanımına yönelik çok fazla detaylı bilgi verilmiş. Ancak, içindekiler tablosunun olumsuz yönlerine ya da potansiyel bazı sıkıntılara da değinmek faydalı olabilir mi? Örneğin, içindekiler tablosunun bazen sayfa hızını olumsuz etkileyebileceği ya da bazı cihazlarda düzgün görüntülenmeyebileceği gibi konularda bilgi edinmek isterim. Teşekkürler!
Çok faydalı bir rehber olmuş, teşekkürler. İçindekiler tablosu oluştururken SEO konusunda nelere dikkat etmemiz gerektiğini bilgi verebilir misiniz?
Paylaşım için teşekkürler! İçindekiler tablosu oluşturmanın SEO açısından önemi gerçekten çok büyük. Etkili içerik yönetimi için yazınızdan faydalanacağım.
İçindekiler tablosu eklentileri hakkında ayrıntılı bilgi vermeniz çok faydalı oldu. Hangi eklentinin hangi özelliklere sahip olduğunu bilmek, okuyucular için seçim yapmayı kolaylaştırabilir. Teşekkürler!
İçindekiler oluşturmak için verdiğiniz yöntemlere ek olarak, ben başlık yapılandırmasına numaralandırılmış listeleri de eklemeyi düşünüyorum. Bu şekilde içerik daha düzenli görünebilir. Sizce başlık numaralandırması içindekiler tablosunda gerekli mi? Teşekkürler!
Makalede anlatılan içindekiler tablosu oluşturma yöntemleri oldukça detaylı ve faydalı. Özellikle dilimli içindekiler tablosu oluşturma konusu ilgimi çekti. Bununla ilgili daha fazla ayrıntı bulabilir miyim?
İçindekiler tablosu için farklı eklentiler kullanmak çok verimli olabilir. Ancak bazen doğal yollarla bu tabloyu oluşturmak hem daha kişisel hem de daha etkili olabilir. Başlıkların hiyerarşik bir yapıda oluşturulması, okuyucuların metni daha iyi anlamalarına yardımcı olabilir.
İçeriğiniz gerçekten bilgilendiriciydi. İçindekiler tablosunun SEO için ne kadar önemli olduğunu ve içeriğin erişilebilirliğini nasıl artırdığını vurgulamanız çok güzeldi. Teşekkürler!
Yazıda verdiğiniz içindekiler tablosu eklentileri gerçekten işime yarayacak gibi duruyor. İlk fırsatta deneyeceğim, teşekkürler!