Next.js SEO Denetleyicisi

Next.js sitenizi SSR, işleme, meta veriler ve taranabilirlik sorunları açısından denetleyin. 7 kategoride 20'den fazla kontrol.

1 Numaralı Next.js SEO Sorunu

"İstemci kullan" yönergelerinin aşırı kullanımı, içeriğin yalnızca tarayıcılarda görüntülenmesine neden olur. Arama motorları ve AI tarayıcıları (ChatGPT, Claude, Perplexity), içeriğiniz yerine boş bir HTML kabuğu görebilir.

  • SSR ve CSR sorunlarını tespit edin
  • Meta veri kullanılabilirliğini kontrol edin
  • Önemli Web Verilerini Analiz Edin

Next.js siteleriyle en iyi şekilde çalışır ancak tüm web sitelerini analiz edebilir

Sıkça Sorulan Sorular

Bu araç neyi kontrol ediyor?

Bu araç 7 kategoride 20'den fazla SEO kontrolü gerçekleştirir:

  • İşleme ve SSR: Boş HTML kabuklarını, yalnızca istemci oluşturmayı ve hidrasyon sorunlarını algılar
  • Meta Veri ve Başlık: Başlık, açıklama, Grafiği Aç, standart, görünüm alanı
  • Performans: Önemli Web Verileri (FCP, LCP, TTFB), oluşturmayı engelleyen kaynaklar
  • Görseller: Alternatif metin, sonraki/resim kullanımı, geç yükleme
  • Yapılandırılmış Veri: JSON-LD şema işaretleme doğrulaması
  • Taranabilirlik: Robot metası, dahili bağlantılar, hreflang
  • Anlamsal HTML: Başlıklar, önemli noktalar, ARIA özellikleri

SSR/SSG SEO için neden önemlidir?

Arama motorları ve AI tarayıcıları başlangıçta yalnızca sunucunuzdaki ham HTML'yi görür. İçeriğiniz yalnızca JavaScript (istemci tarafı) aracılığıyla oluşturuluyorsa tarayıcılar boş bir sayfa görebilir. Sunucu Tarafı Oluşturma (SSR) veya Statik Site Oluşturma (SSG), içeriğinizin ilk HTML yanıtında olmasını sağlar.

"Boş HTML Kabuğu" sorunu nedir?

Bu, Next.js uygulamanızın tamamen JavaScript aracılığıyla yüklenen içeriğe sahip minimum düzeyde HTML döndürmesi durumunda ortaya çıkar. Yaygın nedenler:

  • "İstemciyi kullan" direktiflerinin aşırı kullanımı
  • getServerSideProps veya getStaticProps kullanmamak
  • Yalnızca useEffect kancalarında veri getiriliyor

Oluşturma sorunlarını nasıl düzeltirim?

İçeriğin tarayıcıların kullanımına sunulduğundan emin olmak için:

  • Sayfa Yönlendiricisi: GetServerSideProps veya getStaticProps'u kullanın
  • Uygulama Yönlendiricisi: Bileşenleri varsayılan olarak Sunucu Bileşenleri olarak tutun, yalnızca gerektiğinde "istemci kullan" seçeneğini ekleyin
  • Veri Getirme: Kritik verileri, kullanımda değil, sunucu tarafında getir
  • Meta veriler: Next/head'i veya meta veri API'sini kullanın