Multilingual variant of a page

In the previous article, you’ve read about setting up multilingual on Kbank. Now, you can start translating the pages as needed.

Translating your company website helps you reach a broader audience and provide a better user experience, which leads to higher conversion rates.

Let’s see how to translate a page into your targeted language.

Prerequisites:

Create a new language variant of a page

1. Localize untranslated pages

When translating a page, you need to know which one to pick so you don’t work on something already translated. Xperience by Kentico shows you the translation status at first glance. Just switch to the target language using the drop-down selector in the top left corner and see the icons next to the pages in the content tree:

• The alphabet sign means the page is not translated.
• The pencil says the translated page is in draft but has not been published yet.
• The green tick sign tells you the translated page is published.

2. Create the language variant

When creating a language variant of a page, you’re preparing a base for the content you’ll translate later. You need to take care of things in the background before you prepare the content visitors see when they visit your website.

Think about SEO

SEO properties are an essential part of any web page. Translating SEO properties to the targeted language supports the page in local search engines, so the target audience can find it easier. On the other hand, not translating the SEO properties could promote the translated page to the audience of the fallback language.

For example, if your company’s website is in English, and you decide to add a Spanish version but keep the SEO properties in English, the English audience can find the pages in Spanish. At the same time, the Spanish audience may miss the translated pages, and the number of visitors and potential conversions will be lower.

Add SEO-related content

Let’s first add some English SEO metadata to the TravelGuard Insurance product page.

You can use the following values:

• SEO Title: TravelGuard Insurance by KBank – Secure Your Trip
• SEO Page description: Protect your travels with TravelGuard Insurance from KBank. Covers cancellations, emergencies, baggage, and delays. Peace of mind for every journey.

Add Open Graph content

If your company is active on social media to promote content, translate the Open Graph fields as well. If your developers implemented a custom connector app to share your content on your social media profiles, filling data in the OG properties creates a social media post, both the headline and the text, in the desired language.

Let’s add OpenGraph content to the TravelGuard Insurance page to see how translation works. You can use the following values:

• OpenGraph Title: TravelGuard Insurance – Comprehensive Travel Protection
• OpenGraph Description: Travel worry-free with KBank’s TravelGuard Insurance. Get coverage for emergencies, cancellations, and baggage wherever you go.
• Facebook Title: TravelGuard Insurance by KBank – Secure Your Trip
• Facebook Description: Enjoy secure travel with KBank’s TravelGuard Insurance. Covers cancellations, emergencies, baggage, delays, and more for every traveler.

Translate page using AIRA

AIRA translations let editors quickly generate language variants of existing content without manual translation or external tools. You can translate pages (including their Page Builder content) and reusable content items in the Content hub.

When you start translating the page, AIRA creates a draft you can review, publish, or discard. The translation process is customizable within your Xperience application. You can define brand-specific terminology, exclude certain words, and set formatting rules in the AIRA application. Note that bulk translation and automatic translation of linked items aren’t yet supported, and you have to trigger the translation of referenced pages and content items manually.

Let’s translate the TravelGuard Insurance page.

1. Make sure you have selected the TravelGuard Insurance page.
2. Use the language selector in the top menu and select the Spanish version, i.e., Español.
3. Select Translate using AIRA.
4. Use Continue to confirm.
5. Wait for AIRA to complete translating.

Adjust the page’s URL slug

URL is the next important thing you need to consider. If you leave the URL as is, which you can see in the example below, the URL includes the language prefix. Still, the URL slug is the same as in the original language. You can adjust the URL slug to match the page’s targeted language.

Validate content translation

After AIRA completes the translation, it’s important to validate the output carefully. Check for errors introduced by the language model, such as mistranslations, inconsistencies, or terminology that conflicts with your brand guidelines or technical standards. Pay particular attention to inappropriate naming conventions or phrasing that misrepresent your product or service.

Continue

Check other fields that don’t hold content

You may have other fields to think about based on your project implementation in your Xperience application. Some fields are not text fields, so they don’t need to be translated, but it’s good to think about them.

For example, on our Kbank demo site, we have the Page publish date. You may want to decide whether to keep it the same as the original page or use a different date.

Save the page

Now that you have translated or adjusted all the fields, save the page and review the translated content.

See the AIRA translation workflow

Watch a short video to see the whole translation workflow.

Next step

As we mentioned above, the Kbank website we use in this example has a product page with the product linked directly to it. This means we’ll translate the product into the Content view. For other content items, we’ll switch to the Page Builder.

In the following guide, prepare the multilingual variant of a content item.