Merhaba,
- Soğuk başlangıç problemi sayfada ele alınmamış öğrenci girdiğinde kampüsü boşsa ne oluyor? "İlk 50 kişi kampüs kurucusu olur" gibi bir teşvik mekanizması hem sayfada hem üründe olmalı şu an her şey "gündem var, kulüp var" gibi anlatılmış ama bunu üretecek kitle henüz yok.
- Domain listesi çok uzun ve tekrarlı Marquee'de çok fazla domain kayıyor, sayfa metninde iki kez tekrar ediyor kullanıcı "benim üniversitem var mı?" diye bakıyor bunun için bir arama kutusu Üniversiteni yaz: … çok daha işlevsel ayrıca bu kadar metin HTML'e yüklenmesi mobilde gereksiz ağırlık.
- CTA tekrarı ama tek aksiyon. Üniversite e-postanla katıl güzel, ama e-postası olmayan yeni kayıt, yaz okulu, kayıt dondurmuş öğrenci için hiçbir yol yok en azından bir SSS'de e-postam henüz aktif değil cevaplanmalı
- Mockup'lar gerçek değil rRobotik Kulübü 214 üye, 112 oy gibi örnekler tasarım datası bir kere gerçek bir kampüsten ekran görüntüsü koyabilirsen etki katlanır yoksa vaat seviyesinde kalıyor
- Hakkımızda / kim yapıyor? Öğrenci verisiyle çalışan bir platformda arkasındaki kişi/ekip görünmüyor KVKK metni var ama "biz kimiz" bir paragraf bile güven için yeterli olur
- SEO tarafı: Ana sayfa tek başına öğrenci sosyal ağı için sıralanmaz 228 üniversite × fakülte/bölüm için zaten katalog var bunları indekslenebili, herkese açık sayfalar yaparsan (örn. /universite/hacettepe/bilgisayar-muhendisligi) organik trafik oradan gelir, sonra girişe yönlendirirsin
- Küçük şeyler: Hero'daki Üniversiteni bul linki ile alttaki aynı buton aynı yere mi gidiyor belli değil; 18 yaş üstü notu en altta gizli kalmış kayıt akışında da geçmeli footer'da iletişim/destek adresi görünmüyor
Teknik yorum :
- Domain marquee'si DOM'u şişiriyor sayfada 996 element var bunun 456 sı @xxx.edu.tr span'ı (228 domain × 2 sonsuz kaydırma için kopyalanmış) aria-hidden konmuş ekran okuyucu için doğru ama HTML'in büyük kısmı bu yalnızca görünen satırı render edip geri kalanı CSS ile döndürmek ya da listeyi kısaltıp arama kutusuna yönlendirmek hem HTML'i hem style hesaplamasını küçültür
- 190 inline <script> bloğu bunun büyük kısmı Next.js in RSC streaming payloadı (self.__next_f.push) yani normal ama toplam 73 KB inline JS demek ana sayfa neredeyse tamamen statik içerik burada streaminge gerek yok sayfayı statik/ISR olarak üretip client component sayısını azaltırsan payload ciddi düşer bir kontrol hangi bileşenler use client? Marquee ve saat akışı dışında client tarafında bir şey olmamalı.
- main.fallback-page sayfada iki <main> var biri Kampüs hazırlanıyor… yazan display:block ve 1578 px yükseklikte bir fallback/yükleme kabuğu diğeri asıl içerik görsel olarak gizlenmiş olabilir ama DOMda erişilebilirlik ağacında iki main landmarkı görünüyor ekran okuyucular ana içerik olarak ilkine gidebilir fallbacki hidrasyon bitince DOMdan kaldır ya da hidden attribute ver
- main iki nav ve h2/h3 hiyerarşisi iyi ama İçeriğe atla (skip link) yok landmarklar sağlam olduğu için kritik değil tek satırlık bir ekleme
- Fallback font FOUT/CLS Barlow Condensed için size-adjust yapılmış (iyi) ama başlıklar çok büyük olduğu için ilk boyamada küçük bir layout kayması olabilir lighthouse'ta CLSe bak 0.05 üstüyse font-display: optional düşün
- Görsel meta Hero 1100×618 WebP w=1200&q=75 ile geliyor masaüstünde ~560 px genişlikte gösteriliyor sizes değerini (min-width:1024px) 40vw 100vw gibi verirsen yarısı kadar dosya iner mobil için 1200 pxlik varyant fazla
- Sadece Organization JSON-LD var WebSite + SearchAction ve ileride her üniversite sayfası için CollegeOrUniversity şeması eklenirse arama sonuçlarında sitelink/arama kutusu şansı doğar ayrıca hreflang yok tek dil olduğu için şimdilik sorun değil
- CSP var ama içeriğini kontrol et Next.js inline scriptleri için genelde unsafe-inline bırakılıyor o zaman CSPnin XSS koruması sembolik kalır nonce tabanlı CSPye geçmek (Next middleware ile) bu tür bir güvenlik ürünü için değer
Özet: Tasarım ve konsept tarafı bitmiş asıl iş artık içeride hayat var hissini vermek. Sayfaya gerçek rakam gerçek ekran görüntüsü ve bir arama kutusu ekle kalan kısım zaten iyi. Kolay gelsin takip edeceğim.
geri dönüşleriniz ve tavsiyeleriniz için çok teşekkür ediyorum dikkate aldım bakıyorum şimdi ☺️🙏