Multilingual sites

How URLs and SEO work on a multilingual site

How URLs and SEO work on a multilingual site

On a multilingual TeleportHQ site, your main language uses your normal web addresses, for example mybakery.com/about. Every other language adds its language code in front: mybakery.com/es/about for Spanish, mybakery.com/fr/about for French. The rest of the address stays the same in every language. TeleportHQ's automatic sitemap lists every language version of each page and tells search engines they belong together, and you can translate each page's title and description.

Web addresses for each language

A multilingual TeleportHQ site gives every page one address per language:

LanguageExample address
Main language (for example English)mybakery.com/, mybakery.com/about
Spanishmybakery.com/es, mybakery.com/es/about
Frenchmybakery.com/fr, mybakery.com/fr/about

The code is the short language code TeleportHQ uses for the language, such as es, fr or de. A page has one address, shared by every language: only the code in front changes, so /about can't become /es/sobre-nosotros. When you open a page's settings in a secondary language, the URL field shows the code in front of the address, for example /es, and changing the address there changes it for every language.

The top of TeleportHQ page settings with Spanish chosen in the language card and the URL field showing the /es code in front of the address

If you change which language is the main one, the addresses change too: the new main language moves to the plain addresses, and the old main language gets a code. See How to change the main language or remove a language.

Redirects you add work in every language: a redirect from /old-menu also sends /es/old-menu to the Spanish version. A redirect whose old address starts with one of your language codes, such as /es/old-menu, is used exactly as written. See How to hide a page from Google, set a canonical URL or redirect a page.

Which language visitors see first

By default, a TeleportHQ site looks at the visitor's browser language. A visitor whose browser is set to Spanish and who opens your homepage is taken to the Spanish version, if your site has one. Everyone else sees the main language.

To always show the main language first, open the language button at the top left of the canvas and tick Ignore browser language. The tooltip says "Enabling this option will force the default language to be used regardless of the users browser settings." The same option is in Project settings → Site → Internationalization as Ignore the visitor's browser language. Visitors can still change language with a language switcher. See How to add a language switcher. The change reaches your live site when you next publish.

The two options of the TeleportHQ language menu, with Ignore browser language highlighted

How search engines find your translations

TeleportHQ's automatic sitemap (sitemap.xml) lists every page once per language. For each page, it also names all its language versions with hreflang tags, which tell search engines "this is the Spanish version of that page", and marks the main-language address as the default (x-default). This helps Google show Spanish visitors your Spanish page instead of the English one.

To use it, keep Automatically Generate Sitemap on in Project settings → Site → SEO & social → Search engines. Below the switch, TeleportHQ lists the sitemap files your next publish writes. See How to set up your sitemap, robots.txt and llms.txt.

Show this site in search engines, in the same place, applies to every language: turned off, no language version of your site is listed.

Translating page titles and descriptions

Each page's Meta Title and Meta Description can differ per language. In Page SEO Settings, a card titled You have multiple languages used inside your project lets you pick the language you're editing. With Translate text elements automatically on, TeleportHQ translates the page settings you change in the main language. See How to review and edit translations and How to set a page's title and description for Google.

Blog posts have their own translated titles, slugs and SEO text. See How to translate blog posts.

Downloaded code and multilingual sites

When languages are on, your project downloads as Next.js or HTML code only. The Next.js code keeps the language addresses, the browser-language rule and the language switcher described here. An HTML download holds one language at a time, chosen under Target Language ("HTML export for the selected language only"). Web apps can't download their code. See Can I download my site's code?

Share

Related Articles

How to make your site available in several languages

In TeleportHQ, you make a site multilingual from the language button at the top left of the canvas by clicking Enable internationalization and choosing a main language; each extra language then needs a paid language slot (no plan includes one), and code downloads become limited to Next.js and HTML.

How to add a language switcher

In TeleportHQ, a language switcher can be placed for you when you add a language (Add a language switcher to the navigation and footer), or you add one yourself from Elements → Primitives → Interactive: lang-switcher is a dropdown, and Lang Toggle is an inline "en / es" row that highlights the active language; neither makes your website a web app.

How to review and edit translations

In TeleportHQ, you review translations from the language button → Manage Content, where you pick a page or component and edit each text in every language side by side; you can also edit one language on the canvas, translate page titles in Page SEO Settings, and export or import the texts for a translator as CSV or XLIFF.

How to set up your sitemap, robots.txt and llms.txt

TeleportHQ writes sitemap.xml, robots.txt and llms.txt for your site every time you publish; to see or change them, click the Project settings cog, then SEO & social → Search engines, where the settings show the files your next publish writes, save on their own, and link to the files on your live site.

How to set a page's title and description for Google

In TeleportHQ, open a page's menu in the Pages list, click Page SEO Settings and fill in Meta Title (up to 70 characters) and Meta Description (up to 160); set the site-wide defaults in Project settings → SEO & social → Search engines, then publish.

How to hide a page from Google, set a canonical URL or redirect a page

In TeleportHQ, open a page's Page SEO Settings and turn on No Index to keep it out of Google, Custom Canonical to point search engines to another address, or Custom Redirect to send visitors elsewhere; hide the whole site with Show this site in search engines, and manage every redirect under Custom Redirects in Project settings → SEO & social → Search engines.