Hoe stel je een taalwisselaar in op Craft CMS

Zwart-wit screenshot van de Cybroone-website.
Table of Contents

Het instellen van een taalschakelaar op Craft CMS is een cruciale functie voor elke website die een wereldwijd publiek wil bereiken. In het huidige tijdperk van globalisering is de mogelijkheid om naadloos tussen meerdere talen te schakelen een dringende behoefte.

Een taalwisselaar instellen op Craft CMS verbetert de toegankelijkheid voor bezoekers uit verschillende landen, kan de positie in zoekmachines verbeteren en kan wereldwijd vertrouwen in uw merk opbouwen. Hoewel het misschien complex klinkt, helpt deze stapsgewijze handleiding u om het soepel en efficiënt te doen op uw Craft CMS website.

Het is belangrijk om een ​​taalschakelaar in te stellen op Craft CMS

Een verzameling van webdesign- en ontwikkelingselementen. Verschillende iconen en symbolen die verband houden met webontwikkeling.

Voordat we ingaan op het instellen van een taalwisselaar op Craft CMS, bespreken we eerst het belang van het instellen van een taalwisselaar. Hier zijn er een paar.

  • Betere gebruikerservaring: Een taalwisselaar stelt bezoekers in staat om eenvoudig toegang te krijgen tot content in hun voorkeurstaal, waardoor hun begrip en betrokkenheid bij de website worden vergroot.
  • Bouncepercentage verlagen: Bezoekers die hun gewenste taal niet kunnen vinden, verlaten mogelijk onmiddellijk uw website. Een taalwisselaar met meerdere talen kan voorkomen dat ze de site verlaten.
  • Conversies verhogen: Als bezoekers productdetails, beleid en het aankoopproces in hun eigen taal begrijpen, kan dat hen aanmoedigen om te kopen of andere acties te ondernemen.
  • Meertalige SEO optimaliseren: Zoekmachines houden rekening met factoren rond gebruikerservaring bij het rangschikken van websites. Een gebruiksvriendelijke taalwisselaar kan je meertalige SEO -ranking verbeteren door het voor bezoekers gemakkelijker te maken om content in hun taal te bereiken. Het correct vertalen van content stuurt ook positieve signalen naar zoekmachines dat je site relevant is voor verschillende zoekopdrachten in verschillende talen.
Doorbreek taalbarrières
Zeg vaarwel tegen taalbarrières en hallo tegen onbeperkte groei! Probeer vandaag nog onze automatische vertaaldienst.

Hoe stel je een taalwisselaar in op Craft CMS

Nu je het belang van het gebruik van een taalwisselaar op een meertalige Craft CMS -website begrijpt, bespreken we hoe. Meestal bieden websitevertaaldiensten deze functie aan, die kan worden aangepast aan jouw behoeften.

Niet alle vertaaldiensten bieden echter een taalwisselaar die eenvoudig aanpasbaar en gebruiksvriendelijk is. Daarom is het belangrijk om een automatische vertaaldienst te kiezen die compatibel is met verschillende frameworks en een flexibele taalwisselaar biedt.

Een dienst die aan deze criteria voldoet is Linguise. Linguise biedt een taalswitcher-functie die eenvoudig aanpasbaar en gebruiksvriendelijk is en goed geïntegreerd kan worden met Craft CMS.

Door gebruik te maken van de naadloze integratie van Linguise met het Craft CMS -framework, kunt u eenvoudig een taalwisselaar toevoegen aan uw meertalige applicatie. Met de geavanceerde functies en gebruiksvriendelijke interface van Linguisewordt het instellen en onderhouden van een taalwisselaar op uw Craft CMS -website een stuk eenvoudiger.

Hieronder staan de stappen om Linguise te installeren Linguise op een meertalige Craft CMS website  en de taalwisselaar in te stellen.

#1: Registreer u voor een gratis Linguise -account

Registreer voor een gratis Linguise -account en profiteer van een gratis proefperiode van één maand om aan de slag te gaan. Voer simpelweg je e-mailadres in om een gebruikersnaam en wachtwoord aan te maken.

Gedurende de proefperiode heb je toegang tot alle aantrekkelijke functies die Linguise te bieden heeft. Na afloop van de proefperiode word je doorgestuurd naar het Linguise -dashboard.

#2: Het toevoegen van een domeinwebsite Craft CMS

Zodra je Linguise -account is aangemaakt, word je naar het dashboard geleid om het domein van je Craft CMS -website in te voeren. Selecteer “Domein toevoegen” en vul de weergegeven velden in:

  • Rekening
  • URL
  • Gebruikt platform (Craft CMS)
  • Standaardtaal
  • Vertaaltalen
  • URL's vertalen
  • Vertaling van dynamische content
Zwarte achtergrond. Witte tekst en lijnen.
Hoe stel je een taalwisselaar in op Craft CMS

U kunt de API-sleutel verkrijgen, die u in de volgende stap moet plakken.

Screenshot van de financiële website Investopedia met vervaagde tekst

#4: Upload het Linguise script

Vervolgens moet u het Linguise -vertaalscript uploaden naar uw server waarop Craft CMS is geïnstalleerd.

 

Download het PHP-JS-vertaalscript, pak het uit en upload het naar de hoofdmap van uw Craft CMS -installatie.

Zorg ervoor dat het script in de hoofdmap van je website wordt geplaatst, waar je Craft CMS -bestanden zich bevinden, en dat de map zijn oorspronkelijke naam behoudt, “linguise.”

Mappenlijst van bestandsbeheer met mappen

Voeg daarna de Linguise API-sleutel in het Configuration.php-bestand dat je naar je server hebt geüpload. Open het bestand om te bewerken en plak je API-sleutel tussen de aanhalingstekens, ter vervanging van de tekst REPLACE_BY_YOUR_TOKEN.

Hoe stel je een taalwisselaar in op Craft CMS

#5: De taalwisselaar inschakelen en aanpassen

De Linguise JS-scriptlink moet worden opgenomen in alle pagina's van je Craft CMS om de taalwisselaar met vlaggen weer te geven en om alternatieve URL's in je HTML-headers op te nemen voor SEO-voordelen.

Om de scriptlink te verkrijgen, navigeert u naar de domeininstellingen binnen het Linguise -dashboard en kopieert u de verstrekte scriptlink daar.

Een blanco witte achtergrondafbeelding.

Een eenvoudige manier om deze code in Craft CMS te integreren, is door deze toe te voegen aan je template-index. Open de map /template en bewerk het indexbestand om de scriptlink in de headersectie op te nemen.

Om de taalwisselaar weer te geven, voorgesteld door de vlagpopup voor het selecteren van de gewenste taal, kun je deze laden door de verstrekte code aan het einde van de websiteconfiguratie te kopiëren en in de head van je HTML-pagina te plakken. Deze actie zorgt ervoor dat de vlagtaalwisselaar automatisch wordt geladen.

een computerscherm met regels code in een programmeerprogramma

De taalwisselaar wordt in eerste instantie in het standaardformaat weergegeven, maar je kunt deze personaliseren. Pas de taalwisselaar aan via het Linguise -dashboard door naar Instellingen > Weergave taalvlaggen te gaan. Dit gedeelte bevat verschillende aanpassingsopties, waaronder de hoofdweergave, taalnamen en ontwerpelementen.

#6 Hoofdscherm configureren

Om de configuratie van de taalwisselaar te starten, ga naar de “Instellingen” > “Weergave taalvlaggen” sectie binnen het Linguise dashboard.

In dit gedeelte kunt u verschillende instellingen aanpassen. Ten eerste zijn er de belangrijkste weergave-instellingen, waar u diverse elementen kunt wijzigen, zoals:.

  • Vlagpictogramstijl: U kunt kiezen tussen naast elkaar weergeven, een dropdownmenu of een pop-up.
  • Positie: Deze instelling bepaalt de plaatsing van de taalswitcher op uw website. Er zijn verschillende positie-opties, dus zorg ervoor dat u er een kiest die gemakkelijk toegankelijk is voor bezoekers.
Een volledig zwarte achtergrond

#7 Het vlagontwerp instellen

Zodra u de belangrijkste weergave-instellingen hebt aangepast, kunt u het ontwerp van de weergegeven vlaggen aanpassen.

  • Weergave van taalnaam: Je kunt de taalnaam weergeven op basis van de landnaam of de taal zelf. Je kunt bijvoorbeeld “Frans” of “Français” tonen.
  • Engelse vlagtype: Deze functie is handig voor talen met meerdere varianten, zoals Amerikaans of Brits Engels. Het is ook van toepassing op Spaans, Taiwanees, Duits en Portugees.
  • Vlagstijl: Met deze optie kunt u de vorm van het vlagpictogram kiezen, rond of rechthoekig.
Een wazige afbeelding van meerdere computerschermen.

#8 De kleur en grootte instellen

Zodra u de configuratie van het vlagontwerp hebt voltooid, kunt u doorgaan met het aanpassen van de kleur en grootte van de vlaggen. Hieronder staan enkele instellingen die u kunt aanpassen.

  • Randradius van vlag: Pas de randradius aan voor de rechthoekige vlagstijl, gemeten in pixels.
  • Kleur van taalnaam: Selecteer de standaard tekstkleur om de naam weer te geven.
  • Popup taal kleur: Definieer de kleur voor de taal titel tekst in het popup- of dropdown-gebied.
  • Vlaggrootte: Wijzig de grootte van de vlagpictogrammen.
  • Kleur van taalnaam bij hover: Geef de tekstkleur op die verschijnt wanneer de gebruiker over de taalnaam zweeft.
  • Popup taal hoverkleur: Bepaal de tekstkleur die verschijnt wanneer de gebruiker over de taaltitel in het popup- of dropdowngebied zweeft.
Omrande rechthoeken op een zwarte achtergrond

#9 Boxschaduw configureren

Ten slotte kunt u de schaduwinstellingen van het vlagvak aanpassen. Met de eerste optie kunt u een schaduweffect toevoegen aan elk vlagpictogram dat op uw website wordt weergegeven. De volgende optie beheert het schaduweffect wanneer gebruikers hun muis over de taalvlaggen bewegen.

Zodra je alle nodige aanpassingen hebt gedaan, klik je op de knop Opslaan om de aanpassingen door te voeren. Ga vervolgens naar je Craft CMS -website om te bevestigen dat de configuratie succesvol is toegepast. Dit is ongeveer hoe de taalwisselaar wordt weergegeven.

Screenshot van een vergelijkingstabel met technische specificaties.

Nadat je het installatieproces hebt voltooid, kun je de functionaliteit van de taalwisselaar op je Craft CMS meertalige website bekijken.

Een zwart-wit screenshot van een website met een menu.

We zullen dan automatisch de Craft CMS website naar andere talen zoals Duits vertalen.

Een donkere webpagina met een welkomstbericht in het Duits. Op de achtergrond zijn verschillende pictogrammen zichtbaar.

5 tips voor het optimaliseren van de taalschakelaar in Craft CMS

Zodra je de taalwisselaar hebt ingesteld op je Craft CMS meertalige website, is het belangrijk om best practices voor het ontwerpen van een taalselector en de prestaties ervan te begrijpen, zodat zowel je site als je bezoekers er baat bij hebben.

Gebruik een gemakkelijk herkenbaar taallogo met vlag

Een technische tekening van een lay-out van een digitale interface. Verschillende elementen zijn inbegrepen.

Het gebruik van universeel herkenbare taaliconen of vlaggen is cruciaal zodat bezoekers snel hun voorkeurstaal kunnen herkennen en selecteren. Zorg ervoor dat de gebruikte iconen of vlaggen duidelijk zijn, een goed kleurcontrast hebben en breed worden begrepen in verschillende culturen om verwarring of dubbelzinnigheid te voorkomen.

Bekende symbolen of pictogrammen helpen een intuïtieve en gebruiksvriendelijke ervaring te creëren, waardoor bezoekers gemakkelijk naar de gewenste taalversie kunnen navigeren. Het is zeer belangrijk om pictogrammen of vlaggen te kiezen die algemeen bekend zijn om misverstanden of verwarring te voorkomen.

Gebruik van taalnamen en vlag

Een futuristische website-screenshot met een zwarte achtergrond. De afbeelding toont een gebruikersinterface met een berggrafiek en verschillende pictogrammen.

Naast het uitsluitend gebruiken van vlaggen, is het raadzaam om zowel vlaggen als de oorspronkelijke taalnamen op te nemen. Deze aanpak kan verwarring helpen voorkomen, aangezien sommige talen in meerdere landen met verschillende vlaggen worden gesproken.

Het direct gebruiken van taalnamen elimineert dubbelzinnigheid en zorgt ervoor dat bezoekers hun gewenste taal duidelijk kunnen identificeren en selecteren zonder misverstanden. Bovendien kan het gebruik van taalnamen inclusiever en respectvoller zijn voor culturele diversiteit.

Plaats de taalkeuzeknop strategisch

Ontwikkelaars bekijken de website op een computerscherm.

Laten we de taalschakelaar op een prominente en gemakkelijk toegankelijke plek op je website plaatsen. Standaardlocaties zijn de header, footer of het hoofdnavigatiemenu. Deze locaties zijn intuïtief voor de meeste internetgebruikers en sluiten aan bij hun verwachtingen wanneer ze naar taalopties zoeken.

Een consistente plaatsing op alle pagina's zorgt ervoor dat bezoekers gemakkelijk toegang hebben tot de taalwisselaar, ongeacht hun toegangspunt of de specifieke pagina die ze bezoeken. Deze consistente plaatsing draagt bij aan een soepele en voorspelbare gebruikerservaring.

Implementeer een responsief ontwerp voor de taalschakelaar

Blauwdrukken van computerhardware en apparaten. Technische schema's.

Zorg ervoor dat de knop voor de taalwisselaar responsief is en goed werkt op verschillende apparaten en schermformaten, waaronder desktops, tablets en smartphones. Test het op verschillende apparaten en schermresoluties om een naadloze gebruikerservaring te garanderen zonder dat elementen worden afgesneden of overlappen.

Een responsief ontwerp zorgt ervoor dat bezoekers vanaf elk apparaat dat ze gebruiken gemakkelijk toegang hebben tot taalopties, wat de toegankelijkheid en het gemak bij het wisselen van taal verbetert.

Zorg ervoor dat de taalwisselaar consistent is op alle pagina's

Omtrek van een websiteontwerp op een zwarte achtergrond

Zorg ervoor dat de taalkeuzer een consistente uitstraling en werking heeft op je hele website. Gebruikers moeten soepel van taal kunnen wisselen, ongeacht de pagina waarop ze zich bevinden of de inhoud die ze bekijken. Consistentie zorgt niet alleen voor een samenhangende gebruikerservaring, maar versterkt ook de toegankelijkheid en beschikbaarheid van taalopties, wat vertrouwen en zekerheid opbouwt in je meertalige website.

Elke inconsistentie in de taalwisselaar kan gebruikers verwarren en frustreren, waardoor ze uw website mogelijk verlaten.

Klaar om nieuwe markten te verkennen? Probeer onze automatische vertaaldienst gratis met onze 1 maand risicovrije proefperiode. Geen creditcard nodig!

Stel de taalwisselaar in op Craft CMS met Linguise!

Op dit punt zou u moeten beseffen dat u de taalwisselaar configureert voor een meertalige Craft CMS website. Het opzetten van een taalwisselaar kan verschillende voordelen bieden en kan worden verfijnd op basis van de eerder genoemde punten.

Het optimaliseren van de taalschakelaar kan de algehele gebruikerservaring aanzienlijk verbeteren. Meld je vervolgens aan voor een Linguise -account, integreer het met je Craft CMS -website en verfijn de taalschakelaar om de gebruikerservaring nog verder te verbeteren.

Misschien vindt u het ook interessant om te lezen

Mis het niet!
Abonneer u op onze nieuwsbrief

Ontvang nieuws over automatische websitevertaling, internationale SEO en meer!

Invalid email address
Probeer het eens. Eén per maand, en u kunt zich op elk moment uitschrijven.

Vertrek niet zonder uw e-mailadres te delen!

We kunnen niet garanderen dat je de loterij wint, maar we beloven je wel interessante informatieve nieuwtjes over vertalingen en af en toe kortingen.

Mis het niet!
Invalid email address