Sådan lokaliserer du design og layout på et website

infografik med økosystemplader og mikroskop. Infografikken viser forskellige økosystemplader og et mikroskop.
目录

Et flersproget websted handler ikke kun om, at indholdet oversættes til forskellige sprog, men også om at lokalisere webstedets design og layout, så det passer til målsprogets kultur.

Ifølge artiklen fra OneSky App taler 52 % af verdens websteder engelsk, men kun 25 % af dem kan nå alle brugere på internettet. Derfor har lokalisering potentiale til at øge rækkevidden af brugere.

I denne artikel vil vi diskutere, hvad webstedslokalisering er, og hvordan du lokaliserer design og layout i flere trin. Læs videre i denne artikel til slutningen!

Hvorfor skal webstedsdesign og layout tilpasses?

Før du går i gang med at lokalisere design og layout, skal du sikre dig, at du kender årsagerne til, at designet skal tilpasses destinationslandets sprog.

Her er nogle grunde til, at design og layouts bør tilpasses og lokaliseres.

  • Respekter kulturel mangfoldighed: hver region har en kulturel mangfoldighed med præferencer for farver og symboler. Ved at tilpasse designet respekterer og omfavner webstedet denne mangfoldighed og giver en oplevelse tættere på lokale værdier.
  • Tilpasning til specifikke sprog og skriftsystemer: lokalisering indebærer at tilpasse sig de specifikke sprog og skriftsystemer, som lokale fællesskaber bruger. Tilpasning af layout og design sikrer, at tekst og visuelt indhold er let at forstå og overholder lokale sprognormer.
  • Overholdelse af lokale tekniske krav: tekniske aspekter som datoformat og valuta skal tilpasses for at overholde lokale standarder. Dette øger brugervenligheden og gør webstedet mere funktionelt relevant.
  • Skaber kontinuitet med brandet: lokaliseret design understøtter kontinuitet med brandidentiteten. Ved at inkludere visuelle elementer eller budskaber, der er mere relateret til den lokale kultur, bevarer websites brandets integritet, samtidig med at de tilpasser sig den lokale kontekst.
  • Øgede engagementniveauer: design, der tager højde for lokale præferencer, kan øge engagementniveauerne. Dette skaber et tættere forhold mellem webstedet og brugeren, hvilket øger brugerfastholdelse og tilfredshed.
  • Overvindelse af flersprogede udfordringer: valg af skrifttyper, navigation og andre designelementer kan hjælpe med at overvinde udfordringerne ved at levere flersproget indhold. Lokaliseret design imødekommer effektivt denne kompleksitet.
  • SEO-fordele og global konkurrenceevne: lokaliseret design kan forbedre SEO-resultaterne på lokale markeder og øge den globale konkurrenceevne. Websteder, der tilpasser sig lokale præferencer godt, har større sandsynlighed for at rangere højt i søgemaskiner og tiltrække flere besøgende.

7 trin til at lokalisere designet og layoutet på et website

Efter at have forstået, hvorfor du skal lokalisere dit websteds design og layout, vil vi diskutere flere trin, du skal tage for at lokalisere dit websted, herunder følgende.

Bevar designkonsistensen

Det første skridt i at lokalisere et website er at sikre, at designet og layoutet på websitet forbliver ensartet, selv når det tilgås på forskellige sprog. Det sikrer ikke kun, at det inkluderer visuelle elementer, men også at det gør tingene nemmere for brugerne og giver klarhed i navigationen.

Ved at bevare designkonsistens bliver webstedet den primære kanal til at kommunikere differentierende elementer og brandidentitet. Konsistente farver, typografi og andre designelementer er med til at skabe et stærkt og mindeværdigt brandbillede.

Et eksempel på implementering af konsistens i webdesign kan ses på billedet nedenfor. Det første billede er, når du tilgår Airbnb-siden på engelsk, mens det andet billede tilgår den på koreansk.

Som det kan ses nedenfor, er layoutet, navigationen, knappernes placering og ikonerne stadig de samme som før.

Flere skærmbilleder fra sikkerhedskameraer vist

Brug passende farver

Valg af farver er et trin i lokalisering af webdesign, fordi der er forskelle i farvefortolkning i flere lande. For eksempel, hvis du er i dele af USA, kan du se gul som en lys og sjov farve.

I indisk kultur betragtes gul dog ofte som et symbol på held snarere end blot en behagelig farve.

Alligevel er det endnu uvist, om den lokale farve stadig matcher brandidentitetsfarven. Normalt kan små ændringer i et brands farvepalet være meget iøjnefaldende.

Gør det nemt at skifte sprog

Næste trin er at sikre, at knappen til at bevare sproget er nem for brugerne at finde og nem at bruge.

Placer knappen til sprogbevarelse et fremtrædende sted, f.eks. øverst eller nederst på siden, og sørg for ensartet placering på alle webstedets oversættelsessider. Det hjælper brugerne med nemt at finde muligheden for at skifte sprog.

På sprogvælgeren skal du bruge ikoner eller symboler, der visuelt repræsenterer sprogbevarelse. Det kan være et flagsymbol, et globusikon eller navnet på sproget. Den rette ikonografi kan give stærke visuelle ledetråde.

For eksempel er der i det følgende billede en knap til sprogskift, der bruger et flagikon og landets navn i øverste højre hjørne.

Når webstedet tilgås på engelsk eller tysk, forbliver knappen øverst til højre.

Sort-hvidt billede af en bro

Tilpasning af højre-til-venstre-sprog (RTL)

Tilpasning af sproglayoutet fra højre mod venstre er en del af at lokalisere designet. For dem af jer, der henvender jer til brugere, som anvender sprog såsom arabisk, hebraisk osv., skal webstedet kunne håndtere skriveretningen fra højre mod venstre. Andre elementer som navigation, knapper og lignende bør vendes.

Som i eksemplet nedenfor på Facebook-siden. På billedet nedenfor er der Facebook-websteder for engelsk og arabisk. Du kan se, at skrivning af indhold på arabisk foregår fra højre; dette tilpasser sig proceduren for at skrive arabisk.

Facebook login- og tilmeldingssider på forskellige sprog

Brug kulturelt passende billeder

Brug billeder, der passer til og er relevante for den lokale kultur i hvert målgruppemarked. Dette hjælper med at opbygge lokal brugertillid.

Det følgende eksempel kommer stadig fra Coca-Colas websted, som faktisk leverer et komplet målsprog. Denne gang kommer det fra Korea.
I denne lokalisering bruger han billeder, der viser landet Korea, nemlig et af de populære pigebands fra Korea.

K-pop-idoler, der optræder, smiler og vinker til fans.

Tilpas dato-, valuta- og telefonnummerformater

Når du er i gang med at lokalisere dit websites design og layout, er det vigtigt at sikre, at datoer og andre tekniske formater matcher lokale præferencer. For det vil påvirke websitets visuelle udtryk.

For eksempel er datoformatet i Indonesien DD/MM/ÅÅÅÅ, mens det i Amerika er MM/DD/ÅÅÅÅ.

Ikke kun datoen, men også valutaformatet skal tilpasses det sprog, der bruges i det pågældende land på det pågældende tidspunkt.

Et eksempel på anvendelsen af teknisk lokalisering kan du se på Airbnbs website, som tilbyder forskellige valutaer.

Som på den følgende side er der forskelle, når der oversættes til arabisk og italiensk. Ikke alene oversættes indholdet, men der foretages også valutajusteringer.

Samling af sort-hvide fotografier. Forskellige scener gengivet.

Dernæst, hvilket ikke er mindre vigtigt, er telefonnummerformatet. Hvert land har naturligvis sit eget telefonnummerformat. For at lokalisere dit website kan du oprette en forskellig telefonnummerkode for hvert eksisterende sprog.

For eksempel er der i det følgende billede forskelle i telefonnummerkoder, når de oversættes til engelsk og tysk.

Kontaktoplysninger til to forskellige sprog.

Brug skrifttyper, der er kompatible med alle sprog

Sidst, men ikke mindst, skal du sikre dig, at du bruger skrifttyper, der er kompatible med alle de sprog, du vælger.

Hvis alle de sprog, du viser, bruger det latinske alfabet, er der sandsynligvis ingen problemer. Men når du inkluderer et sprog med et kyrillisk alfabet eller et, der fungerer fra højre mod venstre (RTL) på dit websted, er det ikke alle skrifttyper, der understøtter den type alfabet.

Så der er brug for nogle justeringer. Starten er at tilføje understøttelse af RTL-sprog i din CSS-kode. Dette kan forårsage skrifttypeændringer, når besøgende skifter fra et venstre-til-højre-sprog (LTR) til et højre-til-venstre-sprog (RTL).

En god anbefaling er at bruge en samling af skrifttyper, ikke bare én skrifttype til hele webstedet. Ved at bruge skrifttypesæt kan du lave udskiftninger, hvis den første skrifttype ikke er egnet til et bestemt sprog.

Lokaliser designet og layoutet med Linguise

Efter at have kendskab til trin-for-trin, vil vi denne gang forsøge at lokalisere designet og layoutet ved hjælp af Linguise.

Linguise er en oversættelsestjeneste , der automatisk kan oversætte indhold til mere end 85 sprog, som du kan vælge imellem. Derudover understøttes Linguise også af mange funktioner, der hjælper med lokalisering af websites. Så hvordan lokaliserer du webstedsdesign og layout? Her er trinnene.

Trin 1: Automatisk indholdsregistrering

Linguise driver lokaliseringsprocessen ved at tilbyde automatisk indholdsgenkendelse. I dette trin scanner platformen dit website og identificerer tekst og elementer, der kræver oversættelse.

Denne automatiserede proces sparer tid og sikrer et omfattende overblik over alt indhold, der skal lokaliseres.

Et sort dashboard med hvid tekst og grafik. Det viser forskellige statistikker og diagrammer.

Trin 2: Opret en sprogskifter

Et trin til at lokalisere designet og layoutet er at gøre knappen til sprogskift nem at finde og ensartet i alle sprogo versættelser.

Linguise giver dig mulighed for at tilpasse sprogskifteren efter dine behov. For at tilpasse kan du gå gennem Linguise -dashboardet > Indstillinger > Visning af sprogflag.

I den følgende visning kan du justere ikonets form, f.eks. side om side, popup eller rullemenu.

Derefter kan du også vælge placeringen af knappen til sprogskift, som vises på webstedet. For at se de fuldstændige trin kan du læse opsætning af sprogskifter fra dashboardet.

Et skærmbillede af en grænseflade til sprogooversættelse

Trin 3: Rediger lokaliseret indhold ved hjælp af en live-editor

Hvis indholdet er blevet oversat automatisk, kan du redigere oversættelsen, hvis noget ikke er passende, ved hjælp af live-editoren . Denne funktion kan bruges til at lokalisere det indhold, der er indeholdt i designet.

For eksempel vil vi ændre telefonnummerkoden fra den tidligere +01 til +49 i adresseafsnittet, fordi vi oversætter til tysk.

Hvis det er tilfældet, skal du vælge Gem for at gemme ændringerne. Med live-editoren kan brugere direkte lokalisere webstedet ved at vælge det på webstedets forside.

Et sløret billede af en computerskærm med tekst.

Dette er resultatet af den lokalisering, der er blevet udført i live-editoren, nemlig ændring af landets telefonnummerkode.

Kontaktformularfelter på en sort baggrund. Formular for at komme i kontakt.

Trin 4: Udeluk indhold ved hjælp af oversættelsesregler

Lokalisering kan ikke kun udføres gennem live-editoren ved at redigere oversættelsen direkte. For at maksimere lokaliseringen kan du drage fordel af funktionen oversættelsesregler, som aktiverer oversættelse.

Med translate-oversættelsesfunktionen kan du lokalisere indhold, som du ikke ønsker skal oversættes, og lade det forblive som originalt. For eksempel at levere oversættelser efter URL, efter linje eller efter side.

Du kan finde denne funktion i Linguise dashboard > Regler. Som i det følgende billede er dette et eksempel på brug af tekst til erstatning med oversættelsesregler.

Her vil vi erstatte ordene “Mes podcasts” med “Ma musique”, som vil blive anvendt, hver gang det oversættes til fransk.

En mørk baggrund med subtile linjemønstre. Billedet ser ud til at være et skærmbillede i lav opløsning.

Trin 5: Lokaliser webstedet med hjælp fra en oversætter

Endelig kan du også lokalisere dit website ved hjælp af en oversætter. Linguise giver dig mulighed for at tilføje og opsætte oversættere til det website, du vil lokalisere.

Sådan tilføjer du det – det er ganske nemt, gå til Linguise -dashboardet > Medlemmer > Inviter et nyt medlem.

skærmbillede af konfiguration af en ny rolebinding-side

Funktionen tilføj nyt medlem giver dig mulighed for at lokalisere dit website med en mere professionel oversætter. Således at lokaliseringsresultaterne kan være mere i overensstemmelse med de kulturelle præferencer i hvert målland.

Klar til at udforske nye markeder? Prøv vores automatiske oversættelsesservice gratis med vores 1-måneds risikofri prøveperiode. Intet kreditkort påkrævet!

Conclusion

Det er en forklaring på, hvordan man lokaliserer designet og layoutet af et website. I denne artikel vil du også få en bedre forståelse af, hvad lokalisering af et website er, forskellen fra oversættelse, og fordelene ved at lokalisere et website.

Efter at have forstået vigtigheden af webstedslokalisering er det nu tid til at lokalisere dit websted for at nå et bredere publikum.

Med Linguisekan du lokalisere webstedsdesign og layout ved hjælp af forskellige fremragende funktioner som oversættelsesregler, en live-editor og endda muligheden for at tilføje oversættere.

Opret en Linguise -konto gratis i 1 måned, og lokalisér webstedet ved at oversætte op til 600 tusind ord!

Du er måske også interesseret i at læse

Gå ikke glip af noget!
Subscribe to our Newsletter

Få nyheder om automatisk oversættelse af websites, international SEO og meget mere!

Invalid email address
Prøv det. Én om måneden, og du kan afmelde når som helst.

Forlad os ikke uden at dele din e-mail!

Vi kan ikke garantere, at du vinder i lotteriet, men vi kan love dig nogle interessante informative nyheder om oversættelse og lejlighedsvise rabatter.

Gå ikke glip af noget!
Invalid email address