Når du opretter en flersproget hjemmeside, er opmærksomhed på sprogskifteelementer vigtig. Brugere besøger ofte denne sektion, når de ønsker at skifte sprog.
Det samme gælder for dig som ejer af Squarespace flersproget websted. Derfor er det afgørende at skabe 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 bør gøre det.
Hvorfor er sprogknappen vigtig for den flersprogede hjemmeside Squarespace ?
Før du diskuterer, hvordan du designer din Squarespace sprogknap, skal du også forstå, hvorfor sprogknappen er vigtig for et flersproget Squarespace websted.
- Tjener et globalt publikum: Et flersproget websted 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å de foretrukne sprog for din målgruppe, hvilket gør din hjemmeside tilgængelig og appellerer til et globalt markedssegment.
- Forbedring af brugeroplevelsen og engagementet: Sprogbarrierer kan væsentligt hæmme brugeroplevelsen, hvilket fører til forvirring og øgede afvisningsprocenter. Veldesignede og tilstrækkeligt implementerede sprogknapper strømliner skift mellem sprogversioner, hvilket sikrer en jævn og brugervenlig oplevelse. Ved at levere indhold på de besøgendes foretrukne sprog kan du øge engagementet og forbedre den tid, du bruger på webstedet.
- Forbedring af tilgængelighed og inklusivitet: Denne enkle, men kraftfulde funktion kan gøre dit websted mere indbydende og inkluderende, hvilket fremmer en følelse af ejerskab for besøgende, som måske ikke er dygtige til 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 dit websted til flere sprog kan forbedre dine søgemaskiners placeringer og synlighed i forskellige regioner eller markeder. Sprogknapper hjælper søgemaskiner med at forstå sprogvariationerne på dit websted og sikrer, at relevant indhold vises til brugere baseret på deres sprogpræferencer.
- Forstærkning af brandidentitet og opbygning af tillid: Veldesignede sprogknapper, der stemmer overens med dit brands visuelle identitet og tone, kan styrke dit brandimage. Ved at imødekomme dit publikums sproglige behov demonstrerer du en forpligtelse til at give en personlig og kulturelt følsom oplevelse, som kan opbygge tillid og loyalitet. Opmærksomhed på disse detaljer kan adskille dig fra konkurrenterne.
- Facilitering af indholdsstyring og lokalisering: Med Squarespace flersprogede funktion forenkler sprogknapper administration og organisering af indhold på tværs af forskellige sprogversioner. Dette giver mulighed for nem navigation mellem sprogvariationer, strømlining af indholdsstyring og lokaliseringsprocesser. Det kan spare tid og ressourcer, da du effektivt kan vedligeholde og opdatere dit flersprogede indhold fra en centraliseret 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 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å sprogknappens position, så det er nemt for brugerne at nå.
Nedenfor er flere anbefalede positioner og eksempler på relevante hjemmesider, der bruger sprogknappens position.
Header
Placering af sprogknappen i overskriftsområdet er den mest anbefalede mulighed. Overskriften er det første element, besøgende ser, når de surfer på et websted.
Ved at have sprogknappen i dette område bliver synligheden og tilgængelighedsniveauet fra enhver side på webstedet meget højt. Denne placering stemmer også overens med standard webdesignpraksis, hvor brugerne forventer at finde vigtige funktioner for hele webstedet, såsom valg af sprog, i overskriften.
Et eksempel på en sprogknap i overskriften kommer fra Dells officielle hjemmeside.
Sidefod
Selvom den er mindre fremtrædende end sidehovedet, kan sidefoden være en passende alternativ placering til sprogknappen i visse situationer. Antag, at overskriftsområdet allerede er fyldt med andre vigtige elementer. I så fald kan sidefoden bruges som et sted for sprogknappen for at undgå rod i hovednavigationen.
For hjemmesider med primært lineært indholdsflow, hvor besøgende har en tendens til at scrolle til bunden af siden, sikrer en placering af sprogknappen i sidefoden, at denne mulighed forbliver synlig og tilgængelig efter at have læst hele indholdet. Sidefoden kan også være et passende valg, hvis sprogknappen er en sekundær eller ekstra mulighed, mens hovedknappen er i sidehovedet eller navigationsmenuen.
Feel Unique-siden placerer sin sprogknap i sidefoden komplet med et flagikon og landets navn.
Sidebjælke
Websteder med sidebjælkelayout 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 nem adgang for brugere, når det er nødvendigt.
Placering i sidebjælken kan også være en god løsning, hvis overskriften eller navigationsmenuen allerede er fyldt med andre vigtige elementer, så tilføjelse af sprogknappen i det område ville kun skabe rod. For websteder med meget indhold eller funktionalitet i det centrale område, kan sidebjælken være en ideel placering for sprogknappen, der holder knappen synlig, men alligevel let tilgængelig uden at blokere hovedindholdsområdet.
Nedenfor er et eksempel på Lulu Lemon-webstedet med sprogknapper i sidebjælkemenuen til højre.
Flydende knap eller klæbrig element
Den sidste mulighed er en flydende eller klæbrig sprogknap, især til mobile enheder eller websteder med minimalistisk design. På små skærme som mobilenheder er flydende eller klæbende knapper mere synlige og tilgængelige end placeret i sidehovedet eller sidefoden, som kan være skjult eller kræver yderligere rulning.
Denne tilgang bør dog implementeres omhyggeligt for at undgå at forstyrre indholdsvisningen eller skabe en ubehagelig brugeroplevelse. Knappens placering, størrelse og stil bør overvejes for at sikre en jævn integration med det overordnede webstedsdesign.
Som nedenfor er der et Patagonia-websted med sprogknapper, der bruger klæbrige elementer. Du kan finde knappen i nederste højre hjørne, hvorefter der vises en boksvisning 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 anbefalinger til placeringen af sprogknappen. Derfor er det vigtigt at finde en oversættelsestjeneste, der giver nemme tilpasningsmuligheder for sprogknappen.
Selvom oversættelsestjenester typisk leverer sprogskiftere, er det ikke alle, der tilbyder let tilpasselige og fleksible muligheder med forskellige justeringer. Linguise oversættelsestjenesten dog en løsning for dem, der søger en brugervenlig og let tilpasningsdygtig Squarespace sprogknap.
Bare rolig, for Linguise pålægger ikke sådanne begrænsninger. Det er en automatisk oversættelsestjeneste, der tilbyder brugertilpasning 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, inklusive Squarespace webbygger.
- Oversættelser til forskellige sprog udføres automatisk inden for få sekunder, efter 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 målsproget for oversættelsen. Herunder 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 websteds behov, lige fra ikoner og farver til visninger af sprognavne.
- Du kan se sidestatistikken pr. sprog for hvert sprog, der er tilføjet sprogknappen.
Uden videre, her er trinene til at designe din Squarespace sprogknap med Linguise i et par trin.
Trin 1: Registrer din Linguise konto
For at designe en sprogskiftknap til dit Squarespace websted 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 gratis prøveperiode på en måned, som giver dig adgang til forskellige funktioner, der er tilgængelige i denne tjeneste.
Trin 2: Tilføj dit Squarespace domænewebsted
Det næste trin er at tilføje webstedets domæne til Linguise dashboardet. Nogle data skal indtastes, herunder kontooplysninger, URL, platformvalg ( Squarespace ), modersmål, sprog, der skal oversættes, og oversættelses-URL-indstillinger.
Du kan se installationen af automatisk oversættelse Linguise i Squarespace for de komplette trin til at tilføje et domæne.
Trin 3: Integrer sprogknappen på Squarespace
Det næste trin er at integrere Linguise i dit Squarespace websted ved at tilføje scriptkoden til dashboardet på denne måde.
Gå derefter til Squarespace dashboardet, vælg det ønskede websted, du ønsker at gøre flersproget, naviger nedad, og vælg webstedsværktøjer.
kodeindsprøjtning i menuen Webstedværktøjer
Derefter er der HEADER og FOOTER . Hvis du vil have sprogknappen i overskriften, skal du sætte koden i HEADER . Ligeledes, hvis du sætter den i sidefoden, skal du indtaste koden i FOOTER .
Trin 4: Konfigurationssprogflag viser Squarespace
Efter at have integreret Linguise og Squarespace , vil Linguise automatisk oprette sprogknappen på Squarespace -webstedet. Udseendet er dog stadig standard.
Derfor kan du tilpasse designet af sprogknappen i nogle få 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
- Position
- Forhåndsvisning af sprog
Listevisningsmulighederne har 3 muligheder, side-by-side, dropdown og popup. Nedenfor er en forhåndsvisning af de tre muligheder.
Så for placeringen af selve sprogknappen tilbyder Linguise flere positioner, du kan vælge imellem.
Dernæst er positionsjustering, hvor du kan vælge, hvor sprogskifteren skal placeres. Du har en række forskellige positionsmuligheder at vælge imellem. Sørg for, at du vælger en stilling, 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, for eksempel "Tyskland" eller "Tysk".
- Engelske flagtyper: Denne mulighed bruges til sprog, der har mere end én type, såsom "English USA" eller "English Britain" (svarende til spansk, taiwanesisk, tysk og portugisisk).
- Flagstil: Bruges til at bestemme formen på flagikonet, om det er cirkulært eller kvadratisk (rektangulært).
Trin 6: Tilpas flaget for farve og størrelse
Efter at have konfigureret flagdesignet, er det næste trin at justere farver, størrelser og forskellige andre elementer. I det følgende display er der flere indstillinger, der kan tilpasses, såsom:
- Flag kant-radius: Justerer kantradius i pixels, når du bruger rektangler.
- Sprognavnsfarve: Vælg standardtekstfarven for sprognavne.
- Popup-sprogfarve: Farven på sprogtitlen i pop op- eller dropdown-området.
- Flagstørrelse: Juster størrelsen på flagene.
- Hover sprognavnefarve: Tekstfarve, når du holder musen over sprognavne.
- Svæv pop op-sprogfarve: Tekst, når musen svæver over sprogtitlen i pop op- eller rullemenuen.
Trin 7: Juster flagboksens skyggeknap
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 websted, og den efterfølgende indstilling er for skyggerne på sprogflag, når du holder musemarkøren over.
Hvis du er tilfreds, så glem ikke at vælge Gem for at bevare dine sprogskiftertilpasninger.
Du kan bruge disse Squarespace sprogskiftknap-designfunktioner i Linguise . Du kan justere indstillingerne ovenfor, så de passer til dit websteds behov.
Nedenfor er et eksempel på, hvordan et Squarespace websted ser ud med tilpassede designsprogknapper.
Hvor nemt, ikke? Nogle vil måske undre sig over, hvor den rigtige Squarespace sprogknap er placeret, så brugerne nemt kan nå den. Vi vil diskutere dette yderligere.
Tips til design af Squarespace sprogskiftknap
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 for at placere sprogskift-knappen på dit Squarespace websted. Placer knappen i et område, der nemt kan findes af besøgende, såsom sidehovedet, navigationsmenuen, sidefoden eller sidebjælken. Overvej den besøgendes flow, når du browser på dit websted, og sørg for, at knappen forbliver synlig og let tilgængelig på alle webstedets sider.
- Passende stilvalg – Vælg en stil til opsætningssprogskifteren , der passer til dit websteds karakter og overordnede design. Du kan bruge tekst, flag eller globale ikoner til at repræsentere sprogindstillinger. Tilpas knapstilen, så den matcher dit websteds branding for konsistens og visuel appel. Vælg også en genkendelig og universel stil, så besøgende hurtigt kan identificere og bruge knappen.
- Tydelig navngivning – Sørg for, at sprognavnene, der vises på sprogomskifterknappen, er klare og letforståelige for besøgende. Undgå at bruge forkortelser eller koder, der kan forvirre brugerne. Brug sprognavne, der almindeligvis forstås af størstedelen af dit websteds brugere. Overvej desuden at give alternativ tekst eller værktøjstip, der giver yderligere oplysninger om hvert sprog for at forbedre brugerforståelsen.
- Glat 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å visuelle signaler til brugere under sprogoverførselsprocessen, såsom animationer eller klare meddelelser.
- Mobil reaktionsevne – Design sprogomskifterknappen, så den er lydhør og kan tilpasses i størrelse og udseende til forskellige mobile enheder. Overvej en kompakt tilgang eller brug responsive ikoner for at sikre, at knappen forbliver nem 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 ensartethed i stilen, placeringen og funktionaliteten af sprogskifteknappen på tværs af dit websted. Dette vil hjælpe med at skabe en jævnere og mere sammenhængende brugeroplevelse, når du navigerer mellem webstedssider. Sørg for, at sprogskift-knappen har et ensartet udseende og adfærd på alle webstedssider for at undgå brugerforvirring.
- Test og forfining – Udfør en grundig test af sprogskiftknappen på tværs af forskellige enheder, browsere og brugerscenarier. Dette omfatter test af sprogovergangsfunktionalitet, knaprespons og tydelighed i sprognavne. Brug feedback fra brugertest til at foretage justeringer og forfine knapdesignet og -funktionaliteten 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 man designer Squarespace sprogknappen og tips til at oprette den.
Ved at designe sprogskift-knappen korrekt kan du forbedre brugeroplevelsen på dit Squarespace websted markant. Dette vil have forskellige konsekvenser, som forklaret tidligere.
Så hvorfor vente længere? Tilmeld dig Linguise , registrer dit Squarespace websted, og tilpas konfigurationen af sprogskiftknap for at give en bedre brugeroplevelse.