Translating Static Sites

Bash
# Extract translatable content from HTML
grep -oP '(?<=<title>).*(?=</title>)|(?<=<meta name="description" content=").*(?=">)|(?<=<h[1-6][^>]*>).*(?=</h[1-6]>)|(?<=<p[^>]*>).*(?=</p>)' index.html > content.txt

# Create translation template
echo "Original | Translation | Notes" > translations.csv

For Tillo.com translation project:

Progress:

• Audit existing content structure
• Extract translatable strings
• Translate core content
• Adapt cultural references
• Update meta tags and SEO
• Test language switching
• Validate HTML integrity

Step 1: Content Extraction

• Identify all user-facing text in HTML files
• Extract meta descriptions, titles, headings, body text
• Note dynamic content that needs template updates
• Preserve HTML attributes and structure markers

Step 2: Translation Strategy

• Translate title tags and meta descriptions for SEO
• Adapt product descriptions for local gift card preferences
• Localize currency formats and payment methods
• Adjust CTA buttons for cultural context

Step 3: Implementation

• Create language-specific directories (/fr/, /de/, /es/)
• Update hreflang tags in HTML head
• Implement language switcher in navigation
• Configure URL structure for SEO

Example 1: Meta Tag Translation Input: <title>Tillo - Digital Gift Cards for Business</title> Output: <title>Tillo - Cartes Cadeaux Numériques pour Entreprises</title>

Example 2: CTA Button Adaptation Input: <button>Get Started Today</button> Output: <button>Commencer Maintenant</button> (French)

Example 3: Product Description Input: "Reward employees with Amazon gift cards" Output: "Récompensez vos employés avec des cartes-cadeaux Amazon" (maintaining brand names)