Når du opretter en flersproget hjemmeside, er det vigtigt at være opmærksom på sprogomskifter-elementer. Brugere besøger ofte denne sektion, når de vil skifte sprog.
Det samme gælder for dig som ejer af et Squarespace flersproget websted. Derfor er det afgørende at oprette en sprogomskifter for Squarespace , der er venlig, let tilgængelig og brugervenlig.
Denne artikel vil diskutere, hvordan man designer en sprogskifter til Squarespace, komplet med designtips og årsager til, hvorfor du skal gøre det.
Hvorfor er knappen til sprog 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 websted.
- Tilbyder en global målgruppe: En flersproget hjemmeside 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, så din hjemmeside bliver tilgængelig og tiltalende for et globalt markedsegment.
- Forbedring af brugeroplevelse og engagement: Sprogbarrierer kan i væsentlig grad hæmme brugeroplevelsen, føre til forvirring og øge afvisningsraten. Godt udformede og tilstrækkeligt implementerede sprogknapper strømliner skift mellem sprogversioner, 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 dit websted mere imødekommende og inkluderende, fremme en følelse af ejerskab for besøgende, der 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 synlighed online: Oversættelse af din hjemmeside 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å din side, så relevant indhold vises til brugerne 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.
- Lettering indholdsstyring og lokalisering: Med Squarespace’s flersprogede funktion forenkler sprogknapperne administration og organisering af indhold på tværs af forskellige sprogversioner. Dette muliggør nem navigation mellem sprogversioner, effektivisering af 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 hjemmesider, der bruger sprogknappens position.
Header
Placering af knappen til sprog i headerområdet er den mest anbefalede mulighed. Headeren er det første element, besøgende ser, når de gennemser en hjemmeside.
Ved at have sprogknappen på dette sted bliver synligheden og tilgængelighedsniveauet fra enhver side på webstedet meget højt. Denne placering stemmer også overens med standardpraksis 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 Dell officielle hjemmeside.
Sidefod
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 footeren bruges som et sted for sprogknappen for at undgå rod i hovednavigeringen.
Derudover, for websteder med primært lineær indholdsflow, hvor besøgende har tendens til at scrolle til bunden af siden, sikrer placering af sprogknappen i footer, 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 navigationsmenu.
Feel Unique-webstedet placerer sin sprogknap i footer sektionen komplet med et flagikon og landets navn.
Sidebjælke
Websteder med sidebar-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 headeren eller navigationsmenuen allerede er fyldt med andre vigtige elementer, så tilføjelse af sprogknappen i dette område ville kun skabe rod. For hjemmesider med meget indhold eller funktionalitet i det centrale område, kan sidebjælken være en ideel placering for sprogknappen, så knappen holdes synlig og let tilgængelig uden at obstruere hovedindholdsområdet.
Nedenfor er et eksempel på Lulu Lemon-webstedet med sprogknapper i sidelinje-menuen til højre.
Flydende knap eller fastgjort element
Den sidste mulighed er en flydende eller fastgjort sprogknap, specielt til mobile enheder eller hjemmesider med minimalistisk design. På små skærme som mobilenheder er flydende eller fastgjorte knapper mere synlige og tilgængelige end placeret i header eller footer, som kan være skjult eller kræve yderligere rulning.
Dog bør denne tilgang implementeres med omhu for at undgå at forstyrre indholdsvisningen eller skabe en ubehagelig brugeroplevelse. Placeringen, størrelsen og stilen af knappen bør overvejes for at sikre en jævn integration med det overordnede webstedsdesign.
Som vist nedenfor er der et Patagonia-site med knapper til sprog, der bruger klæbende elementer. Du kan finde knappen i nederste højre hjørne, hvorefter en boksvisning 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 anbefalinger til placeringen af sprogknappen. Derfor er det vigtigt at finde en oversættelsestjeneste, der giver nemme tilpasningsmuligheder for sprogknappen.
Selvom oversættelsestjenester normalt leverer 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.
Du skal ikke bekymre dig, fordi Linguise ikke pålægger sådanne begrænsninger. Det er en automatisk oversættelsestjeneste, der tilbyder brugerdefinerede indstillinger 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å din hjemmeside.
- 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. 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 multilinguistisk SEO.
- Du kan tilpasse sprogknappen efter din hjemmesides behov, lige fra ikoner og farver til visning af sprognavne.
- Du kan se sidestatistik 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 skridt 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æne-websted
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ættelse af URL-indstillinger.
Du kan se installation af 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.
Bagefter skal du have adgang til Squarespace dashboard, vælge det ønskede website, du ønsker at gøre flersproget, navigere nedad og vælge Websiteværktøjer.
Dernæst, inden for menuen Website Tools, vælg muligheden for Code Injection.
Derefter er der HOVED og FOD sektioner. Hvis du vil have sprogknappen i headeren, skal du indsætte koden i HOVED kolonnen. Ligeledes, hvis du indsætter det i footer, skal du indtaste koden i FOD kolonnen.
Trin 4: Opsætning af sprogflagvisning Squarespace
Efter integration af Linguise og Squarespace, vil Linguise automatisk oprette knappen for sprog på Squarespace hjemmesiden. 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 > Sprogflag-visning. Derefter vises flere sektioner, hvoraf den første er som følger.
I dette afsnit er der flere indstillinger:
- Listevisning
- Position
- Sprogforhåndsvisning
Listevisningsmulighederne har 3 muligheder, side-ved-side, dropdown og popup. Nedenfor er en forhåndsvisning af de tre muligheder.
Derefter, for selve placeringen af sprogknappen, tilbyder Linguise flere positioner, du kan vælge imellem.
Dernæst er der placeringsjustering, 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 position, der er let tilgængelig for besøgende.
Vælg endelig kombinationen af flag + sprognavn, flag + kort navn eller kun flag.
Trin 5: Indstil flagdesign på knappen for sprog
Under hovedgrænsefladen er der flagdesignindstillinger. Flere indstillingsmuligheder er synlige på billedet nedenfor.
- Sprognavnevisning: 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, såsom “Engelsk USA” eller “Engelsk Storbritannien” (ligner Spansk, Taiwansk, Tysk og Portugisisk).
- Flag stil: Bruges til at bestemme formen på flagikonet, om det er cirkulært eller firkantet (rektangulært).
Trin 6: Tilpas farve og størrelse flag
Efter at have konfigureret flagets design, er næste trin at justere farver, størrelser og andre forskellige elementer. I den følgende visning er der flere tilpasningsindstillinger, såsom:
- Flag kant-radius: Justerer kant-radius i pixels, når der bruges rektangler.
- Sprog navn farve: Vælg standardtekstfarven for sprognavne.
- Popup-sprogfarve: Farve på sprogtitlen i popup- eller dropdown-området.
- Flag størrelse: Juster størrelsen på flagene.
- Farve på svævende sprognavn: Tekstfarve, når du holder musen over sprognavne.
- Musemarkør popup-sprogfarve: Tekst, når musen svæver over sprogtitlen i popup eller dropdown.
Trin 7: Juster knappen til 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 der holdes over.
Hvis du er tilfreds, så glem ikke at vælge Gem for at bevare dine sprogskifter-tilpasninger.
Du kan bruge disse designfunktioner til sprogskifteknap i Linguise. Du kan justere indstillingerne ovenfor, så de passer til dine hjemmesidebehov.
Nedenfor er et eksempel på, hvordan en Squarespace hjemmeside ser ud med tilpassede design sprogknapper.
Hvor nemt, ikke? Nogle undrer sig måske over, hvor det rigtige Squarespace sprogknap er placeret, så brugerne nemt kan nå det. Vi vil diskutere dette yderligere.
Tips til udformning af Squarespace sprogskifteknap
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 sprogbyt-knappen på dit Squarespace website. 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 dit website, og sørg for, at knappen forbliver synlig og let tilgængelig på alle sider.
- Passende stilvalg – Vælg en stil til sprogomstillingsknappen, 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.
- Klar betegnelse – Sørg for, at de sprognavne, der vises på knappen til sprogskift, er klare 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 dine sites 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 sprogskift uden at genindlæse hele siden. Du kan bruge teknologier som AJAX eller JavaScript til at skabe sømløse overgange mellem sprog uden at forstyrre brugeroplevelsen. Giv også visuelle signaler til brugerne under sprogskifteprocessen, såsom animationer eller klare notifikationsmeddelelser.
- Mobil responsivitet – Design sprogskifteknappen så den er responsiv og tilpasser sig størrelse og udseende på forskellige mobile enheder. Overvej en kompakt tilgang eller brug af responsivt ikon 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 sprogomstillingsknappen på tværs af dit websted. Dette vil hjælpe med at skabe en jævnere og mere sammenhængende brugeroplevelse, når der navigeres mellem webstedsider. Sørg for, at sprogomstillingsknappen har et ensartet udseende og adfærd på alle webstedsider for at undgå brugerforvirring.
- Test og forbedring –Udfør grundig test af sprogknappen på tværs af forskellige enheder, browsere og brugerscenarier. Dette omfatter test af sprogskiftefunktion, knapresponsivitet og tydelighed i sprognavn. Brug feedback fra brugerafprøvning til at foretage justeringer og forbedre knapdesign 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 website, hvordan man designer Squarespace sprogknappen, og tips til at oprette den.
Ved korrekt at designe knappen til at skifte sprog, kan du betydeligt forbedre brugeroplevelsen på din Squarespace hjemmeside. Dette vil have forskellige virkninger, som forklaret tidligere.
Hvorfor vente længere? Tilmeld dig Linguise, registrer dit Squarespace website, og tilpas sprogbyt-knappens konfiguration for at give en bedre brugeroplevelse.
