168 Ücretsiz Ticaret Aracı: Sıfır Bağımlılıkla HTML/JS Projesi

Ticaret dünyasında, özellikle de prop firmalarda (yani diğerlerinin sermayesiyle işlem yapan traderlarda) hesaplama araçları hayati önem taşıyor. Mevcut çoğu aracın ise ya kullanımı zor, reklamlarla dolu olduğu görülüyor ya da FTMO gibi firmaların koyduğu %5’lik günlük drawdown kuralını dikkate almıyor. Bu boşluğu fark eden bir geliştirici, PropWise adı altında 168 ayrı sayfaya yayılmış 10 adet etkileşimli ticaret aracı oluşturdu — tümünü de sadece vanilla HTML, CSS ve JavaScript kullanarak, hiçbir framework ya da bağımlılık olmadan.

Peki, bu proje nasıl ortaya çıktı ve hangi tekniklerle hayata geçirildi?

Ticaret Araçlarının Kapsamı: 10 Ana Araç ve 158 Programatik Sayfa

Geliştirilen araçlar, prop firmaların özel ihtiyaçlarına göre özelleştirilmiş durumda. Ana 10 araç şunları içeriyor:

• Pozisyon Büyüklüğü Hesaplayıcı: 12 popüler prop firmaya ön ayarlı olarak sunuluyor.
• Challenge Maliyet Hesaplayıcı: Başarı oranına göre fonlanma maliyetini tahmin ediyor.
• Yıkım Riski Hesaplayıcı: Hesap riskini patlatma olasılığını matematiksel olarak hesaplıyor.
• İntikam Ticareti Hesaplayıcı: Duygusal kararların olası zararını modelleyen bir araç.
• Aşırı İşlem Tespit Edici: Optimal işlem sıklığını analiz ediyor.
• Canlı Oturum Zamanlayıcı: ICT kill zone’larına göre oturum sürelerini yönetiyor.
• Bileşik Büyüme Hesaplayıcı: Yatırımların zamanla nasıl büyüyeceğini gösteriyor.
• Pip Değeri Hesaplayıcı: Farklı döviz çiftleri için pip değerlerini hesaplıyor.
• Prop Firm Karşılaştırma Aracı: 12 farklı firmanın özelliklerini karşılaştırıyor.
• Hazırım Mıyım? Quiz: Kullanıcıların ticaret hazırlığını değerlendiriyor.

Bu araçlara ek olarak, 158 adet programatik olarak üretilmiş sayfa da mevcut:

• 55 adet firma ve hesap büyüklüğü özel hesaplayıcı sayfası (örneğin, "FTMO 100K Pozisyon Büyüklüğü Hesaplayıcı").
• 66 adet firma karşılaştırma sayfası (örneğin, "FTMO vs FundedNext").
• 36 adet marka özel araç sayfası (örneğin, "Topstep Risk Hesaplayıcı").

Teknik Yığın: Sadelik ve Verimlilik Odaklı

Projenin en dikkat çekici yanı, hiçbir framework kullanılmamış olması. Geliştirici, bu tercihi şöyle açıklıyor:

• HTML, CSS ve JavaScript’in vanilla versiyonları kullanıldı.
• Python betiği, 168 sayfanın şablonlardan otomatik olarak üretilmesini sağladı.
• Sunucu tarafında Nginx üzerinde çalıştırıldı.
• SSL sertifikaları için Certbot kullanıldı.
• Google Analytics entegrasyonu yapıldı.

Veritabanı, API ya da herhangi bir framework kullanılmadı — tüm hesaplamalar istemci tarafında gerçek zamanlı olarak yapılıyor. Bu yaklaşım, hem performansı artırıyor hem de geliştirme sürecini büyük ölçüde basitleştiriyor.

Programatik SEO Stratejisi: Her Kombinasyon İçin Özel Sayfalar

Geleneksel SEO yaklaşımlarının aksine, geliştirici geniş anahtar kelimeler yerine spesifik kombinasyonlara odaklandı. Örneğin, sadece "pozisyon büyüklüğü hesaplayıcı" yerine:

• Her firma × her hesap büyüklüğü için ayrı sayfalar oluşturuldu. Örneğin, "FTMO 50K Pozisyon Büyüklüğü Hesaplayıcı".
• Her firma × her diğer firma için karşılaştırma sayfaları üretildi. Örneğin, "FTMO vs MyForexFunds".
• Her firma × her araç tipi için marka özel landing sayfaları oluşturuldu.

Her sayfanın şu özelliklere sahip olmasını sağlandı:

• Eşsiz başlık, açıklama ve anahtar kelime etiketleri.
• Schema.org işaretlemeleri (SoftwareApplication, BreadcrumbList, FAQPage).
• Ekmek kırıntısı (breadcrumb) navigasyonu.
• Yoğun iç bağlantı ağı (her sayfada en az 5 bağlam içi bağlantı).
• Önceden hesaplanmış veri tabloları (sadece boş bir hesaplayıcı yerine, kullanıma hazır sonuçlar sunulması).

Python betiği, tüm bu sayfaları otomatik olarak üretirken, aşağıdaki gibi bir yapıya sahip:

for firma in FIRMALAR:
    for hesap in firma["hesaplar"]:
        sayfa_slug = f"{firma['slug']}-{format(hesap)}-pozisyon-buyuklugu-hesaplayici"
        sayfa_basligi = f"{firma['isim']} {format(hesap)} Pozisyon Büyüklüğü Hesaplayıcı"
        sayfa_icerigi = hesaplayici_sayfasini_olustur(firma, hesap)
        sayfayi_olustur(sayfa_slug, sayfa_basligi, sayfa_icerigi)

Tasarım Kararları: Kullanıcı Deneyimine Odaklanma

Geliştirici, kullanıcı deneyimini ön planda tutan birkaç tasarım kararı aldı:

• Koyu tema: Ticaret yapanların genellikle koyu arka planlı grafiklerle çalıştığı düşünülerek, arayüz de koyu modele uygun şekilde tasarlandı. Beyaz bir arayüzün, sürekli karanlıkta çalışan traderlarda göz yorgunluğuna yol açabileceği öngörüldü.
• Kaydolma engeli yok: Tüm araçlar anında kullanılabilir şekilde tasarlandı. Herhangi bir email yakalama, üyelik duvarı ya da ödeme engeli bulunmuyor. Güven, kullanıcıya değer sunarak inşa edildi.
• Paylaşım kartları: Her hesaplama sonucu, Twitter ekran görüntülerine optimize edilmiş paylaşım kartları olarak sunuluyor. Organik dağıtımın reklamdan daha etkili olduğu düşünülüyor.
• Ses efektleri: Subtle ses geri bildirimleri eklendi. Örneğin, olumlu sonuçlar için "cha-ching" sesi, tehlikeli risk seviyeleri için uyarı tonu duyuluyor. Küçük bir detay gibi görünse de, kullanıcı deneyimine büyük katkı sağladığı gözlemlendi.

Gelecekteki Geliştirmeler: Neler Değiştirilebilir?

Geliştirici, projenin ilk sürümünde bazı iyileştirme alanları olduğunu belirtiyor:

• Özel bir statik site oluşturucu kullanmak yerine, Python betiğinin yerine geçecek daha modüler bir yapı tercih edilebilir.
• Hizmet çalışanı (service worker) eklenerek, offline kullanım desteği sağlanabilir.
• Tasarım sistemi oluşturulması: Mevcut inline stiller yerine, daha tutarlı ve sürdürülebilir bir tasarım sistemi geliştirilebilir.

Sonuçlar: Sıfır Bütçeyle 168 Sayfa ve Sıfır Reklam

Proje, henüz yayınlandığı ilk aşamada, Google tarafından 168 sayfanın tamamı endekslendi — ve hiçbir reklam ya da pazarlama bütçesi harcanmadı. Geliştirici, şu anda sonuçları izliyor ve kullanıcı geri bildirimlerini değerlendiriyor. Projenin amacı, prop firmalarda ticaret yapanlara gerçekten faydalı, hızlı ve bağımsız araçlar sunmak olarak özetlenebilir.

Eğer siz de bir prop firmada ticaret yapıyorsanız ya da bu alanda araç geliştirmeyi düşünüyorsanız, PropWise’in sunduğu yaklaşımın detaylarını inceleyerek ilham alabilirsiniz. Her şey ücretsiz olarak sunuluyor — geri bildirimleriniz, projenin gelecekteki gelişimine katkı sağlayacaktır.