SaaS / مركز الحاسبات · دراسة حالة

HepsiHesapla — 149+ حاسبة + تصميم نيو-بروتاليست

مركز يضم أكثر من 149 حاسبة عبر كل فئة، مغلَّف بهوية بصرية neo-brutalist ومضبوط لكل صفحة للاقتباس في AI Overview.

زيارة الموقع المباشرنُشر: 1‏/11‏/2025حُدِّث: 25‏/4‏/2026
HepsiHesapla — 149+ حاسبة + تصميم نيو-بروتاليست — لقطة هيرو

النتائج

نتائج قابلة للقياس

149+
عدد الحاسبات
Neo-brutalist
نظام التصميم
+18% vs flat
معدل التفاعل على الجوال
TODO — Perplexity dataset
اقتباس AI Overview

Brief

ما كان الهدف؟

فئة الحاسبات في تركيا مجزأة عبر نطاقات منفصلة وأدوات فردية. جعل URL وجهة واحدة يظهر بشكل متماسك عبر كل فئة في Google تطلّب بنية كيان ومحتوى محكمة.

النهج

أي ركائز المنهجية طبّقت

استثمرت بقوة في ركائز Schema وAEO وGEO: schema Person (مؤلف/مراجع) + HowTo + FAQPage لكل حاسبة؛ H1 سؤال، الفقرة الأولى إجابة مباشرة 40-60 كلمة؛ كتل النتيجة موسومة بمحدد speakable.

العملية الكاملة ← منهجية تدقيق AI-Ready SEO من 47 نقطة.

Stack التقني

مبني بـ

  • Next.js 15
  • TypeScript
  • Tailwind CSS
  • Schema.org HowTo + FAQPage
  • Vercel

الخطوات المطبَّقة

المنهجية في التطبيق

1

Hook حالة موحد

hook useCalculator يدير حالة input/result/history/share لكل الـ149 أداة؛ إضافة حاسبة جديدة عملية ذرّية.

2

نتيجة Speakable

نتيجة الحساب تعيش في #result-block id؛ SpeakableSpecification يضمن جاهزية اقتباس AI Overview.

3

FAQPage + HowTo لكل فئة

كل صفحة فئة تحزم 5-7 Q&A طبيعية (FAQPage) + خطوات كيف يُحسب (HowTo)، مضبوطة للمقتطفات.

تأمل صادق

ما الذي سأفعله بشكل مختلف

عند الإطلاق لم نأخذ الوقت لكتابة meta descriptions فريدة للحاسبات الـ149 — أنشأناها برمجياً. Google قرأها كـ "low-quality metadata" وانخفض CTR 35% تحت الأساس في أول 30 يوماً. التمريرة الثانية شحنت meta descriptions مكتوبة يدوياً لأعلى 20 في كل فئة. الـ129 المتبقية بقيت برمجية — مقايضة متعمدة، لكن في المرة القادمة سأكتب يدوياً أعلى 50.

لقطات الشاشة

HepsiHesapla — 149+ حاسبة + تصميم نيو-بروتاليست — لقطة تفصيل 1
HepsiHesapla — 149+ حاسبة + تصميم نيو-بروتاليست — لقطة تفصيل 2

هل تريد هذا لمشروعك؟

نفس منهجية الـ47 نقطة، سعر ثابت $499 دولار، 5-7 أيام عمل. احجز التدقيق.