Tüm yazılarSEO · 3 dk

Next.js App Router ile SEO: kontrol listemiz

Next.js App Router ile SEO: kontrol listemiz

Yeni router'a geçtikten sonra Lighthouse skorlarımız nasıl 90+'a çıktı? Üretimde uyguladığımız tam kontrol listesi.

Metadata API

generateMetadata içinde dinamik OG görseli + canonical + i18n alternates. Bunlar olmadan App Router'da sosyal paylaşımlar sönük kalır.

Akıllı caching

fetch için revalidate süresi ile route'un dynamic davranışını birbirinden ayırın. Statik üretim + ISR çoğu vakayı kapsar; yarı-dinamik için route segment config en iyi dostunuz.

Görsel optimizasyonu

next/image, sharp ile birlikte CLS'i fiilen sıfırlar. Logo gibi maskelenebilir öğeler için CSS mask + tek PNG, üç farklı SVG'ye gerek bırakmaz.

Paylaş
LinkedIn·X·
Devamı var

Diğer yazılar