Tiptap headless editör
Modern React-uyumlu editör; word count custom extension olarak.
Writer Utility / SaaS · Vaka Analizi
Text Word Count — Yazar & SEO Ekibi için Tiptap Editör
Yazarlar ve SEO ekipleri için kelime, karakter, okuma süresi ve keyword yoğunluğu analiz eden, Tiptap editörlü ve Lighthouse 100/100 hedefli web uygulaması.
Sonuçlar
Ölçülebilir Çıktılar
100/100
Lighthouse SEO
200ms debounce
Real-time hesaplama
TR + EN
Dil desteği
TODO — GA4
Aylık aktif kullanıcı
Brief
Hedef neydi?
Yazarlar farklı sekmelerde kelime sayar, ayrı araçta keyword density ölçer, üçüncü editörde okuma süresi tahmin eder. Tek araçta tüm bu metrikleri canlı veren bir editör yoktu (özellikle Türkçe + İngilizce dil desteği ile).
Yaklaşım
Hangi metodoloji pillarlarını uyguladık
Methodology'nin Technical (Lighthouse 100/100 hedef, INP < 100ms) ve AEO ("X kelime kaç dakika okuma" gibi soru-cevap snippet hazırlığı) pillar'larını uyguladık.
Tam süreç → 47 maddelik AI-Ready SEO Audit metodolojisi.
Teknoloji Yığını
Neyle inşa edildi
- Next.js 15
- TypeScript
- Tiptap
- Tailwind CSS
- Schema.org SoftwareApplication
Yapım Süreci
Kritik kararlar ve trade-off'lar
Tiptap editör seçimi: TinyMCE/Quill yerine; modern, headless, React-uyumlu, plugin sistemi temiz. Word/character count kendi extension olarak yazıldı.
Tüm hesaplamalar 200ms debounce ile real-time; ekran takılmıyor. Türkçe + İngilizce için ayrı word boundary regex'leri (Türkçe'de bağlaçlar farklı).
Çıktı bloğunda "X kelime, Y karakter, Z dakika okuma" SpeakableSpecification ile işaretli — AI Overview "X kelime ne kadar okuma sürer" sorgusunda alıntılanabilir.
Uygulanan Adımlar
Metodoloji uygulamada
TR/EN word boundary regex
Türkçe + İngilizce için ayrı regex; bağlaç + birleşik kelime tutarlılığı.
Speakable çıktı bloğu
"X kelime, Y karakter, Z dakika" SpeakableSpecification ile AI alıntı hazır.
Dürüst Yansıma
Bir daha yapsam ne değişirdi?
İlk launch'ta keyword density modülünü editöre ekledik ama "hangi kelime önemli" konusunda kullanıcıya rehberlik etmedik — sadece sayıları gösterdik. Yazarlar "density iyi mi kötü mü?" diye soruyordu. İkinci versiyonda her kelime için "target range: 0.5-1.5%" benchmark eklendi, kırmızı/sarı/yeşil göstergeli. Yazar tool'larında ham veri değil, yorumlanmış veri lazım.
Ekran Görüntüleri
Bunu projenizde de ister misiniz?
Aynı 47 maddelik metodoloji, sabit $499USD, 5-7 iş günü. Audit'i rezerve edin.