محرر Tiptap headless
محرر حديث React-friendly؛ عدد الكلمات كامتداد custom.
أداة كتاب / SaaS · دراسة حالة
Text Word Count — محرر Tiptap للكتاب وفرق SEO
تطبيق ويب للكتاب وفرق SEO — عدد كلمات، عدد أحرف، وقت قراءة، وتحليل كثافة الكلمات الرئيسية على محرر Tiptap — يستهدف Lighthouse 100/100.
النتائج
نتائج قابلة للقياس
100/100
Lighthouse SEO
200ms debounce
حساب فوري
TR + EN
دعم اللغات
TODO — GA4
المستخدمون النشطون شهرياً
Brief
ما كان الهدف؟
الكتاب يعدّون الكلمات في علامة تبويب، يقيسون كثافة الكلمات الرئيسية في أداة أخرى، يقدّرون وقت القراءة في محرر ثالث. لم يكن هناك محرر واحد يسلّم كل هذه المقاييس live (خاصة مع دعم اللغتين التركية + الإنجليزية).
النهج
أي ركائز المنهجية طبّقت
طبقت ركيزة التقني (هدف Lighthouse 100/100، INP < 100ms) وركيزة AEO (تنسيق Q&A جاهز للمقتطف لـ "كم تستغرق X كلمة للقراءة").
العملية الكاملة ← منهجية تدقيق AI-Ready SEO من 47 نقطة.
Stack التقني
مبني بـ
- Next.js 15
- TypeScript
- Tiptap
- Tailwind CSS
- Schema.org SoftwareApplication
الخطوات المطبَّقة
المنهجية في التطبيق
regex حدود الكلمة TR/EN
regex منفصل للتركية + الإنجليزية؛ معالجة متسقة للروابط + المركبات.
كتلة output speakable
"X كلمة، Y حرف، Z دقيقة" مع SpeakableSpecification، جاهزة لاقتباس الذكاء الاصطناعي.
تأمل صادق
ما الذي سأفعله بشكل مختلف
عند الإطلاق أضفنا وحدة كثافة الكلمات الرئيسية لكن لم نرشد المستخدمين حول "أي الكلمات مهمة" — أظهرنا الأرقام فقط. الكتاب استمروا بالسؤال "هل هذه الكثافة جيدة أم سيئة؟". v2 أضافت benchmark "target range: 0.5-1.5%" لكل كلمة مع مؤشرات أحمر/أصفر/أخضر. في أدوات الكتّاب، البيانات الخام ليست كافية — البيانات المُفسَّرة هي المنتج.
لقطات الشاشة
هل تريد هذا لمشروعك؟
نفس منهجية الـ47 نقطة، سعر ثابت $499 دولار، 5-7 أيام عمل. احجز التدقيق.