SEO Kılavuzu Adım 5: UX / Kullanıcı Deneyimi — Ziyaretçilerin Sitenizi Deneyimleme Şekli Sıralamaları Nasıl Etkiler
SEO Kılavuzu Adım 5: UX / Kullanıcı Deneyimi
Bu, 13 Adımlı SEO Kılavuzunun 5. adımıdır. Kullanıcı deneyimi artık doğrudan bir sıralama faktörü — Google, ziyaretçilerin sitenizle nasıl etkileşimde bulunduğunu ölçer ve hızlı, erişilebilir, hoş deneyimler sunan siteleri ödüllendirir.
İçerik stratejisi (Adım 3) ne yayımlayacağınızı belirler. Link inşası (Adım 4) otoritenizi kanıtlar. Ancak ziyaretçiler sayfanıza gelirse ve hemen çıkarlar çünkü sayfanız yavaşsa, mobilde bozuksa veya erişilemezse — bunların hiçbiri önemli değildir. Google bu sinyalleri takip eder ve bunları sıralamaları ayarlamak için kullanır.
2021'den itibaren Google’ın Sayfa Deneyimi güncellemesi UX'i onaylanmış bir sıralama faktörü yaptı. 2024'te INP (Interaction to Next Paint), FID'nin yerini alarak Temel Web Vitals arasında yerini aldı. 2026'da, bu sinyaller daha fazla ağırlık taşır çünkü Google, kullanıcı memnuniyeti ölçümlerini geleneksel sinyallere göre daha fazla önceliklendirir.
SEO için UX'in Kapsadığı Alanlar
SEO için UX optimizasyonu 6 alana yayılır:
- Temel Web Vitals — Google’ın resmi UX metrikleri (LCP, INP, CLS)
- Mobil Optimizasyon — Duyarlı tasarım, dokunma hedefleri, görünüm alanı
- Erişilebilirlik (WCAG) — Sitenizin herkes tarafından kullanılabilir hale getirilmesi
- Sayfa Deneyimi Sinyalleri — HTTPS, ara katman olmamalı, güvenli tarama
- Navigasyon Kalıpları — Kullanıcılar ve tarayıcılar için yararlı site yapısı
- Yukarıda Kalan Optimizasyon — Kullanıcıların kaydırma yapmadan gördüğü içerik
1. Temel Web Vitals (CWV)
Temel Web Vitals, Google’ın üç ölçülebilir UX metriğidir. Bu veriler, Chrome Kullanıcı Deneyimi Raporu (CrUX) verilerinde takip edilir ve sıralamaları doğrudan etkiler.
Üç metrik:
| Metrik | Ölçer | İyi | İyileştirme Gerektiriyor | Kötü | |--------|-------|-----|-------------------------|------| | LCP (En Büyük İçerik Boyutu) | Yüklenme hızı | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Sonraki Boyama için Etkileşim) | Yanıt verme süresi | < 200ms | 200ms - 500ms | > 500ms | | CLS (Kümülatif Yer Değiştirme) | Görsel istikrar | < 0.1 | 0.1 - 0.25 | > 0.25 |
LCP — En Büyük İçerik Boyutu
LCP, sayfanızın ana içeriğinin ne kadar hızlı göründüğünü ölçer. "En büyük içerik" genellikle kahraman resminiz, ana başlığınız veya en büyük yukarıda kalan bloktur.
Yaygın LCP sorunları ve çözümleri:
| Sorun | Etki | Çözüm | |-------|------|-------| | Optimize edilmemiş kahraman resmi | +2-5s | WebP formatı, uygun boyutlandırma, fetchpriority="high" | | Render-engelleyici CSS/JS | +1-3s | Kritik CSS'yi satır içi yapın, kritik olmayanları erteleyin | | Yavaş sunucu yanıtı (TTFB) | +1-4s | CDN, sunucu önbellekleme, kenar dağıtımı | | Web fontları render'ı engelliyor | +0.5-2s | font-display: swap, kritik fontları önceden yükleyin | | Üçüncü taraf betikleri | +1-3s | Analitik/sohbet widget'larını erteleyin, reklamları tembel yükleyin |
LCP optimizasyon önceliği:
<!-- 1. LCP resmini önceden yükleyin -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">
<!-- 2. Kritik CSS'yi satır içi yapın (ilk 14KB) -->
<style>/* Yalnızca yukarıda kalan stiller */</style>
<!-- 3. Kritik olmayan CSS'yi erteleyin -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">
<!-- 4. Açık boyutlara sahip kahraman resmi -->
<img src="/hero.webp" width="1200" height="600"
fetchpriority="high" decoding="async"
alt="Açıklayıcı alternatif metin">Hızlı kazanç: Ana sayfanızda PageSpeed Insights çalıştırın. Belirtilen LCP unsuruna bakın. Eğer bir resimse, WebP'ye dönüştürün, açık genişlik/yükseklik ayarlayın ve fetchpriority="high" ekleyin. Bu yalnızca LCP'yi genellikle 1-2 saniye düşürür.
INP — Sonraki Boyama için Etkileşim
INP, kullanıcıların etkileşimde bulunduğunda (tıklama, dokunma, yazma) sayfanızın ne kadar hızlı yanıt verdiğini ölçer. Sayfa ziyareti sırasında en kötü etkileşimi kaydeder ve bunu puan olarak kullanır.
Yaygın INP sorunları ve çözümleri:
| Sorun | Etki | Çözüm | |-------|------|-------| | Uzun JavaScript görevleri | +200-1000ms | Daha küçük görevlere bölün, requestIdleCallback kullanın | | Ağır olay işleyicileri | +100-500ms | Geciktirin, throttling yapın, requestAnimationFrame kullanın | | Yerleşim sarsılması | +50-300ms | DOM okuma/yazma işlemlerini gruplandırın, will-change kullanın | | Üçüncü taraf betikleri | +100-500ms | Erteleyin, etkileşimden sonra yükleyin, Web Workers kullanın | | Senkron API çağrıları | +200-2000ms | Async/await, yüklenme durumları, iyimser UI |
INP optimizasyon teknikleri:
// Kötü: Ana iş parçacığını engeller
button.addEventListener('click', () => {
const data = heavyComputation(); // 400ms boyunca engeller
updateDOM(data);
});
// İyi: Ana iş parçacığına teslim eder
button.addEventListener('click', async () => {
// Anında geri bildirim göster
button.textContent = 'Yükleniyor...';
// Ağır işi parçalara ayır
await scheduler.yield();
const data = heavyComputation();
await scheduler.yield();
updateDOM(data);
});Hızlı kazanç: Chrome Geliştirici Araçları > Performans sekmesini açın. Sitenizde gezinirken "Uzun Görevler" (kırmızı üçgenler) arayın. Bunlar, ana iş parçacığını engelliyor. En büyük uzun görev genellikle bir üçüncü taraf betiğidir — erteleyin veya ilk etkileşimden sonra yükleyin.
CLS — Kümülatif Yer Değiştirme
CLS, görsel istikrarı ölçer — sayfa içeriğinin yüklenirken ne kadar sıçradığını. Kullanıcılar, bir düğmeye tıkladıklarında ve sayfanın başka bir öğeye kaymasına neden olduğunda, daha fazla sinirlenirler.
Yaygın CLS sorunları ve çözümleri:
| Sorun | CLS Etkisi | Çözüm | |-------|------------|-------| | Boyutları belirlenmemiş resimler | 0.1-0.5 | Her zaman width ve height ayarlayın | | Reklamların geç yüklenmesi | 0.1-0.3 | min-height ile yer ayırın | | Web fontları yeniden akışa neden oluyor | 0.05-0.2 | font-display: optional veya boyuta göre ayarlanmış yedek | | Dinamik içerik ekleme | 0.1-0.4 | Yer ayırın, content-visibility kullanın | | Çerez bannerları içeriği itiyor | 0.05-0.2 | Overlay tasarım (aşağı itme değil) |
CLS önleme kontrol listesi:
<!-- Medya için her zaman boyutları belirtin -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>
<!-- Dinamik içerik için yer ayırın -->
<div style="min-height: 250px;">
<!-- Reklam burada yüklenir, kaydırma olmadan -->
</div>
<!-- Duyarlı medya için aspect-ratio kullanın -->
<div style="aspect-ratio: 16/9;">
<img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>Hızlı kazanç: İlk 10 sayfanızdaki her ya açık width ve height özniteliklerini ekleyin. Bu tek değişiklik, en yaygın CLS sorununu — resimlerin yüklenmesi ve içeriği aşağı itmesi — ortadan kaldırır.
2. Mobil Optimizasyon
Google, mobil öncelikli dizinleme kullanır — mobil deneyiminiz, sıralama deneyiminizdir. Eğer siteniz mobilde bozuksa, masaüstü versiyonu ne kadar mükemmel olursa olsun farketmez.
Mobil optimizasyon kontrol listesi:
| Eleman | Gereksinim | Yaygın başarısızlık | |--------|------------|---------------------| | Görünüm alanı meta | width=device-width, initial-scale=1 | Tamamen eksik | | Dokunma hedefleri | Minimum 44x44px | Küçük bağlantılar, sıkışık butonlar | | Font boyutu | Minimum 16px gövde metni | 12px mobilde okunamaz | | İçerik genişliği | Yatay kaydırma olmamalı | Sabit genişlikli elemanlar | | Dokunma aralığı | Hedefler arasında minimum 8px | Yan yana bağlantılar birbirine değiyor | | Duyarlı resimler | Uygun boyutlarla srcset | Mobilde masaüstü boyutunda resimler |
Duyarlı tasarım kalıpları:
/* Mobil öncelikli yaklaşım */
.container {
padding: 16px;
font-size: 16px;
}
/* Dokunmaya uygun hedefler */
.button, .link {
min-height: 44px;
min-width: 44px;
padding: 12px 16px;
}
/* Duyarlı tipografi */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }
/* Yatay taşma olmamalı */
img, video, iframe {
max-width: 100%;
height: auto;
}Google'nın kontrol ettiği mobil SEO sinyalleri:
- Metin, büyütmeden okunabilir olmalı
- Bağlantılar/butonlar çok yakın olmamalı
- İçerik, görünüm alanı genişliğine uyacak şekilde (yatay kaydırma olmamalı)
- Flash veya desteksiz teknolojiler olmamalı
- Ara katmanlar, girişte içeriği engellemiyor olmalı
- Sayfa, 4G/3G bağlantılarında hızlı yüklenmeli
Hızlı kazanç: Sitenizi telefonunuzda açın. Her butonu ve bağlantıyı tıklamaya çalışın. Eğer hedefler çok yakın olduğundan yanlış yere tıklarsanız veya metni okumak için yakınlaştırmanız gerekiyorsa — bunlar öncelikli düzeltmelerinizdir.
3. Erişilebilirlik (WCAG)
Erişilebilirlik sadece etik değil — aynı zamanda bir SEO sinyalidir. Google'ın algoritmaları, ekran okuyucuları, sadece klavye navigasyonu veya görme engelli kullanıcılar dahil herkes tarafından kullanılabilir siteleri tercih eder. WCAG (Web İçeriği Erişilebilirlik Kılavuzları) uyumu, daha iyi sıralamalar ile ilişkilidir.
Kritik erişilebilirlik gereksinimleri:
| Eleman | Gereksinim | SEO etkisi | |--------|------------|------------| | Resimler için alternatif metin | Tüm anlamlı resimler için açıklayıcı metin | Doğrudan (resim SEO + erişilebilirlik) | | Başlık hiyerarşisi | H1 → H2 → H3 sırasını atlamadan | Doğrudan (içerik yapısı) | | Renk kontrastı | Normal metin için 4.5:1, büyük metin için 3:1 | Dolaylı (kullanılabilirlik) | | Klavye navigasyonu | Tüm etkileşimli bileşenler Tab ile ulaşılabilir olmalı | Dolaylı (kullanılabilirlik) | | ARIA etiketleri | Metin olmadan simgeler, butonlar için etiketler | Dolaylı (ekran okuyucu deneyimi) | | Odak göstergeleri | Klavye navigasyonunda görünür odak halkası | Dolaylı (kullanılabilirlik) | | Form etiketleri | Her girdi ile ilişkili olmalı | Dolaylı (kullanılabilirlik) | | Bağlantı metni | Açıklayıcı (örneğin "buraya tıklayın" değil) | Doğrudan (ankor metni SEO'su) |
Erişilebilirlik test süreci:
- Otomatik tarama — Lighthouse, axe-core veya WAVE çalıştırın (yaklaşık %30-50 oranında sorunları yakalar)
- Klavye testi — Tüm sitenizde yalnızca Tab, Enter, Escape tuşlarıyla gezinme yapın
- Ekran okuyucu testi — Ana sayfalarda VoiceOver (Mac) veya NVDA (Windows) kullanın
- Renk kontrastı — Tüm metinleri arka planlara karşı kontrol edin (Geliştirici Araçları kontrast kontrolörü kullanın)
- Büyütme testi — %200’e büyütün — her şey hala çalışıyor mu?
Yaygın erişilebilirlik düzeltmeleri:
<!-- Resimler: açıklayıcı alternatif metin -->
<img src="chart.png" alt="Ocak ile Mart 2026 arasında organik trafik artışını gösteren çubuk grafiği %40">
<!-- Butonlar: net etiketler -->
<button aria-label="Navigasyon menüsünü kapat">
<svg>...</svg> <!-- Sadece simge olan buton, aria-label gerektirir -->
</button>
<!-- Formlar: ilişkili etiketler -->
<label for="email">E-posta adresi</label>
<input type="email" id="email" name="email" required>
<!-- Bağlantılar: açıklayıcı metin -->
<a href="/guide">Tam SEO kılavuzunu okuyun</a>
<!-- DEĞİL: <a href="/guide">Buraya tıklayın</a> -->
<!-- Klavye kullanıcıları için navegasyonu atla -->
<a href="#main-content" class="skip-link">Ana içeriğe atla</a>Hızlı kazanç: Ana sayfanızda Erişilebilirlik kategorisi ile Lighthouse çalıştırın. "Başarısız" puanlanan her şeyi ilk önce düzeltin — genellikle eksik alternatif metin, eksik form etiketleri ve düşük kontrastlı metin olur. Bu düzeltmeler genellikle 30 dakikanızı alır ve puanınızı 20+ puan artırır.
4. Sayfa Deneyimi Sinyalleri
Temel Web Vitals'ın ötesinde, Google'ın sıralamaları etkileyen başka sayfa deneyimi sinyalleri de değerlendirilmektedir.
Sayfa deneyimi faktörleri:
| Sinyal | Gereksinim | Kontrol | |--------|------------|---------| | HTTPS | Tüm site, HTTPS üzerinden sunulmalı | Karmakarışık içerik bozar | | Rahatsız edici ara katmanlar yok | Girişte içeriği engellemeyin | Mobilde %30'dan fazla kaplayan pencereler | | Güvenli tarama | Kötü amaçlı yazılım, kimlik avı, aldatıcı içerik yok | Google Güvenli Tarama durumu | | Mobil uyumlu | Mobil uyumlu testini geçmeli | Google Mobil Uyumlu Test | | Aldatıcı reklamlar yok | Reklamlar içerikle örtüşmemeli | Gizlenen indirme butonları |
Ara katman yönergeleri (neyin izin verilip verilmediği):
| İzin Verilen | Cezalandırılan | |--------------|----------------| | Yaş doğrulama (yasal olarak gerekli) | Sayfa girdisinde tam ekran penceresi | | Çerez onayı (yasal olarak gerekli) | İçeriği tamamen kaplayan e-posta kaydı | | Ücretli içerik için giriş duvarları | "Uygulamamızı indirin" içeriği engelliyor | | Ekranın %30'undan azını kullanan küçük bannerlar | İçeriğe erişimden önce sayım yapan zamanlayıcılar | | Kullanıcılardan sonra kaydırma/etkileşim | Kullanıcı herhangi bir içeriği görmeden önce |
HTTPS kontrol listesi:
- [ ] SSL sertifikası geçerli ve süresi dolmamış olmalı
- [ ] Tüm sayfalar HTTP'den HTTPS'ye (301) yönlendirilmelidir
- [ ] Karmakarışık içerik olmamalı (HTTPS sayfalarda HTTP kaynakları)
- [ ] HSTS başlığı etkin (includeSubDomains ile)
- [ ] Dahili bağlantılar HTTPS kullanmalı (HTTP değil)
- [ ] Site haritası HTTPS URLs kullanmalı
- [ ] Canonical etiketler HTTPS kullanmalı
Hızlı kazanç: Karmakarışık içerik kontrol edin — ana sayfalarınızda Geliştirici Araçları Konsolunu açın. Herhangi bir "Karmaşık İçerik" uyarısı, HTTPS sayfasında HTTP kaynakları yüklüyorsunuz demektir. Bu URL'leri HTTPS'ye güncelleyin. Bu, en yaygın sayfa deneyimi sorunlarından biridir.
5. Navigasyon Kalıpları
İyi navigasyon, hem kullanıcılar hem de arama motorları için yardımcı olur. Kullanıcılar, ihtiyaç duydukları şeyi hızlıca bulurlar. Google botları, sitenizin hiyerarşisini anlar ve PageRank'i verimli bir şekilde dağıtır.
Navigasyon en iyi uygulamaları:
| Kalıp | Faydası | Uygulama | |-------|---------|----------| | Düz mimari | Sayfalar ana sayfadan 3 tıklama içinde olmalı | Hub sayfaları, ekmek kırıntıları | | Ekmek kırıntıları | Kullanıcılar nerede olduklarını bilirler | Schema işaretleme + görünür iz | | Mantıksal URL yapısı | Tahmin edilebilir yollar | /kategori/altkategori/sayfa | | Altbilgi navigasyonu | İkincil sayfalara erişim sağlanmalı | Yasal, hakkında, iletişim, site haritası | | Dahili arama | Kullanıcılar belirli içerikleri bulur | Önerilerle arama kutusu | | İlgili içerik | Atlamayı azaltır, derinliği artırır | "İlgili makaleler" bölümü |
İdeal site mimarisi:
Ana Sayfa (tüm önemli sayfalardan 1 tıklama)
├── /ürünler/ (kategori merkezi — tüm ürünlere bağlantılar)
│ ├── /ürünler/kategori-a/
│ │ ├── /ürünler/kategori-a/ürün-1
│ │ └── /ürünler/kategori-a/ürün-2
│ └── /ürünler/kategori-b/
├── /blog/ (içerik merkezi — tüm gönderilere bağlantılar)
│ ├── /blog/konu-kümesi-1/ (pillar sayfası)
│ │ ├── /blog/altkonu-1a
│ │ └── /blog/altkonu-1b
│ └── /blog/konu-kümesi-2/
├── /araçlar/ (yararlı sayfalar)
└── /hakkında/ (güven sayfaları)Ekmek kırıntısı uygulaması:
<!-- Görünür ekmek kırıntıları -->
<nav aria-label="Ekmek Kırıntıları">
<ol>
<li><a href="/">Ana Sayfa</a></li>
<li><a href="/blog/">Blog</a></li>
<li aria-current="page">SEO Kılavuzu Adım 5</li>
</ol>
</nav>
<!-- Schema işaretleme (BreadcrumbList) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Ana Sayfa", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog/" },
{ "@type": "ListItem", "position": 3, "name": "SEO Kılavuzu Adım 5" }
]
}
</script>Navigasyon kırmızı bayrakları:
- Ana sayfadan 4 tıklamadan daha fazla (çok derin)
- Ekmek kırıntısı yok (kullanıcılar ve Google bağlamı kaybeder)
- Sadece JavaScript ile navigasyon (botlar bağlantıları kaçırabilir)
- Yetim sayfalar (onlara yönlendiren dahili bağlantılar yok)
- 200'den fazla bağlantı içeren mega menüler (her bir bağlantının değerini azaltır)
Hızlı kazanç: En önemli dönüşüm sayfalarınızı kontrol edin — ana sayfadan kaç tıklama var? 3'ten fazla ise, ana sayfanızdan veya kategori merkezlerinizden doğrudan bağlantılar ekleyin. Her daha derin tıklama, kullanıcı ziyaretlerini ve tarama sıklığını azaltır.
6. Yukarıda Kalan Optimizasyon
Kullanıcıların kaydırma yapmadan gördüğü içerik, kalıp mı kalmayacaklarını belirler. Yukarıda kalan içerik, hemen değer sunmalı ve onları oraya getiren arama sorgusuyla uyumlu olmalıdır.
Yukarıda kalan zorunluluklar:
| Eleman | Neden | Yaygın başarısızlık | |--------|-------|---------------------| | Açık başlık (H1) | Sorgu ile alaka düzeyini onaylar | Genel veya eksik | | Değer önermesi | Neden burada kalmalılar? | Kaydırmanın altında kalmış | | Ana CTA | Ne yapmalılar? | Gizli veya belirsiz | | Kahraman resmi/medya | Görsel etkileşim | Yavaş yükleniyor, LCP sorununa neden oluyor | | Güven sinyalleri | Neden size güvenmeleri gerekiyor? | Logo, inceleme veya kimlik yok |
Yukarıda kalan düzen kalıpları:
Masaüstü (1440px görünüm alanı):
┌──────────────────────────────────────┐
│ Navigasyon çubuğu │
├──────────────────────────────────────┤
│ │
│ H1: Sorguyla uyuşan açık başlık │
│ Alt başlık: Değer önermesi │
│ │
│ [Ana CTA Butonu] │
│ │
│ Güven sinyalleri: logolar, istatistikler, rozets │
│ │
├──────────────────────────────────────┤
│ ↓ İçerik aşağıda devam ediyor │
└──────────────────────────────────────┘
Mobil (375px görünüm alanı):
┌────────────────────┐
│ Nav (hamburger) │
├────────────────────┤
│ │
│ H1: Başlık │
│ (mobilde daha kısa)│
│ │
│ [CTA Butonu] │
│ (tam genişlik, 44px+)│
│ │
│ Güven rozeti │
│ │
├────────────────────┤
│ ↓ Daha fazlası için kaydırın │
└────────────────────┘Yukarıda kalan kritik kurallar:
- H1, kaydırma yapmadan görünür olmalı (arama sorgusuyla eşleşir)
- CTA, kaydırma yapmadan görünür olmalı (atlamayı azaltır)
- Yukarıda kalan içerikte yer değiştirmeye neden olmamalı (CLS sorunu)
- Kahraman resmi hızlı yüklenmeli (genellikle LCP unsurudur)
- Mobilde: yukarıda kalan içeriği azaltın (görünüm alanı daha az)
Hızlı kazanç: Mobilde ana sayfanızın bir ekran görüntüsünü alın (375px genişlikte). H1 görünür mü? Bir CTA butonu görünür mü? Sitenin ne yaptığını 2 saniye içinde anlayabiliyor musunuz? Eğer herhangi bir cevap "hayır" ise, kaydırmadan önce ziyaretçi kaybediyorsunuz demektir.
UX Denetim Kontrol Listesi
En önemli sayfalarınız için bunu gözden geçirin:
- [ ] LCP 2.5 saniyeden az (kahraman resmi optimize edilmiş, kritik CSS satır içi)
- [ ] INP 200ms'den az (etkileşimi engelleyen uzun JavaScript görevleri yok)
- [ ] CLS 0.1'den az (tüm resimlerin boyutları belirlenmiş, geç yüklenen kaymalar yok)
- [ ] Mobil uyumlu (44px dokunma hedefleri, 16px+ metin, yatay kaydırma yok)
- [ ] Erişilebilir (alternatif metin, başlık hiyerarşisi, renk kontrastı, klavye navigasyonu)
- [ ] HTTPS her yerde (karmakarışık içerik yok, HSTS etkin)
- [ ] Rahatsız edici ara katman yok (onay üst katmanları tamam, içeriği engelleyen popuplar yok)
- [ ] Ekmek kırıntıları mevcut (BreadcrumbList şeması ile)
- [ ] Herhangi bir önemli sayfaya 4 tıklamanın altında gezinti derinliği
- [ ] Yukarıda kalan optimizasyon (H1 görünür, CTA görünür, hızlı LCP)
LANGR UX'inizi Nasıl Taramaktadır
LANGR'ın UX ile ilgili tarama modülleri şunları içerir:
- Temel Web Vitals modülü — Chrome Kullanıcı Deneyimi Raporu'ndan LCP, INP, CLS ölçer (gerçek kullanıcı verileri)
- PageSpeed modülü — Mobil ve masaüstü puanlarıyla tam Lighthouse performans denetimi
- Mobil modül — Görünüm alanı yapılandırması, dokunma hedefi boyutlandırma, metin okunabilirliği
- Erişilebilirlik modülü — WCAG uyum kontrolü, ARIA kullanımı, renk kontrastı
- Düzen Tarama modülü — Mobil ve masaüstü düzenlerin AI destekli değerlendirmesi
- Sayfa Deneyimi modülü — Ara katman tespiti, HTTPS durumu, güvenli tarama
Bu modüller her taramada çalışır, ziyaretçilerinizin sitenizi nasıl deneyimlediğine dair kapsamlı bir resim sunar — ve daha iyi sıralamalar için tam olarak neyi düzeltmeniz gerektiğini gösterir.
Yaygın UX Hataları (Etkilerine Göre Sıralanmış)
- Mobilin göz ardı edilmesi — Aramaların %60'ı+ mobil; bozuk mobil = bozuk sıralamalar
- Optimize edilmemiş resimler — Yavaş LCP'nin #1 nedeni (ve genellikle en kolay düzeltme)
- Açık resim boyutlarının olmaması — Yer değiştirmeler CLS puanını yok eder
- Üçüncü taraf betik şişkinliği — Sohbet widget'ları, analitik, reklamlar INP'yi engelliyor
- Erişilebilirlik temellerinin eksikliği — Alternatif metin yok, başlık hiyerarşisi yok, kontrast yok
- İçerik engelleyen ara katmanlar — Kullanıcılar içeriği görmeden önce tam ekran pencereler
- Derin site mimarisi — Önemli sayfalar ana sayfadan 5+ tıklama derinliğinde gömülü
- Yukarıda kalan değer yok — Kullanıcılar kaydırmadan sitenin ne yaptığını anlayamıyor
Sırada Ne Var?
Adım 6: İzleme & Sıralama — Ölçmediğiniz şeyi iyileştiremezsiniz. Anahtar kelime pozisyonları, puan izleme, değişiklik raporları ve süreklilik izleme.
Bu kılavuz, LANGR'ın 13 adımlı SEO serisinin bir parçasıdır. Ücretsiz bir denetim gerçekleştirin ve sitenizin tüm 13 disiplindeki durumunu görün.