Skip to main content

Quickstart

Frenglish.ai provides real-time website translation through a reverse proxy system. When visitors access your website, our Cloudflare worker intercepts the request, retrieves your original content, translates it, and serves the translated version in their preferred language.

Setting Up Website Translation​

Website Configuration

  1. Prepare Your Project

    • Log in to your Frenglish.ai dashboard
    • Configure your desired target languages
    • Activate your project
    • Navigate to the Website tab

  2. Register Your Domain

    • Add your website domain in the Website tab
    • Copy the provided DNS configuration

  3. Configure DNS Settings

    • Go to your domain provider's DNS management page
    • Follow the instructions provided on your project website configuration page on Frenglish

Testing Without a Domain​

If you want to test the translation feature without configuring DNS, you can add our JavaScript snippet to your website's body:

<script src="https://frenglish.ai/frenglish.bundle.js" strategy="beforeInteractive"></script>
<script id="frenglish-init" strategy="afterInteractive">
   window.frenglishSettings = {
      api_key: "your-public-api-key",
   };
   if (window.Frenglish) {
      window.Frenglish.initialize(window.frenglishSettings);
   }
</script>

How It Works​

  1. When a user visits your website, our system detects their preferred language
  2. The request is routed through our Cloudflare worker
  3. The worker fetches your original content
  4. Content is automatically translated to the user's preferred language
  5. The translated version is served to the user

Your translated pages will be available at language-specific URLs:

  • Original: example.com/
  • French: example.com/fr/
  • Spanish: example.com/es/
  • (Additional languages as configured in your project)

Benefits of this approach​

  • Setup takes a few minutes, no change on your code required
  • Real-time translation without maintaining separate language versions
  • Automatic language detection and routing
  • No need to modify your existing website structure
  • SEO-friendly URLs for each language
  • This server side translation is a must for good localized SEOs

SEO Benefits​

Our translation system is designed to maximize your website's search engine visibility across different languages and regions:

  1. Localized URLs

    • Each language version has its own URL structure (e.g., example.com/fr/, example.com/es/)
    • Search engines recognize these as distinct, localized versions of your content

  2. Proper HTML Language Tags

    • We automatically update the <html lang="..."> attribute for each language
    • Language-specific meta tags are added to help search engines understand the content's language

  3. Hreflang Implementation

    • Automatic addition of <link rel="alternate" hreflang="..."> tags
    • Helps search engines understand the relationship between your translated pages
    • Ensures the correct language version is shown in search results based on the user's location and language preferences

  4. Content Localization

    • All content is properly translated, including meta titles, descriptions, and keywords
    • Helps improve rankings in local search results for each target language
    • Maintains SEO value across all language versions

  5. Server side translation

    • The content is translated before it hits the client
    • SEO crawlers receive the translated content immediately, allowing them to index it

These optimizations help search engines properly index your multilingual content, potentially improving your rankings in local search results and reaching a broader international audience.