To translate an HTML file, you translate the text people see (and a few they don’t, like image alt text) and leave every tag, link and script exactly as it was. Doing it by copy and paste is where pages break, so the reliable way is a tool that reads HTML, translates only the text and hands you back a working file. This guide shows what to translate, what to leave alone, and how to do it in a few minutes.
Why Not Just Use the Browser’s Translate Button?
Chrome and other browsers can translate a page while you’re looking at it, but nothing is saved. Your visitors still get the original, and search engines never see the translated version. If you want a page in another language on your site, you need a translated copy of the HTML file itself.
How to Translate an HTML File, Step by Step
- Make a copy of the file for each target language, so the original stays untouched.
- Translate the visible text: headings, paragraphs, lists, buttons, table cells.
- Translate the hidden text too: image
alttext,titletooltips, formplaceholdertext and the meta description, which is what Google shows in search results. - Leave the code alone: tag names,
classandidvalues,hrefandsrclinks, and everything insidescriptandstyle. - Set the language. Change
<html lang="en">to the new language code, for examplelang="de", and keep<meta charset="utf-8">so accented letters display correctly. - Open the page in a browser and check the layout, since translated text is often longer than the original.
Mistakes That Break a Translated HTML Page
- Translating inside tags. A translated class name or link path silently breaks styling and navigation.
- Losing inline formatting. A link or bold word inside a sentence has to end up around the right words in the translation, even when the word order changes.
- Touching scripts. Text inside
scriptcan look translatable, but changing it can stop the page from working. - Translating your brand name or code samples. Put them in their own element, such as a paragraph or
div, marked with the standardtranslate="no"attribute, so tools and browsers leave them alone. - Forgetting the meta description. The page reads well in German, and its search snippet is still in English.
How to Translate an HTML File with Taia
Taia is an online translation platform that reads HTML directly, so you upload the file and download a translated one with the same markup.
- Upload the .html file at translate.taia.io and pick your target languages.
- Choose AI or a professional translator. AI translates the page in minutes. A professional linguist reviews and edits it when the wording has to sell.
- Download the translated HTML file, set the
langattribute and publish.
What it takes care of for you:
- Tags and code stay untouched.
scriptandstylecontent is skipped, andhrefandsrclinks aren’t treated as text. - Inline formatting is protected. Links, bold, italics and
spans inside a sentence appear as tags the translator can move to fit the new word order but can’t break. - The hidden text is included.
alt,title,placeholder, tablesummary, optionlabel, and the meta description and keywords are translated along with the page. translate="no"is respected on whole elements. A paragraph,divor other block you’ve marked that way is skipped.
How Much Does It Cost?
HTML works on every plan, including Free, with 5,000 credits a month (5,000 words with Standard AI), which covers several pages. Basic is €9/month for 20,000 credits (20,000 words with Standard AI) and Pro €39/month for 100,000 credits (100,000 words with Standard AI), with translation memory and glossary included on Pro. Professional translation is billed per word from €0.06, with no subscription. If your strings live in JSON or XML files rather than pages, those have their own guides.
Frequently Asked Questions
Can I translate an HTML file for free?
Yes. HTML is on Taia’s Free plan, which includes 5,000 credits a month (5,000 words with Standard AI). That’s enough for several typical web pages.
Will the HTML tags be translated?
No. Tags, attributes like class and href, and the contents of script and style elements stay as they are. Only the text people read is translated.
Is image alt text translated?
Yes. alt text is translated along with title tooltips, form placeholder text and the meta description and keywords.
How do I stop a brand name from being translated?
If it stands on its own, as a heading, paragraph or div, add the standard translate="no" attribute to that element and Taia skips it. A name inside a sentence is still translated with the sentence, so add it to your glossary on Pro with the name as its own translation, which tells the AI to keep it as written.
What should I change after translating an HTML file?
Set the lang attribute on the <html> tag to the new language, check that links point to the right language version of each page, and look at the layout in a browser, because translations often run longer than the original.