The latest articles on DEV Community by Amiel Riss (@amiel_riss_fb090345fb41d1). https://dev.to/amiel_riss_fb090345fb41d1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3859423%2Fa65354b8-a6f4-416d-9340-b96596a18c8c.jpg https://dev.to/amiel_riss_fb090345fb41d1 en Amiel Riss Fri, 03 Apr 2026 16:09:08 +0000 https://dev.to/amiel_riss_fb090345fb41d1/how-i-built-a-multilingual-financial-calculator-thats-discoverable-by-ai-and-search-engines-3dah https://dev.to/amiel_riss_fb090345fb41d1/how-i-built-a-multilingual-financial-calculator-thats-discoverable-by-ai-and-search-engines-3dah <p>Most financial tools online are English-only, locked behind paywalls, or buried in SEO-unfriendly single-page apps. I built <a href="https://smartmoney77.com/en/" rel="noopener noreferrer">SmartMoney77</a> to fix that — a free, open-source collection of 32+ financial calculators in 6 languages with 22 currencies.</p> <p>Here's what I learned about making a web app discoverable by both Google and AI assistants like ChatGPT, Gemini, and Perplexity.</p> <h2> 1. Structured Data Is Your Best Friend </h2> <p>Every calculator page includes JSON-LD schema markup (<code>WebApplication</code>, <code>FAQPage</code>, <code>BreadcrumbList</code>). This tells search engines and AI crawlers exactly what each page does — without guessing from the HTML.</p> <h2> 2. One URL Per Language, Not Query Params </h2> <p>Instead of <code>?lang=he</code>, each language gets its own path prefix (<code>/en/</code>, <code>/he/</code>, <code>/ar/</code>, <code>/es/</code>, <code>/pt/</code>, <code>/in/</code>). This means each version is independently indexable and linkable. Google treats them as separate pages, and AI tools can reference the right language version.</p> <h2> 3. Server-Side Rendering for Calculator Results </h2> <p>SPAs are invisible to most AI crawlers. SmartMoney77 renders calculator descriptions, FAQs, and default outputs on the server so that crawlers see real content — not a loading spinner.</p> <h2> 4. hreflang Tags for Multilingual SEO </h2> <p>Every page includes <code>&lt;link rel="alternate" hreflang="..."&gt;</code> tags pointing to all 6 language versions. This prevents duplicate content penalties and helps AI tools serve the right language to users.</p> <h2> 5. Publish an npm Package for Developer Reach </h2> <p>I published the core calculator functions as an npm package (<a href="https://www.npmjs.com/package/smartmoney77-calculators" rel="noopener noreferrer">smartmoney77-calculators</a>) so developers can embed compound interest, FIRE planning, or Zakat calculations in their own apps. This creates backlinks and puts SmartMoney77 in front of a developer audience.</p> <h2> 6. AI-Powered Insights Built In </h2> <p>SmartMoney77 uses Gemini to generate personalized financial insights based on calculator results. This isn't just a feature — it's a signal to AI crawlers that the site produces dynamic, contextual financial content.</p> <h2> The Stack </h2> <p>Built with Lovable (React + Vite + Supabase), deployed on Netlify, with a WordPress plugin and npm package for distribution. The whole thing is free — no accounts required, no paywalls.</p> <p><strong>Try it:</strong> <a href="https://smartmoney77.com/en/" rel="noopener noreferrer">smartmoney77.com/en</a><br> <strong>npm:</strong> <a href="https://www.npmjs.com/package/smartmoney77-calculators" rel="noopener noreferrer">smartmoney77-calculators</a><br> <strong>Product Hunt:</strong> <a href="https://www.producthunt.com/products/smartmoney77" rel="noopener noreferrer">SmartMoney77</a></p> webdev seo ai javascript