Når du opretter en flersproget hjemmeside, er det vigtigt at være opmærksom på sprogskifte-elementer. Brugere besøger ofte denne sektion, når de vil skifte sprog.
Det samme gælder for dig som ejer af en flersproget Squarespace side. Derfor er det afgørende at oprette en sprogskifter til Squarespace , der er venlig, let tilgængelig og brugervenlig.
Denne artikel vil diskutere, hvordan man designer en sprogskifter til Squarespace, komplet med designtips og grunde til, hvorfor du skal gøre det.
Hvorfor er sprogknappen vigtig for det flersprogede website Squarespace?
Før vi diskuterer, hvordan du designer din Squarespace sprogknap, skal du også forstå, hvorfor sprogknappen er vigtig for et flersproget Squarespace website.
- Til gavn for et globalt publikum: Et flersproget website er afgørende for virksomheder, der ønsker at udvide deres rækkevidde ud over nationale grænser. Sprogknapper giver dig mulighed for at præsentere indhold på dit målgruppes foretrukne sprog, hvilket gør dit website tilgængeligt og tiltalende for et globalt marked.
- Forbedring af brugeroplevelse og engagement: Sprogbarrierer kan i væsentlig grad hæmme brugeroplevelsen, hvilket fører til forvirring og øgede afvisningsrater. Godt designede og tilstrækkeligt implementerede sprogknapper strømliner skift mellem sprogversioner, hvilket sikrer en jævn og brugervenlig oplevelse. Ved at tilbyde indhold på besøgendes foretrukne sprog kan du øge engagementet og forbedre den tid, der bruges på webstedet.
- Forbedring af tilgængelighed og inklusivitet: Denne enkle, men kraftfulde funktion kan gøre din hjemmeside mere imødekommende og inkluderende, fremme en følelse af ejerskab for besøgende, som måske ikke er dygtige i det primære sprog. Det hjælper også med at overholde retningslinjer og regler for tilgængelighed, som ofte lægger vægt på at levere indhold på flere sprog.
- Forbedring af SEO og online synlighed: Oversættelse af din hjemmeside til flere sprog kan forbedre din søgemaskine-rangering og synlighed i forskellige regioner eller markeder. Sprogknapper hjælper søgemaskiner med at forstå sprogvariationerne på din side, sikre at relevant indhold leveres til brugere baseret på deres sprogpræferencer.
- Styrker brandidentitet og opbygger tillid: Veldesignede sprogknapper, der stemmer overens med din brands visuelle identitet og tone, kan styrke dit brandimage. Ved at imødekomme dit publikums sproglige behov demonstrerer du en forpligtelse til at levere en personlig og kulturelt følsom oplevelse, som kan opbygge tillid og loyalitet. Opmærksomhed på disse detaljer kan adskille dig fra konkurrenterne.
- Letter indholdsstyring og lokalisering: Med Squarespace’s flersprogede funktion forenkler sprogknapper administration og organisering af indhold på tværs af forskellige sprogversioner. Dette muliggør nem navigation mellem sprogversioner, effektiviserer indholdsstyring og lokalisering. Det kan spare tid og ressourcer, da du effektivt kan vedligeholde og opdatere dit flersprogede indhold fra en centraliseret platform.
Ved at inkludere veldesignede sprogknapper på din Squarespace hjemmeside, imødekommer du ikke kun behovene hos et flersproget publikum, men demonstrerer også en forpligtelse til at levere en enestående brugeroplevelse, fremme inklusivitet og positionere dit brand som en global konkurrent i din branche.
Hvor skal jeg placere Squarespace sprogknappen?
Før vi diskuterer yderligere, hvordan man designer en Squarespace sprogknap, er det vigtigt at forstå placeringen af sprogknappen, så den er let for brugerne at nå.
Nedenfor er flere anbefalede positioner og eksempler på relevante websteder, der anvender sprogknappositionen.
Overskrift
Placering af sprogknappen i headerområdet er den mest anbefalede løsning. Headeren er det første element, besøgende ser, når de gennemser en hjemmeside.
By having the language button in this area, the visibility and accessibility level from any page within the site become very high. This placement also aligns with standard web design practices, where users expect to find important functions for the entire site, such as language selection, in the header.
Et eksempel på en sprogknap i headeren kommer fra Dell's officielle hjemmeside.
Footer
Selvom det er mindre fremtrædende end headeren, kan footer være en passende alternativ placering for sprogknappen i visse situationer. Antag, at headerområdet allerede er fyldt med andre vigtige elementer. I så fald kan footer bruges som et sted for sprogknappen for at undgå rod i hovednavigeringen.
Derudover kan footer for hjemmesider med primært lineær indholdsflow, hvor besøgende har tendens til at scrolle ned til bunden af siden, placere sprogknappen i footer sikre, at denne mulighed forbliver synlig og tilgængelig efter at have læst hele indholdet. Footer kan også være et passende valg, hvis sprogknappen er en sekundær eller supplerende mulighed, mens hovedknappen er i header eller navigeringsmenuen.
Feel Unique-websitet placerer sin sprogknap i footer med et flagikon og landets navn.
Sidebjælke
Websteder med sidebjælke-layouts kan bruge dette område til at placere sprogknappen. Ved at være i sidebjælken vil sprogknappen altid være synlig under brugerens browsingoplevelse, fordi sidebjælken generelt forbliver synlig permanent på siden. Dette sikrer let adgang for brugerne, når det er nødvendigt.
Placering i sidebjælken kan også være en god løsning, hvis header eller navigationsmenu allerede er fyldt med andre vigtige elementer, så tilføjelse af sprogknappen i dette område kun ville skabe rod. For websites med meget indhold eller funktionalitet i det centrale område, kan sidebjælken være en ideel placering for sprogknappen, så knappen er synlig og let tilgængelig uden at obstruere hovedindholdsområdet.
Nedenfor er et eksempel på Lulu Lemon-webstedet med sprogknapper i sidemenuen til højre.
Flydende knap eller fastgjort element
Den sidste mulighed er en flydende eller fast sprogknap, især til mobile enheder eller websteder med minimalistiske designs. På små skærme som mobile enheder er flydende eller faste knapper mere synlige og tilgængelige end placeret i header eller footer, som kan være skjult eller kræve yderligere rulning.
Denne tilgang bør dog implementeres med omhu for at undgå at forstyrre indholdsvisningen eller skabe en ubehagelig brugeroplevelse. Knappernes placering, størrelse og stil bør overvejes for at sikre en jævn integration med det overordnede webstedsdesign.
Som vist nedenfor er der et Patagonia-websted med sprogknapper, der anvender klæbende elementer. Du kan finde knappen i nederste højre hjørne, hvorefter en boks vises som følger for at vælge land og sprog.
Hvordan designer du din Squarespace sprogknap?
Indtil nu har du allerede forstået, hvor vigtig sprogknappen er for et flersproget Squarespace websted og anbefalinger til placeringen af sprogknappen. Derfor er det vigtigt at finde en oversættelsestjeneste, der tilbyder nemme tilpasningsmuligheder for sprogknappen.
Selvom oversættelsestjenester normalt tilbyder sprogskiftere, tilbyder ikke alle let tilpasselige og fleksible muligheder med forskellige justeringer. Men Linguise oversættelsestjenesten er en løsning for dem, der søger en brugervenlig og let tilpasselig Squarespace sprogknap.
Bekymre dig ikke, fordi Linguise ikke pålægger sådanne begrænsninger. Det er en automatisk oversættelsestjeneste, der tilbyder brugerdefinerede muligheder på sprogknappen. Her er nogle andre fordele, du får ved at bruge Linguise til at oprette en Squarespace -sprogknap:
- Linguise er integreret med over 40 CMS- og webbyggerplatforme, herunder Squarespace webbygger.
- Oversættelser til forskellige sprog udføres automatisk inden for sekunder, efter at du har tilføjet dem til sprogknappen på dit websted.
- Der er over 80+ sprog, der kan tilføjes til sprogknappen.
- Linguise opretter automatisk unikke URL'er i henhold til oversættelsens målsprog. Inklusive hreflang-koder, for eksempel, linguise.com/fr/ for sider oversat til fransk.
- Det genererer automatisk kanoniske URL'er for at hjælpe med at undgå duplikatindhold på søgemaskiner, når du har sprogvariationer på sider. Dette er en af faktorerne i flersproget SEO.
- Du kan tilpasse sprogknappen efter dit websteds behov, lige fra ikoner og farver til visning af sprognavne.
- Du kan se sidestatistikker pr. sprog for hvert sprog, der er tilføjet til sprogknappen.
Uden videre her er trinene til at designe din Squarespace sprogknap med Linguise i et par faser.
Trin 1: Registrer din Linguise konto
For at designe en sprogskifteknap til din Squarespace hjemmeside ved hjælp af Linguise, er det første trin at registrere en konto på Linguise platformen. Du kan tilmelde dig gratis og bruge en månedlig gratis prøveperiode, som giver dig adgang til forskellige funktioner, der er tilgængelige i denne tjeneste.
Trin 2: Tilføj dit Squarespace domæne site
Næste trin er at tilføje webstedsdomænet til Linguise dashboard. Nogle data skal indtastes, herunder kontooplysninger, URL, platformvalg (Squarespace), modersmål, sprog, der skal oversættes, og oversættelses-URL-indstillinger.
Du kan se installer automatisk oversættelse Linguise i Squarespace for komplette trin til at tilføje et domæne.
Trin 3: Integrer sprogknappen på Squarespace
Det næste trin er at integrere Linguise på din Squarespace hjemmeside ved at tilføje det medfølgende scriptkode til dashboardet på denne måde.
Herefter skal du gå til Squarespace dashboardet, vælge den ønskede hjemmeside, du ønsker at gøre flersproget, navigere nedad og vælge Webværktøjer.
Dernæst skal du i menuen Webværktøjer vælge muligheden for kodeindsprøjtning.
Derefter er der HEADER og FOOTER sektionerne. Hvis du vil have knappen til sprog i headeren, skal du indsætte koden i HEADER kolonnen. På samme måde, hvis du indsætter det i footer, skal du indtaste koden i FOOTER kolonnen.
Trin 4: Opsætning af sprogflag visning Squarespace
Efter integration af Linguise og Squarespacevil Linguise automatisk oprette sprogknappen på Squarespace hjemmesiden. Dog er udseendet stadig standard.
Derfor kan du tilpasse designet af sprogknappen i nogle få trin.
Sørg for, at du er logget ind på Linguise dashboarden og vælg derefter Indstillinger > Sprogflagvisning. Derefter vises flere sektioner, hvoraf den første er som følger.
I denne sektion er der flere indstillinger:
- Listevisning
- Position
- Sprogvisning
Listevisningens muligheder har 3 muligheder, side-ved-side, dropdown og pop-up. Nedenfor er en forhåndsvisning af de tre muligheder.
Derefter, for positionen af sprogknappen selv, tilbyder Linguise flere positioner, du kan vælge imellem.
Derefter kommer justering af placering, hvor du kan vælge, hvor sprogskifteren skal placeres. Du har en række forskellige muligheder for placering at vælge imellem. Sørg for at vælge en position, der er let tilgængelig for besøgende.
Til sidst skal du vælge kombinationen af flag + sprognavn, flag + kort navn eller kun flag.
Trin 5: Indstil flagdesign på sprogknappen
Under hovedgrænsefladen er der flagdesignindstillinger. Flere indstillingsmuligheder er synlige på billedet nedenfor.
- Visning af sprognavne: Du kan vælge at vise navnet baseret på landet eller sproget, f.eks. “Tyskland” eller “tysk.”
- Engelske flagtyper: Denne indstilling bruges til sprog, der har mere end én type, såsom “Engelsk USA” eller “Engelsk Storbritannien” (ligesom spansk, taiwanesisk, tysk og portugisisk).
- Flag stil: Bruges til at bestemme formen på flagikonet, om det er cirkulært eller firkantet (rektangulært).
Trin 6: Tilpas farven og størrelsen på flaget
Efter at have konfigureret flagdesignet, er næste trin at justere farver, størrelser og andre forskellige elementer. I den følgende visning er der flere tilpasningsindstillinger, såsom:
- Flagets kant-radius: Justerer kant-radius i pixels, når der bruges rektangler.
- Sprognavnets farve: Vælg standardtekstfarven for sprognavne.
- På pop-up-sprog farve: Farven på sprogtitlen i pop-up- eller dropdown-området.
- Flagstørrelse: Juster størrelsen på flagene.
- Sprogenes navn farve ved hover: Tekstfarve, når musen holdes over sprogenes navne.
- Hover-popup-sprog farve: Tekst, når musen holdes over sprogtitlen i pop-up- eller dropdown-menuen.
Trin 7: Juster knappen for flagets skygge
I den sidste fase kan du konfigurere skyggeindstillingerne for flagene. Den første indstilling giver dig mulighed for at specificere skygger for hvert flag på din hjemmeside, og den efterfølgende indstilling er til skyggerne på sprogflagene, når de holdes over.
Hvis du er tilfreds, så glem ikke at vælge Gem for at bevare dine sprogskifter-tilpasninger.
Du kan bruge disse Squarespace sprogskifter-designfunktioner i Linguise. Du kan justere indstillingerne ovenfor, så de passer til dine websteds behov.
Nedenfor er et eksempel på, hvordan en Squarespace hjemmeside ser ud med tilpassede design-sprogknapper.
Hvor nemt, ikke? Nogle kan undre sig over, hvor den rigtige Squarespace sprogknap er placeret, så brugerne nemt kan nå den. Vi vil diskutere dette yderligere.
Tips til udformning af Squarespace sprogomskifterknap
Nu hvor du ved, hvordan du opretter Squarespace sprogknappen, er det næste at perfektionere den ved at implementere følgende tips:
- Strategisk placering – Bestem en placering til at placere sprogomstillingsknappen på din Squarespace hjemmeside. Placér knappen i et område, der let kan findes af besøgende, såsom header, navigationsmenu, footer eller sidebar. Overvej besøgendes flow, når de gennemser din hjemmeside, og sørg for, at knappen forbliver synlig og let tilgængelig på alle sider.
- Påpasselig valg af stil – Vælg en stil til opsætning af sprogskifter der passer til din sides karakter og overordnede design. Du kan bruge tekst, flag eller globale ikoner til at repræsentere sprogindstillinger. Tilpas knapstilen, så den matcher din sides branding for konsistens og visuel appel. Vælg også en genkendelig og universel stil, så besøgende hurtigt kan identificere og bruge knappen.
- Tydelig betegnelse – Sørg for, at de sprognavne, der vises på sprogomstillingsknappen, er tydelige og let forståelige for besøgende. Undgå at bruge forkortelser eller koder, der kan forvirre brugerne. Brug sprognavne, der almindeligvis forstås af størstedelen af din hjemmesides brugere. Overvej desuden at give alternativ tekst eller værktøjstip, der giver yderligere information om hvert sprog for at forbedre brugerforståelsen.
- Jævn overgang – Implementer jævne sprog-overgange uden at genindlæse hele siden. Du kan bruge teknologier som AJAX eller JavaScript til at skabe problemfrie overgange mellem sprog uden at forstyrre brugeroplevelsen. Giv også visuelle signaler til brugerne under sprog-overgangsprocessen, såsom animationer eller klare meddelelser.
- Mobil responsivitet – Design sprogskifteknappen så den er responsiv og tilpasser sig i størrelse og udseende på forskellige mobile enheder. Overvej en kompakt tilgang eller brug af responsive ikoner for at sikre, at knappen forbliver let at tilgå og bruge selv på mindre skærme. Sørg for, at knappen forbliver synlig og fungerer korrekt på forskellige enheder og skærmstørrelser.
- Konsistens på tværs af sider – Fasthold konsistensen i stil, placering og funktionalitet af sprogskifteknappen på tværs af din hjemmeside. Dette vil hjælpe med at skabe en jævnere og mere sammenhængende brugeroplevelse, når der navigeres mellem hjemmesidens sider. Sørg for, at sprogskifteknappen har et ensartet udseende og adfærd på alle hjemmesidens sider for at undgå brugerforvirring.
- Test og forbedring – Udfør grundig test af knappen til valg af sprog på tværs af forskellige enheder, browsere og brugerscenarier. Dette omfatter test af funktionen til at skifte sprog, knappens reaktionsevne og klarhed i sprogvalg. Brug feedback fra brugerafprøvning til at foretage justeringer og forbedre knapdesign og funktionalitet, så det opfylder brugernes behov og præferencer.
Design din Squarespace sprogknap ved hjælp af Linguise fra nu af!
Nu hvor du forstår, hvorfor sprogknappen er vigtig for det flersprogede Squarespace websted, hvordan man designer Squarespace sprogknappen, og tips til at oprette den.
Ved korrekt design af knappen til valg af sprog kan du øge brugeroplevelsen på din Squarespace hjemmeside betydeligt. Dette vil have forskellige virkninger, som forklaret tidligere.
Hvorfor vente længere? Tilmeld dig Linguise, registrer dit Squarespace websted, og tilpas konfigurationen af knappen til valg af sprog for at give en bedre brugeroplevelse.
