Hoe u een taalwisselaar instelt op Craft CMS

Zwart-wit screenshot van de Cybroone-website.
Inhoudsopgave

Het opzetten van een taalwisselaar op Craft CMS is een cruciale functie voor elke website die een globaal publiek wil bereiken. In het tijdperk van globalisatie is het vermogen om naadloos tussen meerdere talen te schakelen een dringende noodzaak.

Instellen van een taalwisselaar op Craft CMS verbetert de toegankelijkheid voor bezoekers uit verschillende landen, kan de zoekmachine-rangschikking verbeteren en kan wereldwijd merkvertrouwen opbouwen. Hoewel het misschien complex klinkt, zal deze stap-voor-stap handleiding u helpen om het soepel en efficiënt te doen op uw Craft CMS website.

Belang van het instellen van een taalwisselaar op Craft CMS

Een verzameling van webdesign- en ontwikkelingselementen. Diverse pictogrammen en symbolen gerelateerd aan webontwikkeling.

Voordat we ingaan op het instellen van een taalwisselaar op Craft CMS, laten we eerst het belang van het instellen van een taalwisselaar bespreken. Hier zijn enkele ervan.

  • Beter gebruikerservaring: Een taalwisselaar stelt bezoekers in staat om gemakkelijk inhoud te raadplegen in hun voorkeurstaal, waardoor hun begrip en betrokkenheid bij de website toenemen.
  • Het verlagen van het bouncepercentage: Bezoekers die hun gewenste taal niet kunnen vinden, verlaten uw website mogelijk onmiddellijk. Een taalwisselaar die meerdere talen biedt, kan voorkomen dat ze de site verlaten.
  • Conversies verhogen: Door productdetails, beleid en het aankoopproces in hun taal te begrijpen, kunnen bezoekers worden aangemoedigd om een aankoop te doen of andere acties te ondernemen.
  • Optimalisatie van multilinguale SEO: Zoekmachines houden rekening met factoren voor gebruikerservaring bij het rangschikken van websites. Een gebruiksvriendelijke taalschakelaar kan uw multilinguale SEO ranking verbeteren door het voor bezoekers gemakkelijker te maken om inhoud in hun taal te raadplegen. Het correct vertalen van inhoud stuurt ook positieve signalen naar zoekmachines dat uw site relevant is voor verschillende zoekopdrachten in verschillende talen.
Taalbarrières doorbreken
Zeg vaarwel tegen taalbarrières en hallo tegen onbeperkte groei! Probeer onze automatische vertaaldienst vandaag nog uit.

Hoe u een taalwisselaar instelt op Craft CMS

Na het begrijpen van het belang van het gebruik van een taalschakelaar op een meertalige Craft CMS -website, laten we het hebben over hoe. Meestal bieden websitevertalingsdiensten deze functie, die kan worden aangepast aan uw behoeften.

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

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

Door de naadloze integratie van Linguise met het Craft CMS framework te gebruiken, kunt u eenvoudig een taalwisselaar toevoegen aan uw meertalige applicatie. Met de geavanceerde functies en gebruiksvriendelijke interface van Linguisezal het instellen en onderhouden van een taalwisselaar op uw Craft CMS website veel eenvoudiger zijn.

Hieronder staan de stappen om Linguise Craft CMS website en de taalwisselaar in te stellen.

#1: Registreer voor een gratis Linguise-account

Registreer voor een gratis Linguise-account en profiteer van een gratis proefperiode van een maand om aan de slag te gaan. Voer gewoon uw e-mailadres in om een gebruikersnaam en wachtwoord te genereren.

Gedurende de proefperiode hebt u toegang tot alle aantrekkelijke functies die Linguise te bieden heeft. U wordt na afloop van de proefperiode doorgestuurd naar het Linguise -dashboard.

#2: Domeinwebsite Craft CMS toevoegen

Zodra uw Linguise account is aangemaakt, wordt u doorgestuurd naar het dashboard om uw Craft CMS website-domein in te voeren. Selecteer “Domein toevoegen” en vul de velden in:

  • Rekening
  • URL
  • Platform gebruikt (Craft CMS)
  • Standaardtaal
  • Vertaaltalen
  • URLs vertalen
  • Dynamische inhoudsvertaling
Zwarte achtergrond. Witte tekst en lijnen.
Hoe u een taalwisselaar instelt op Craft CMS

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

Investopedia financiële website screenshot met vervaagde tekst

#4: Upload het Linguise script

Vervolgens moet u het Linguise vertalingscript uploaden naar uw server waar Craft CMS is geïnstalleerd.

 

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

Zorg ervoor dat het script wordt geplaatst in de hoofdmap van uw website, waar uw Craft CMS bestanden zich bevinden, en dat de map zijn oorspronkelijke naam 'linguise' behoudt

Bestandsbeheer directory listing met mappen

Voeg vervolgens de Linguise API-sleutel toe aan het Configuration.php-bestand dat u naar uw server heeft geüpload. Open het bestand voor bewerking en plak uw API-sleutel tussen de aanhalingstekens, ter vervanging van de tekst REPLACE_BY_YOUR_TOKEN.

Hoe u een taalwisselaar instelt op Craft CMS

#5: Schakel de taalwisselaar in en pas deze aan

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

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

Een lege afbeelding met een witte achtergrond.

Een gemakkelijke manier om deze code te integreren in Craft CMS is door deze toe te voegen aan uw sjabloonindex. Open de map /template en bewerk het indexbestand om de scriptlink in de kopsectie op te nemen.

Om de taalwisselaar weer te geven, vertegenwoordigd door het pop-upvenster met vlaggen voor het selecteren van uw gewenste taal, kunt u deze laden door de meegeleverde code aan het einde van de websiteconfiguratie te kopiëren en deze in het hoofd van uw HTML-pagina te plakken. Met deze actie wordt de automatische lading van de taalwisselaar met vlaggen ingeschakeld.

een computerscherm met regels code in een programmeereditor

De taalwisselaar wordt aanvankelijk weergegeven in het standaardformaat, maar u kunt deze personaliseren. Pas de taalwisselaar aan via het Linguise-dashboard door toegang te krijgen tot Instellingen > Weergave taalmarkeringen. Deze sectie bevat verschillende aanpassingsopties, waaronder de hoofdweergave, taalnamen en ontwerpelementen.

#6 Hoofdweergave configureren

Om de configuratie van de taalwisselaar te starten, gaat u naar de “Instellingen” > “Taalvlaggen weergeven” sectie binnen het Linguise dashboard.

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

  • Stijl van vlagpictogram: U kunt kiezen uit zij-aan-zijweergave, dropdownmenu of pop-up.
  • Positie: Deze instelling bepaalt de plaatsing van de taalschakelaar op uw website. Er zijn verschillende positie-opties, dus zorg ervoor dat u er een selecteert die voor bezoekers gemakkelijk toegankelijk is.
Een volledig zwarte achtergrond

#7 Stel het vlaggenontwerp in

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

  • Weergave van de landenaam: U kunt de landenaam weergeven op basis van de landnaam of de taal zelf. U kunt bijvoorbeeld 'Frans' of 'Français' weergeven.
  • Engels vlagtype: Deze functie is handig voor talen met meerdere variaties, 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 selecteren, rond of rechthoekig.
Een onscherp beeld van meerdere computerschermen.

#8 Stel de kleur en grootte in

Zodra u de configuratie van het vlagontwerp hebt voltooid, kunt u de kleur en grootte van de vlaggen aanpassen. Hieronder vindt u enkele instellingen die beschikbaar zijn voor aanpassing.

  • Randstraal vlag: Pas de randstraal aan voor de rechthoekige vlagstijl, gemeten in pixels.
  • Kleur van de taalnaam: Selecteer de standaard tekstkleur om de naam weer te geven.
  • Kleur pop-uptaal: Definieer de kleur voor de taal titel tekst in het pop-up- of dropdown-gebied.
  • Grootte vlag: Pas de grootte van de vlag-pictogrammen aan.
  • Taalnaam hover kleur: Specificeer de tekstkleur die verschijnt wanneer de gebruiker over de taalnaam zweeft.
  • Zwevende tekstkleur voor taal: Bepaal de tekstkleur die verschijnt wanneer de gebruiker over de titel van de taal zweeft in het pop-up- of vervolgkeuzemenu.
Omlijnde rechthoeken op een zwarte achtergrond

#9 Configureer box-shadow

Tot slot kunt u de instellingen voor de schaduw van de vlaggenbox aanpassen. Met de eerste optie kunt u een schaduweffect toevoegen aan elke vlaggenpictogram die op uw website wordt weergegeven. De daaropvolgende optie beheert het schaduweffect wanneer gebruikers met de muis over de taalvlaggen zweven.

Zodra u alle nodige aanpassingen heeft gemaakt, klikt u op de knop Opslaan om de aanpassingswijzigingen door te voeren. Ga vervolgens naar uw Craft CMS website om te bevestigen dat de configuratie met succes is toegepast. Dit is ongeveer hoe de taalwisselaar wordt weergegeven.

Technische specificaties vergelijkingstabel screenshot.

Nadat u het installatieproces hebt voltooid, kunt u de functionaliteit van de taalkiezer op uw Craft CMS meertalige website bekijken.

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

We zullen dan de Craft CMS-website automatisch vertalen in andere talen zoals Deutsch.

Een donkere webpagina met een welkomstbericht in het Duits. Verschillende pictogrammen zijn zichtbaar op de achtergrond.

5 tips voor het optimaliseren van de taalwisselaar op Craft CMS

Zodra u de taalkiezer hebt ingesteld op uw Craft CMS meertalige website, is het belangrijk om best practices voor het ontwerpen van een taalselector en de prestaties ervan te begrijpen om zowel uw site als bezoekers te helpen.

Gebruik een gemakkelijk herkenbaar taalvlagglogo

Een technische tekening van een digitale interface lay-out. Er zijn verschillende elementen opgenomen.

Het gebruik van universeel erkende taaliconen of -vlaggen is cruciaal, zodat bezoekers hun voorkeurstaal snel kunnen identificeren en selecteren. Zorg ervoor dat de gebruikte pictogrammen of vlaggen duidelijk zijn, een goed kleurcontrast hebben en over verschillende culturen heen algemeen worden begrepen om verwarring of dubbelzinnigheid te voorkomen.

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

Taalnamen en vlag gebruiken

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 taalnaam te gebruiken. Deze aanpak kan verwarring helpen voorkomen, aangezien sommige talen in meerdere landen met verschillende vlaggen worden gesproken.

Door rechtstreeks taalnamen te gebruiken, wordt dubbelzinnigheid geëlimineerd en wordt ervoor gezorgd 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 taalwisselaar knop strategisch

Ontwikkelaars bekijken website op computerscherm.

Laten we de taalwisselaar-knop op een prominente en gemakkelijk toegankelijke plek op uw website plaatsen. Standaardlocaties zijn onder andere de header, footer of het hoofd navigatiemenu. Deze locaties zijn intuïtief voor de meeste internetgebruikers en sluiten aan bij hun verwachtingen bij het zoeken naar taalopties.

Consistente plaatsing op alle pagina's zorgt ervoor dat bezoekers gemakkelijk toegang hebben tot de taalwisselaar, ongeacht hun ingangspunt of de specifieke pagina die ze bezoeken. Deze consistente plaatsing helpt bij het creëren van een soepele en voorspelbare gebruikerservaring.

Implementeer een responsief ontwerp voor de taalwisselaar

Bouwtekeningen van computerhardware en -apparaten. Technische schema's.

Zorg ervoor dat de taalwisselaar knop responsief is en goed functioneert op verschillende apparaten en schermgroottes, waaronder desktops, tablets en smartphones. Test het op verschillende apparaten en schermresoluties om een naadloze gebruikerservaring te garanderen zonder elementen af te snijden of te overlappen.

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

Zorg ervoor dat de taalwisselaar consistent is over de pagina's heen

Overzicht van een websiteontwerp op een zwarte achtergrond

Zorg ervoor dat de taalwisselaar een consistent uiterlijk en gedrag vertoont op uw website. Gebruikers moeten gemakkelijk tussen talen kunnen schakelen, ongeacht de pagina of inhoud die ze bekijken. Consistentie zorgt niet alleen voor een samenhangende gebruikerservaring, maar versterkt ook de toegankelijkheid en beschikbaarheid van taalopties, waardoor vertrouwen en geloofwaardigheid in uw 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 uit met onze risicovrije proefperiode van 1 maand. Geen creditcard nodig!

Taalwisselaar instellen op Craft CMS met Linguise!

Op dit punt moet u erkennen dat u de taalwisselaar configureert voor een Craft CMS multitalige 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 taalwisselaar kan de algehele gebruikerservaring aanzienlijk verbeteren. Meld u vervolgens aan voor een Linguise account, integreer het met uw Craft CMS website en verfijn de taalwisselaar om de gebruikerservaring nog verder te verbeteren.

U bent misschien ook geïnteresseerd in het lezen van

Mis het niet!
Abonneer u op onze nieuwsbrief

Ontvang nieuws over automatische vertaling van websites, internationale SEO en meer!

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

Vertrek niet zonder uw e-mailadres te delen!

We kunnen niet garanderen dat je de loterij wint, maar we kunnen wel interessante informatieve nieuwsberichten rond vertaling en occasionele kortingen beloven.

Mis het niet!
Invalid email address