Kodpen Site Denetimi: SEO, Hız ve Erişilebilirlik (WCAG)

Açık sayfanın SEO, hız (Core Web Vitals) ve WCAG erişilebilirlik denetimi tek panelde. Puanlar, öneriler ve denetim geçmişi.

Kodpen Site Denetimi, açık sayfayı üç açıdan denetler ve sonuçları Chrome'un yan panelinde gösterir: SEO, hız ve erişilebilirlik (WCAG). Denetimler tamamen tarayıcınızda çalışır; sayfa bilgileri ve sonuçlar hiçbir sunucuya gönderilmez. Kayıt ya da hesap gerekmez. TEK BAKIŞTA ÜÇ PUAN Araç çubuğundaki simgeye tıkladığınızda panel açılır ve sayfa denetlenir; SEO, Hız ve Erişilebilirlik puanları 100 üzerinden kartlarda görünür. Bir karta tıklayınca ayrıntılar aynı panelde açılır, diğer iki denetimin puanı en üstte ince şeritler halinde durur ve tek tıkla aralarında geçersiniz. SEO DENETİMİ Başlık ve meta açıklama (piksel uzunluklarıyla), H1 ve başlık yapısı, canonical, robots ve noindex, hreflang, yapılandırılmış veri (schema), görsel alt metinleri, iç bağlantılar ve kırık bağlantılar, robots.txt, Open Graph ve sosyal paylaşım, mobil ve teknik kontroller. Google'da nasıl görüneceğinin önizlemesi ve her sorun için ne yapılacağı. HIZ TESTİ Sayfanın gerçek yüklenişi tarayıcının kendi ölçümleriyle: LCP, CLS, INP, FCP, TBT, TTFB ve Core Web Vitals sonucu. Büyük görseller, önbellek ayarları, küçültülmemiş dosyalar, uzun betikler ve üçüncü taraf kaynaklar için öneriler. "Yenileyip denetle" sayfayı önbelleği atlayarak yeniden yükler ve ilk ziyareti ölçer. Puan bu bilgisayarda ölçülen sürelerden hesaplanır; telefondaki sonuç için tek tıkla PageSpeed Insights mobil ölçümü açılır. ERİŞİLEBİLİRLİK (WCAG 2.2: A, AA ya da AAA) Denetim seviyesini kartın altından seçin; seçince yalnızca erişilebilirlik yeniden denetlenir. axe-core motoruyla kontrast, alternatif metin, form etiketleri, başlık sırası, ARIA ve klavye kullanımı gibi kurallar; ihlaller etki düzeyine göre (kritik, ciddi, orta, düşük) Türkçe açıklama ve düzeltme önerisiyle. SAYFA BİLGİLERİ SEO ayrıntısındaki "Sayfa bilgileri" sekmesi sayfanın ham verisini derli toplu gösterir: başlık ve açıklama uzunlukları, canonical, robots, dil, hreflang, H1–H6 başlık ağacı, Open Graph paylaşım kartı önizlemesi ve etiketleri, JSON-LD blokları (kodu açılabilir) ve içerik sayıları. SAYFADA GÖSTER Sorunlu öğeyi tek tıkla sayfada kırmızı çerçeveyle işaretleyip ekrana getirir. AÇIK VE KOYU TEMA Panel ve raporlar Chrome'un temasına uyar; isterseniz açık ya da koyu temayı sabitleyebilirsiniz. GEÇMİŞ Her denetim tarih, saat ve siteye göre bu bilgisayarda saklanır. Siteye, tarihe ya da adrese göre filtreleyin, eski bir denetimi yeniden açın ya da silin. Aynı sayfayı tekrar denetlediğinizde rapor önceki denetimle karşılaştırılır. Raporu HTML olarak indirebilirsiniz. Kodpen'in ücretsiz web araçları: https://kodpen.com/araclar