Vidste du, at 3 ud af 4 onlinekøbere foretrækker at købe produkter med information på deres modersmål? (Kilde). At have et flersproget websted har sine egne fordele, såsom:
- Tilbyd en personlig brugeroplevelse.
- Øg salget takket være lokaliseret information.
- Nå ud til et større publikum uden geografiske begrænsninger.
- Forbedr dit brand image ved at vise dig selv som en global virksomhed.
- Se en stigning i konverteringer og faldende afvisningsprocenter.
Men mange virksomheder ved ikke, hvordan man opretter flersprogede websites på den rigtige måde!
Derfor er her 18 praktiske UX-tips, som vi anbefaler, at du har i baghovedet, når du designer dit flersprogede website.
18 UX-tips til et flersproget website
Når du designer et flersproget website, er det essentielt at overveje forskellige faktorer for at sikre en problemfri brugeroplevelse på tværs af forskellige sprog og kulturer. Her er de 18 bedste UX-tips til flersprogede websites.
Planlægning og struktur
Før du begynder at designe dit flersprogede websted, skal du planlægge og fastlægge et par ting.
1. Identificer målsprog
For at vælge de bedste sprog til dit flersprogede website skal du starte med at analysere dit publikums placering og demografi. Se på din nuværende websitetrafik og kundedata for at finde ud af, hvilke sprog og placeringer der er mest almindelige.
Undersøg de sprog, der tales på dine målmarkeder, ved hjælp af folketællingsdata, markedsrapporter og konkurrentanalyser.
For eksempel er spansk ifølge United States Census Bureaudet næstmest talte sprog i USA. Så hvis amerikanske kunder er din målgruppe, giver det meget mening at have en spansk version af din hjemmeside sammen med en engelsk version.
Start med de mest udbredte sprog, og udvid efterhånden som dit website vokser. Ved at analysere dine publikumsdata og tilpasse sprogvalget til dine forretningsmål kan du vælge de mest relevante sprog til dit flersprogede website.
2. Brug en tydelig URL-struktur
En klar URL-struktur er afgørende for et flersproget website. Det forbedrer SEO, da søgemaskiner nemt kan indeksere og rangere forskellige sprogversioner af dit site, hvilket øger synligheden i lokale søgninger.
Underkatalogstrukturen er den mest almindelige og anbefalede metode. Hvert sprog får sit eget underkatalog under hoveddomænet, som www.example.com/en/ for engelsk, www.example.com/es/ for spansk og www.example.com/fr/ for fransk.
Vælg en struktur, du kan vedligeholde konsekvent på tværs af dit website. Undgå at blande forskellige strukturer. Brug ISO 639-1-sprogkoder (som “en” for engelsk og “es” for spansk) for at sikre klarhed og standardisering.
Brug canonical-tags til at angive den foretrukne version af en side over for søgemaskiner, især hvis du har lignende indhold på tværs af sprog. Implementér hreflang-tags i din HTML for at hjælpe søgemaskiner med at forstå dine siders sprog og regionale målretning.
3. Brug globale skabeloner
Når en besøgende på et website vælger et andet sprog, må de ikke lande på et helt andet website. Brug den samme website-skabelon til alle dine oversatte websider.
Her er et eksempel fra Canva. Når hjemmesiden oversættes til spansk fra engelsk, forbliver afstanden mellem overskrifter og afsnit, knappernes placering, menuen og ikonerne, formatet på prisplanen og alt andet det samme.
En global skabelon hjælper med ensartet branding og giver en problemfri brugeroplevelse, uanset hvilket sprog brugerne skifter til. Sørg for, at dine brugere ser samme layout, designelementer, branding og farver, når de skifter fra standardsproget.
Hvis du bruger et Content Management System (CMS), såsom WordPress, med Linguise, er det en leg at skabe et brandet flersproget website. Linguise integreres dybt med dit websites tema og auto-oversætter dit indhold uden yderligere databaseforespørgsler eller overdreven serverbelastning. På denne måde kompromitteres dit websites ydeevne ikke.
Hvis du bruger en e-handelsplugin som WooCommerce, Linguise opdaterer automatisk hovedsiden og de oversatte sider ved hver produktopdatering.
4. Overvej afstand til tekstforlængelse
Et af de mest afgørende UX-tips, når du designer et flersproget website, er at tage højde for tekstforlængelse. Hvert sprog har forskellige skrivestile og ordlængder, som skal tages i betragtning.
Se dette eksempel fra Etsy. Til venstre kan du se websiteindholdet på japansk, og til højre kan du se det samme indhold på tysk.
Nogle sprog fylder mere, mens andre fylder mindre. Dit webstedslayout skal kunne tilpasse afstanden for at sikre, at det oversatte indhold forbliver læsbart.
Her er en demonstration af, hvordan en tekst udvides eller forkortes på forskellige sprog. Ifølge W3C har ordet “view” en udvidelse på 300 % fra engelsk til italiensk!
Overvej også linjehøjde og tegnstil. Nogle sprog har højere tegn end andre, mens nogle skrifttyper kræver mere afstand end andre.
For eksempel har arabisk skrift brug for mere lodret plads mellem linjerne end latinsk.
5. Hold indhold adskilt fra design
Hold tekst adskilt fra multimedierelementer for nemmere opdateringer og oversættelser.
Hold tekstligt indhold inden for HTML-elementer som
Dette muliggør nemme opdateringer og oversættelser uden at røre ved den primære kodebase. Brug lokaliseringsbiblioteker som i18next til JavaScript til at håndtere oversættelser dynamisk.
Hold design og indhold adskilt, så er layoutet mindre tilbøjeligt til at blive rodet efter oversættelsen.
6. Giv muligheder for sprogskift
Det er afgørende for et flersproget website at tilbyde klare og tilgængelige muligheder for sprogskift. Placer skifteren i øverste højre hjørne for nem adgang, og brug kontrastfarver og klar typografi for at gøre den tydelig. For klarhedens skyld bør sprognavnet angives med dets oprindelige skriftsystem (f.eks. “Español” for spansk).
En rullemenu kan effektivt vise flere sprogvalg uden at optage for meget plads. Brug af flag kan give et visuelt hint, men vær forsigtig, da flag nogle gange kan være misvisende.
For eksempel kan et flag repræsentere et sprog, der tales i flere lande. Det er ofte bedst at kombinere flag med sprognavne for klarhedens skyld.
Vis tydeligt det valgte sprog ved hjælp af en anden farve eller fed skrift. Brug teknikker som AJAX til at sikre, at valg af et sprog straks ændrer indholdet uden at genindlæse siden. Gør sprogskifteren responsiv til mobile enheder, og test dens brugervenlighed med modersmålstalende.
Indhold og oversættelse
Her er et par tips relateret til indhold og oversættelse for at forbedre brugeroplevelsen.
7. Undgå idiomer og slang
Ikke al slags slang er universelt acceptabelt. Faktisk betragtes visse slangudtryk som acceptable i nogle lande og dybt stødende i andre. Du bør altid bruge klart og ligetil sprog, der oversættes godt på tværs af kulturer.
Her er for eksempel et populært russisk idiom – Хоть кол на голове теши. Dette idiom betyder på russisk "Han er en meget stædig person."
Men den bogstavelige oversættelse af udtrykket bliver: “Du kan slibe med en økse oven på dette hoved.” 😂
Her er endnu et eksempel på, hvordan et almindeligt engelsk ord kan være katastrofalt, hvis det automatisk oversættes med måde. Det engelske ord Salsa lyder som 설사 (seolsa) på koreansk, der betyder "diarré".
Derfor anbefaler vi at undgå slang eller idiomer, der kun er relevante for en bestemt kultur eller demografisk gruppe. Brug i stedet et enkelt sprog, der nemt kan oversættes til andre sprog.
8. Brug kulturelt passende billeder og ikoner
Tilpas indhold, billeder, ikoner og andre multimedier, så de afspejler lokale skikke og kulturelle referencer.
For eksempel viser Clarins, et hudplejemærke der henvender sig til et globalt publikum, kaukasiske kvinder på sine europæiske webstedsversioner.
Men på den japanske version af deres hjemmeside viser de japanske kvinder for bedre at kunne skabe forbindelse til lokale kunder.
Til ikoner, især ikonet til sprogskift, skal du bruge et globusikon, der ser universelt ud. For eksempel kan det første ikon på billedet nedenfor appellere til et syd- og nordamerikansk publikum, men ikke til et afrikansk og asiatisk publikum.
Det andet ikon kan appellere til det afrikanske publikum, men ikke til andre.
For at undgå denne forvirring kan du bruge det universelle globusikon, som appellerer til alle – det tredje. Det fremhæver ikke en bestemt region eller land og er mere passende for et flersproget website.
9. Tilbyd undertekster til multimedier
Til multimedier skal du bruge undertekstfiler til videooversættelser uden at ændre videoen. Sørg for, at billeder og multimedierelementer har beskrivende alt-tekst, der kan oversættes separat fra det visuelle indhold.
Her er endnu et eksempel på, hvordan oversættelse kan hjælpe dig med at nå ud til et bredere publikum. Vi er ivrige seere af Project Happiness, en YouTube-kanal, der drives af en italiensk rejsende ved navn Giuseppe.
Skaberen er italiener. Han optager på italiensk og dublerer sine videoer til engelsk, men hans kanal ses over hele verden på grund af den store variation af undertekster, han tilbyder.
10. Opdater regelmæssigt oversættelser
Linguise giver dig mulighed for at redigere dine oversatte sider på front-end med en brugervenlig grænseflade. Du kan selv vurdere oversættelserne og foretage ændringer, hvis du føler behov for det.
E-handelswebsteder har mange hyppige ændringer—produkter bliver udsolgt, tidsbegrænsede udsalg, ændringer i produktinformation og meget mere.
Men ved at bruge Linguise er det nemt at opdatere oversat indhold. Dens dedikerede oversættelsesserver og cachesystem fremskynder oversættelsesprocessen og viser den oversatte side til dit publikum.
11. Overvej højre-mod-venstre-sprog
De fleste sprog skrives fra venstre mod højre. Nogle sprog, som arabisk, hebraisk og persisk, skrives dog fra højre mod venstre.
Her er en sammenligning af den engelske og den arabiske version af Instagrams forside. Som du kan se, har den arabiske version vendt alt fra højre til venstre – billederne, knapperne, teksten og endda søgefeltet.
Linguise’s oversættelsesservice understøtter højre-til-venstre-sprog indbygget og kan tilpasse layoutet på dit flersprogede websted, så det passer til dem.
Her er nogle af de tilgængelige højre-mod-venstre-sprog:
- Arabisk (ar)
- Hebraisk (han)
- Persisk (fa)
- Pashto (ps)
- Urdu (ur)
Hvis du ønsker at inkludere disse sprog, skal du bruge et webstedslayout, der kan rumme sådanne store ændringer.
SEO og ydeevne
Vi anbefaler på det kraftigste at optimere dit flersprogede website til internationale søgemaskiner for at maksimere dets effekt.
Udfør søgeordsresearch på hvert målsprog, brug hreflang-tags til sproglig og regional målretning, og overvåg præstationen.
12. Optimer til lokal SEO
Start med lokaliseret søgeordsanalyse for hvert sprog og region. Brug værktøjer som Google Keyword Planner, SEMrush eller Ahrefs til at finde relevante søgeord, som din målgruppe søger efter.
Overvej regionale dialekter og variationer i terminologi. For eksempel er spansk i Mexico forskelligt fra spansk i Europa, så tilpas dine søgeord derefter.
Opret unikke titeltags til hver sprogversion af dine sider, og inkluder lokaliserede søgeord. Hold dem korte og relevante, ideelt under 60 tegn.
For eksempel på engelsk: "Køb økologisk kaffe online | Bedste priser" og på spansk: "Compra Café Orgánico en Línea | Mejores Precios."
Skriv fængende metabeskrivelser til hver sprogversion, inklusive lokaliserede søgeord og en klar opfordring til handling, og hold dem under 160 tegn.
For eksempel på engelsk: “Køb vores udvalg af økologisk kaffe, hentet fra de bedste gårde. Gratis forsendelse ved ordrer over $50!” og på spansk: “Compra nuestra selección de café orgánico, proveniente de las mejores fincas. ¡Envío gratis en pedidos superiores a $50!”
13. Brug hreflang-tags
Brug hreflang-attributter i din HTML til at informere søgemaskiner om sproget og den regionale målretning af dine sider. Dette hjælper med at forhindre problemer med duplikeret indhold og sikrer, at brugerne ledes til den korrekte sprogversion.
14. Overvåg ydeevne på tværs af sprog
Overvåg ydeevnen for hver sprogversion ved hjælp af værktøjer som Google Analytics og Google Search Console. Analysér trafikkilder, brugeradfærd og søgeordsrangeringer for at identificere områder, der kan forbedres.
Eksperimentér med forskellige søgeord, metatags og indholdsstrategier for at se, hvad der fungerer bedst for dit publikum på hvert sprog.
Vedligeholdelse og support
Der er også overvejelser, man bør gøre sig, når det gælder vedligeholdelse og support af websites og kunder.
15. Opret en vedligeholdelsesplan
At udarbejde en omfattende vedligeholdelsesplan for dit flersprogede website sikrer, at alle sprogversioner forbliver konsistente, nøjagtige og opdaterede.
En velstruktureret plan hjælper dig med at administrere indhold effektivt, håndtere brugerfeedback og tilpasse dig skiftende markedsforhold.
Udfør indholdsrevisioner for at vurdere relevansen og nøjagtigheden af eksisterende indhold på alle sprog. Kontroller for forældet information, brudte links og uoverensstemmelser mellem sprogversioner.
Test regelmæssigt sprogskifteren, navigationen og andre interaktive elementer for at sikre, at de fungerer korrekt.
16. Tilbyd kundesupport på flere sprog
At tilbyde kundesupport på flere sprog forbedrer brugeroplevelsen og opbygger tillid hos et mangfoldigt publikum.
Ansæt kundeservicemedarbejdere, der er flydende i de sprog, du understøtter. Det kan omfatte fuldtidsansatte eller deltidskontraktansatte.
For at forstå, hvilke sprog der skal prioriteres, kan du analysere din hjemmesides trafik og kundedemografi eller gennemføre undersøgelser eller feedbackformularer. Brug resultaterne til at forstå dine eksisterende kunders sprogpræferencer.
17. Feedbackmekanisme
Opret enkle og brugervenlige feedbackformularer, der giver brugerne mulighed for at rapportere problemer med oversættelser eller brugervenlighed. Sørg for, at disse formularer er tilgængelige fra hver side, ideelt set i sidefoden eller via en dedikeret supportsektion.
Sørg for, at feedbackformularer er tilgængelige på alle understøttede sprog, så brugerne kan give feedback på deres foretrukne sprog.
Inkluder strukturerede spørgsmål, der guider brugerne til at give specifik feedback. For eksempel:
- Vurder nøjagtigheden af oversættelsen (skala 1-5).
- Hvilke problemer stødte du på med oversættelsen?
- Hvor nemt var det at navigere på siden på dit sprog?
For dem, der ikke er interesserede i at udfylde feedbackformularen, kan du implementere hurtige feedbackknapper (f.eks. tommelfinger op/tommelfinger ned) på oversat indhold. Det gør det nemt for brugerne at angive, om oversættelsen var nyttig eller præcis.
18. Brug et staging-websted til opdateringer
Test nyt indhold og opdateringer i et testmiljø, før du lancerer det, for at undgå afbrydelser. Du kan bruge en AI-hjemmesidebygger som ZipWP til at oprette en komplet hjemmeside på få sekunder.
Websitet vil indeholde alle de væsentlige sider, relevante billeder, engagerende website-tekst og integrerede CMS- og SEO-funktioner.
Klar til at nå et globalt publikum?
Disse 18 UX-tips til flersprogede websites hjælper kunderne med at navigere bedre på dit website og engagere sig i indholdet på deres foretrukne sprog.
Godt flersproget UX-design kan øge brugerengagement og konverteringspotentiale betydeligt. Det tager dog tid og kræfter at skabe et flersproget websted med en problemfri oplevelse.
Det er her, Linguise kan hjælpe!
Linguise integrerer naturligt med 40+ CMS'er, såsom WordPress, Shopify, Webflow, Squarespace og andre. Det understøtter 80+ sprog og 10.000+ sprogpar for at give den bedste flersprogede websiteoplevelse.
Alle oversættelser er SEO-optimerede og overkommelige og koster 10 % af en manuel oversættelsesydelse.
Er du klar til at rejse globalt med Linguise?
