Når du opretter et flersproget website, er opmærksomhed på sprogskifteelementer vigtig. Brugere besøger ofte dette afsnit, når de vil skifte sprog.
Det samme gælder for dig som ejer af et flersproget Squarespace -websted. Derfor er det afgørende at oprette en sprogskifter til Squarespace , som er venlig, let tilgængelig og brugervenlig.
Denne artikel vil diskutere, hvordan man designer en sprogskifter til Squarespace, komplet med designtips og grunde til, at du bør gøre det.
Hvorfor er sprogknappen vigtig for det flersprogede websted Squarespace?
Før du diskuterer, hvordan du designer din Squarespace sprogknap, skal du også forstå, hvorfor sprogknappen er vigtig for et flersproget Squarespace websted.
- Betjening af et globalt publikum: Et flersproget websted er afgørende for virksomheder, der ønsker at udvide deres rækkevidde ud over landegrænserne. Sprogknapper giver dig mulighed for at præsentere indhold på dit målgruppes foretrukne sprog, hvilket gør dit websted tilgængeligt og appellerende for et globalt markedssegment.
- Forbedring af brugeroplevelse og engagement: Sprogbarrierer kan i høj grad hæmme brugeroplevelsen, hvilket fører til forvirring og øgede afvisningsprocenter. Veldesignede og korrekt implementerede sprogknapper strømliner skiftet mellem sprogversioner og sikrer en problemfri og brugervenlig oplevelse. Ved at tilbyde indhold på besøgendes foretrukne sprog kan du øge engagementet og forbedre tiden brugt på webstedet.
- Forbedring af tilgængelighed og inklusion: Denne enkle, men effektive funktion kan gøre dit website mere indbydende og inkluderende og fremme en følelse af ejerskab hos besøgende, der måske ikke er fortrolige med hovedsproget. Det hjælper også med at overholde retningslinjer og regler for tilgængelighed, som ofte lægger vægt på at tilbyde indhold på flere sprog.
- Forbedring af SEO og online synlighed: Oversættelse af dit website til flere sprog kan forbedre din søgemaskineplacering og synlighed i forskellige regioner eller markeder. Sprogknapper hjælper søgemaskiner med at forstå sprogvariationerne på dit website og sikrer, at relevant indhold vises til brugerne baseret på deres sprogpræferencer.
- Styrkelse af brandidentitet og opbygning af tillid: Veldesignede sprogknapper, der matcher din brandidentitet og tone, kan styrke dit brandimage. Ved at imødekomme dit publikums sproglige behov viser du en forpligtelse til at levere en personlig og kulturelt følsom oplevelse, hvilket kan opbygge tillid og loyalitet. Opmærksomhed på disse detaljer kan adskille dig fra konkurrenterne.
- Nemt at administrere indhold og lokalisering: Med Squarespaces flersprogede funktion gør sprogknapper det nemt at administrere og organisere indhold på tværs af forskellige sprogversioner. Det giver nem navigation mellem sprogvarianter og strømliner processerne for indholdsstyring og lokalisering. Det kan spare tid og ressourcer, da du effektivt kan vedligeholde og opdatere dit flersprogede indhold fra en central platform.
Ved at inkludere klogt designede sprogknapper på dit Squarespace -websted imødekommer du ikke kun behovene hos et flersproget publikum, men demonstrerer også en forpligtelse til at levere en fremragende 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 nem for brugerne at nå.
Nedenfor er der flere anbefalede placeringer og eksempler på relevante websteder, der bruger sprogknappens placering.
Header
Placering af sprogknappen i header-området er den mest anbefalede løsning. Headeren er det første element, besøgende ser, når de browser en hjemmeside.
Ved at placere sprogknappen i dette område bliver synligheden og tilgængeligheden fra enhver side på webstedet meget høj. Denne placering er også i overensstemmelse med standardpraksis inden for webdesign, hvor brugerne forventer at finde vigtige funktioner for hele webstedet, såsom sprogvalg, i headeren.
Et eksempel på en sprogknap i headeren kommer fra Dells officielle websted.
Sidefod
Selvom sidefoden er mindre fremtrædende end headeren, kan den i visse situationer være et passende alternativt sted for sprogknappen. Hvis headerområdet allerede er fyldt med andre vigtige elementer, kan sidefoden bruges som et sted til sprogknappen for at undgå rod i hovednavigationen.
Derudover kan placering af sprogknappen i sidefoden for websteder med primært lineært indholdsflow, hvor besøgende har en tendens til at rulle til bunden af siden, sikre, at denne mulighed forbliver synlig og tilgængelig, efter at hele indholdet er læst. Sidefoden kan også være et passende valg, hvis sprogknappen er en sekundær eller supplerende mulighed, mens den primære knap er i headeren eller navigationsmenuen.
Feel Unique-webstedet placerer sin sprogknap i sidefoden med et flagikon og landets navn.
Sidepanel
Websteder med sidebar-layouts kan bruge det område til at placere sprogknappen. Ved at være i sidebaren vil sprogknappen altid være synlig under brugerens browsingoplevelse, fordi sidebaren generelt forbliver permanent synlig på siden. Dette sikrer nem adgang for brugere, når det er nødvendigt.
Placering i sidepanelet kan også være en god løsning, hvis headeren eller navigationsmenuen allerede er fyldt med andre vigtige elementer, da tilføjelse af sprogknappen i det område kun vil skabe rod. For websteder med meget indhold eller funktionalitet i det centrale område kan sidepanelet være et ideelt sted til sprogknappen, så knappen forbliver synlig, men stadig let tilgængelig uden at blokere det primære indholdsområde.
Nedenfor er et eksempel på Lulu Lemon-siden med sprogknapper i sidemenuen til højre.
Flydende knap eller sticky-element
Den sidste mulighed er en flydende eller fastgjort sprogknap, især til mobile enheder eller websites med minimalistisk design. På små skærme som mobile enheder er flydende eller fastgjorte knapper mere synlige og tilgængelige end dem, der er placeret i headeren eller footeren, som kan være skjult eller kræve ekstra scrolling.
Denne tilgang bør dog implementeres omhyggeligt for at undgå at forstyrre visningen af indholdet eller skabe en ubehagelig brugeroplevelse. Knappens placering, størrelse og stil bør overvejes for at sikre en smidig integration med det overordnede webstedsdesign.
Nedenfor er der et Patagonia-websted med sprogknapper, der bruger sticky-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 forstår du allerede, hvor vigtig sprogknappen er for et flersproget Squarespace -websted, og hvilke anbefalinger der gælder for placeringen af sprogknappen. Derfor er det vigtigt at finde en oversættelsesløsning, der tilbyder nemme tilpasningsmuligheder for sprogknappen.
Selvom oversættelsestjenester typisk tilbyder sprogskiftere, er det ikke alle, der tilbyder nemt tilpasselige og fleksible muligheder med forskellige justeringer. Dog er Linguise oversættelsestjeneste en løsning for dem, der søger en brugervenlig og nemt tilpasselig Squarespace sprogknap.
Du skal ikke bekymre dig, for Linguise pålægger ikke sådanne begrænsninger. Det er en automatisk oversættelsestjeneste, der tilbyder brugerdefinering af 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 få sekunder, efter du har føjet dem til sprogknappen på dit website.
- Der er over 80+ sprog , som kan tilføjes til sprogknappen.
- Linguise opretter automatisk unikke URL'er i overensstemmelse med målsproget for oversættelsen. Inklusive hreflang-koder, for eksempel linguise.com/fr/ for sider oversat til fransk.
- Den genererer automatisk kanoniske URL'er for at hjælpe med at undgå duplikeret indhold på søgemaskiner, når du har sprogvariationer på sider. Dette er en af faktorerne i flersproget SEO.
- Du kan tilpasse sprogknappen efter dit websites behov, lige fra ikoner og farver til visning af sprognavne.
- Du kan se sidestatistikken pr. sprog for hvert sprog, der er føjet til sprogknappen.
Uden yderligere forsinkelse er her trinnene til at designe din Squarespace -sprogknap med Linguise i nogle få faser.
Trin 1: Opret din Linguise -konto
For at designe en sprogskifteknap til dit Squarespace -websted ved hjælp af Linguiseer det første skridt at oprette en konto på Linguise -platformen. Du kan tilmelde dig gratis og bruge en måneds gratis prøveperiode, som giver dig adgang til forskellige funktioner, der er tilgængelige i denne tjeneste.
Trin 2: Tilføj dit Squarespace -domænewebsted
Næste trin er at tilføje webstedsdomænet til Linguise -dashboardet. Der skal indtastes nogle data, herunder kontoinformation, URL, valg af platform (Squarespace), modersmål, sprog der skal oversættes, og indstillinger for oversættelses-URL.
Du kan se installationsvejledningen til automatisk oversættelse af Linguise i Squarespace for at se de komplette trin til at tilføje et domæne.
Trin 3: Integrer sprogknappen på Squarespace
Næste trin er at integrere Linguise i dit Squarespace -website ved at tilføje det scriptkode, der er angivet i dashboardet, som vist her.
Derefter skal du gå til Squarespace -dashboardet, vælge det ønskede websted, du vil gøre flersproget, navigere nedad og vælge Webstedsværktøjer.
Vælg derefter indstillingen for Code Injection i menuen Website Tools.
Derefter følger HEADER - og FOOTER -sektionerne. Hvis du vil have sprogknappen i headeren, skal du indsætte koden i HEADER -kolonnen. På samme måde, hvis du placerer den i footeren, skal du indtaste koden i FOOTER -kolonnen.
Trin 4: Opsæt visning af sprogflag Squarespace
Efter integration af Linguise og Squarespacevil Linguise automatisk oprette sprogknappen på Squarespace -webstedet. Udseendet er dog stadig standard.
Derfor kan du tilpasse designet af sprogknappen i et par trin.
Sørg for, at du er logget ind på Linguise -dashboardet, og vælg derefter Indstillinger > Visning af sprogflag. Derefter vises flere sektioner, hvoraf den første er som følger.
I dette afsnit er der flere indstillinger:
- Listevisning
- Placering
- Sprogforhåndsvisning
Visningsindstillingerne for listen har 3 muligheder: side om side, rullemenu og popup. Nedenfor er en forhåndsvisning af de tre muligheder.
Derefter tilbyder Linguise flere placeringer, du kan vælge imellem, for selve sprogknappens placering.
Næste er justering af placering, hvor du kan vælge, hvor sprogskifteren skal placeres. Du har en række forskellige placeringsmuligheder at vælge imellem. Sørg for at vælge en placering, der er let tilgængelig for besøgende.
Vælg til sidst kombinationen af flag + sprognavn, flag + kort navn eller kun flag.
Trin 5: Indstil flagdesignet på sprogknappen
Under hovedgrænsefladen findes indstillinger for flagdesign. Flere indstillingsmuligheder er synlige på billedet nedenfor.
- Visning af sprognavne: Du kan vælge at vise navnet baseret på landet eller sproget, for eksempel “Tyskland” eller “tysk.”
- Engelske flagtyper: Denne indstilling bruges til sprog, der har mere end én type, f.eks. "English USA" eller "English Britain" (ligner spansk, taiwansk, tysk og portugisisk).
- Flagstil: Bruges til at bestemme formen på flagikonet, om det er cirkulært eller kvadratisk (rektangulært).
Trin 6: Tilpas farve og størrelse på flaget
Når du har konfigureret flagdesignet, er næste skridt at justere farver, størrelser og forskellige andre elementer. I den følgende visning er der flere tilpasningsmuligheder, såsom:
- Flag border-radius: Justerer kantens radius i pixels, når der bruges rektangler.
- Sprognavnfarve: Vælg standardtekstfarven for sprognavne.
- Sprogfarve i popup: Farven på sprogtitlen i popup- eller rullemenuområdet.
- Flagstørrelse: Juster størrelsen på flagene.
- Farve på sprognavn ved hover: Tekstfarve, når musen holdes over sprognavne.
- Farve på sprogtitel ved hover i popup: Tekst, når musen holdes over sprogtitlen i popup-vinduet eller rullemenuen.
Trin 7: Juster skyggeknappen på flagboksen
I den sidste fase kan du konfigurere skyggeindstillingerne for flagene. Den første indstilling giver dig mulighed for at angive skygger for hvert flag på dit website, og den efterfølgende indstilling er for skyggerne på sprogflag, når der holdes musen over dem.
Hvis du er tilfreds, skal du ikke glemme at vælge Gem for at bevare dine tilpasninger af sprogskifteren.
Du kan bruge disse Squarespace -designfunktioner til sprogskifteknappen i Linguise. Du kan justere indstillingerne ovenfor, så de passer til dit websites behov.
Nedenfor er et eksempel på, hvordan et Squarespace -websted ser ud med tilpassede designsprogknapper.
Hvor nemt, ikke? Nogle undrer sig måske over, hvor den rigtige Squarespace -sprogknap er placeret, så brugerne nemt kan finde den. Det vil vi diskutere nærmere.
Tips til design af Squarespace sprogskifteknap
Nu hvor du ved, hvordan du opretter Squarespace -sprogknappen, er næste skridt at perfektionere den ved at implementere følgende tips:
- Strategisk placering – Bestem en placering til sprogskifteknappen på dit Squarespace -websted. Placer knappen et sted, hvor besøgende nemt kan finde den, f.eks. i headeren, navigationsmenuen, footeren eller sidepanelet. Overvej den besøgendes flow, når de browser på dit websted, og sørg for, at knappen forbliver synlig og let tilgængelig på alle sider på webstedet.
- Passende stilvalg – Vælg en stil til opsætning af sprogskifteren , der passer til dit websites karakter og overordnede design. Du kan bruge tekst, flag eller globale ikoner til at repræsentere sprogvalgmuligheder. Tilpas knappens stil, så den matcher dit websites branding for konsistens og visuel appel. Vælg også en genkendelig og universel stil, så besøgende hurtigt kan identificere og bruge knappen.
- Klar navngivning – Sørg for, at sprognavnene, der vises på sprogskifteknappen, er klare og lette for besøgende at forstå. Undgå forkortelser eller koder, der kan forvirre brugerne. Brug sprognavne, som størstedelen af dine besøgende forstår. Overvej desuden at tilbyde alternativ tekst eller værktøjstip, der giver yderligere information om hvert sprog for at forbedre brugernes forståelse.
- Jævn overgang – Implementer jævne sprogovergange uden at genindlæse hele siden. Du kan bruge teknologier som AJAX eller JavaScript til at skabe problemfri overgange mellem sprog uden at forstyrre brugeroplevelsen. Giv også brugerne visuelle signaler under sprogovergangen, f.eks. animationer eller tydelige notifikationsmeddelelser.
- Mobilresponsivitet – Design sprogskifteknappen , så den er responsiv og kan tilpasse sig i størrelse og udseende til forskellige mobile enheder. Overvej en kompakt tilgang eller brug af responsive ikoner for at sikre, at knappen forbliver let at få adgang til 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 – Oprethold konsistens i stilen, placeringen og funktionaliteten af sprogskifteknappen på tværs af dit websted. Dette vil hjælpe med at skabe en mere smidig og sammenhængende brugeroplevelse, når der navigeres mellem websidens sider. Sørg for, at sprogskifteknappen har et ensartet udseende og adfærd på alle websidens sider for at undgå forvirring hos brugerne.
- Test og forfinelse – Udfør grundig test af sprogskifteknappen på tværs af forskellige enheder, browsere og brugerscenarier. Dette inkluderer test af funktionaliteten for sprogskift, knappens responsivitet og tydeligheden af sprognavne. Brug feedback fra brugertest til at foretage justeringer og forfine knappens design og funktionalitet for at imødekomme 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 du designer Squarespace -sprogknappen, og tips til at oprette den.
Ved at designe sprogskifteknappen korrekt kan du markant forbedre brugeroplevelsen på dit Squarespace -website. Det vil have forskellige effekter, som forklaret tidligere.
Så hvorfor vente længere? Tilmeld dig Linguise, registrer dit Squarespace -website, og tilpas konfigurationen af sprogskifteknappen for at give en bedre brugeroplevelse.
