BilgiPORTAL
2026 SEO ve EEAT Standartlarında Ön Yüz Rehberi

Web Performansı ve Ön Yüz Erişilebilirlik Rehberi 2026

Core Web Vitals (INP, LCP, CLS) metriklerinin iyileştirilmesi, WCAG 2.2 AA erişilebilirlik standartları ve kaynak yükleme optimizasyonları üzerine teknik rehber.

WP
BilgiPortal Ön Yüz Mimari Kurulu
• Yayınlanma: 12 Ekim 2026 • Okuma Süresi: 5 Dakika

INP Optimizasyonu

Ana iş parçacığı (main thread) tıkanıklıklarını gidererek 200ms altı etkileşim tepkisi sağlama.

WCAG 2.2 Standartları

Aşırı renk kontrastı, odak gösterme alanları (focus indicators) ve ekran okuyucu uyumluluğu.

LCP ve Akıllı Görseller

AVIF/WebP biçimleriyle görsel boyutlarını düşürerek 2.5s altında sayfa yüklenme başarısı.

1. Core Web Vitals ve Arama Motoru İndekslemesi

Arama motorları, kullanıcı deneyimini doğrudan ölçümlemek adına Core Web Vitals metriklerini sıralama faktörü olarak kullanır. LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift) ve INP (Interaction to Next Paint) alanlarında "İyi" eşiğini yakalamak sıralamada kalıcılığı sağlar.

Hedef Değerler: LCP < 2.5 sn, CLS < 0.1, INP < 200 ms olarak hedeflenmelidir.

2. INP (Interaction to Next Paint) ve JavaScript İyileştirmeleri

Uzun süren JavaScript görevleri (Long Tasks > 50ms) ana iş parçacığını bloke ederek tıklama yanıt sürelerini geciktirir. `requestAnimationFrame`, Web Workers ve kod bölme (code-splitting) teknikleriyle INP performansı en üst seviyeye çıkartılır.

  • Ağır hesaplamaları arka plan iş parçacığına (Web Worker) aktarmak.
  • Gereksiz dördüncü taraf (third-party) script yüklemelerini sınırlandırmak.

3. WCAG 2.2 Erişilebilirlik ve ARIA Etiketleri

Erişilebilirlik yalnızca engelli kullanıcılar için değil, tüm kullanıcı grupları ve arama motoru botları için önemlidir. Anlamsal HTML5 etiketleri (`

`, `

4. Kaynak Ön Yükleme (Resource Hints) Mimarisi

``, `` ve `` etiketleri kullanılarak kritik CSS, font ve görsel kaynaklarının istemciye erkenden indirilmesi sağlanır.

Sıkça Sorulan Sorular

INP (Interaction to Next Paint) metriği neden kritik önem taşır?

INP, kullanıcının sayfadaki bir öğeyle etkileşime girdiği andan itibaren sayfanın bir sonraki kareyi çizmesine kadar geçen süreyi ölçerek gerçek kullanıcı deneyimini doğrudan yansıtır.

WCAG 2.2 AA standartlarına uyum SEO sıralamasını etkiler mi?

Evet, erişilebilir siteler daha iyi kullanılabilirlik sunduğu için kullanıcı davranış metriklerini olumlu etkiler ve Google'ın kullanıcı odaklı indeksleme kriterlerini destekler.

Interaktif Ön Yüz Bilgi Bankası

Metriklere göre filtreleyin veya arama yapın.

Core Web Vitals

Font-Display: Swap

Özel fontlar yüklenene kadar sistem fontunu göstererek metin gizlenmesini (FOIT) önleme yöntemi.

WCAG 2.2

Odak Görünürlüğü (Focus Visible)

Klavye ile gezinimde aktif öğenin etrafındaki mavi/renkli halkanın net şekilde belirlenmesi kuralı.

INP

Debouncing & Throttling

Sık tetiklenen scroll veya resize olaylarının çalıştırma sıklığını düşürerek donmaları engelleme.

CSS

Content-Visibility: Auto

Ekran dışında kalan ağır DOM elemanlarının render edilmesini erteleyerek başlangıç hızını artırma.