Je website vertalen

Met SitePack kun je je website in meer dan één taal aanbieden zonder hem opnieuw te bouwen. Je ontwerpt en schrijft je site één keer in je hoofdtaal, en vertaalt vervolgens alleen de woorden (de koppen, alinea's, knoppen, paginadetails en webadressen) naar elke extra taal die je aanbiedt.

Deze handleiding loopt het hele proces door: een taal aanzetten, je content vertalen, vertalingen up-to-date houden, en begrijpen hoe alles verschijnt voor bezoekers en zoekmachines.

Het idee: vertaal de woorden, behoud het ontwerp

De meeste websitebouwers maken voor elke taal een volledige kopie van je site, wat al snel lastig te onderhouden wordt. Pas je een ontwerp in één taal aan, dan moet je dat overal herhalen. SitePack werkt anders:

• Je hoofdontwerp staat op één plek: de pagina die je in je hoofdtaal hebt gebouwd.
• Een vertaling is slechts een laag tekst boven op datzelfde ontwerp. Jij vertaalt de tekst; de lay-out, kleuren, afbeeldingen en structuur komen rechtstreeks uit het origineel.
• Omdat er maar één ontwerp is, blijft elke taal automatisch consistent. Verbeter een pagina één keer en alle talen profiteren mee.

Wat je voor elk item vertaalt:

• Koppen en tekst van de pagina (de woorden die bezoekers lezen).
• De paginatitel en meta-beschrijving die worden gebruikt door zoekmachines en sociale media.
• De slug: het leesbare deel van het webadres (bijvoorbeeld become-a-member).
• Voor producten ook de productomschrijving.

Wat je niet vertaalt: afbeeldingen, kleuren, lay-out, de links van knoppen, en alles wat visueel is. Die worden gedeeld vanuit je hoofdontwerp.

Voordat je begint: zet een taal aan

Vertalen wordt beschikbaar zodra je minstens één extra taal hebt toegevoegd. Heb je dat nog niet gedaan:

1. Ga naar Instellingen → Vertalingen.
2. Voeg de gewenste taal toe (bijvoorbeeld Engels of Duits).

Zie de handleiding Vertalingen-instellingen voor prijzen en opties. Zodra een taal actief is, kom je hierheen terug.

De pagina Vertalingen vinden

Ga naar Content → Vertalingen. Bovenaan zie je twee keuzes:

• Taal: kies naar welke taal je vertaalt (alleen talen die je hebt toegevoegd verschijnen hier).
• Contenttype: kies wat je vertaalt: Pagina's, Blog, Producten of Categorieën. Producten en Categorieën verschijnen alleen als je website de functie Online winkel heeft.

Daaronder staat een lijst van alles van dat type op je site, elk met een voortgangsbalk en een statuslabel:

• Compleet: elk vertaalbaar stukje tekst heeft een vertaling.
• Onvolledig: een deel van de tekst is nog niet vertaald (deze valt terug op je hoofdtaal tot je hem invult).
• Een aantal + "verouderd": je hebt de originele tekst gewijzigd nadat je hem vertaalde, dus die stukken moeten opnieuw worden bekeken (meer hierover verderop).

Klik op Vertalen naast een item om de vertaal-editor te openen.

De vertaal-editor gebruiken

De editor toont je content als een lijst met paren naast elkaar:

• Links staat de originele tekst in je hoofdtaal (alleen-lezen, ter referentie).
• Rechts typ je je vertaling.

De editor is opgedeeld in twee delen:

• Paginagegevens: de slug (webadres), titel, metatitel, meta-beschrijving, sociale beschrijving en focus-zoekwoord.
• Content: elke kop, alinea, knoplabel en tekstsectie die uit de pagina is opgehaald, in de volgorde waarin ze verschijnen.

Een paar dingen die goed zijn om te weten:

• Lege velden vallen terug op het origineel. Je hoeft niet alles in één keer te vertalen. Wat je leeg laat, toont gewoon je hoofdtaaltekst op de live site. Vertaal eerst wat het belangrijkst is en kom later terug.
• Vertaalde slugs kies je zelf. Voor een pagina die in het Nederlands op /lid-worden staat, stel je de Engelse slug misschien in op become-a-member, zodat de Engelse pagina wordt getoond op jouwdomein.nl/en/become-a-member. Houd slugs kort, in kleine letters en beschrijvend.
• Klik op Opslaan als je klaar bent. Je voortgang wordt per item en per taal bewaard, dus je kunt in fasen werken.

Automatisch vertalen (optioneel)

Heb je een vertaaldienst (DeepL of Google Translate) gekoppeld in Instellingen → Vertalingen, dan verschijnt er bovenaan de editor een knop Automatisch vertalen. Klik erop om de nog niet vertaalde (en verouderde) tekst met suggesties te laten invullen. Er wordt niets automatisch opgeslagen, de suggesties verschijnen in de rechtervelden om te controleren, aan te passen en daarna op te slaan. Zo krijg je snel een eerste versie terwijl jij de uiteindelijke bewoording in de hand houdt.

Slugs worden nooit automatisch vertaald, omdat het webadres jouw keuze is en invloed heeft op je links.

Vertalingen up-to-date houden

Wanneer je de originele pagina bewerkt en een stukje tekst wijzigt, merkt SitePack dat de bron niet meer overeenkomt met wat je eerder vertaalde. Die vertaling wordt dan gemarkeerd als verouderd:

• Het item toont een label en aantal "verouderd" in de lijst.
• In de editor is elke betreffende regel gemarkeerd als verouderd, zodat je precies ziet welke zinnen zijn veranderd.

Je oude vertaling blijft bewaard, ze wordt niet verwijderd. Er verdwijnt niets van je live site. De markering is simpelweg een herinnering om die specifieke regels na te kijken en zo nodig bij te werken. Zodra je opslaat, verdwijnt de markering.

Daarom schaalt deze werkwijze: je hoeft nooit een hele pagina na te lopen na een kleine wijziging. SitePack wijst je direct naar de paar regels die zijn veranderd.

Producten en categorieën vertalen

Heeft je site de Online winkel, kies dan Producten of Categorieën als contenttype om ze op dezelfde manier te vertalen als pagina's:

• Producten: vertaal de naam, omschrijving, slug en de meta-/sociale gegevens.
• Categorieën: vertaal de naam, slug, metagegevens en eventuele tekst die je boven of onder de productlijst hebt toegevoegd.

Al het andere aan het product of de categorie (afbeeldingen, prijzen, voorraad en tot welke categorie het behoort) wordt gedeeld over alle talen, dus dat beheer je maar één keer.

Hoe vertaalde pagina's verschijnen voor bezoekers

Met de standaardinstelling submap staan vertaalde pagina's onder een korte taalprefix op je gewone domein:

Hoofdtaal (Nederlands)	Engelse vertaling
jouwdomein.nl/lid-worden	jouwdomein.nl/en/become-a-member
jouwdomein.nl/blog/mijn-post	jouwdomein.nl/en/blog/my-post
jouwdomein.nl/categories/schoenen	jouwdomein.nl/en/categories/shoes

Elke taal heeft een eigen kort voorvoegsel (en, de, fr, enzovoort) en je bepaalt zelf wat dat is. Gebruik alleen de taal (/de/) of taal en land (/de-de/), net wat bij je website past; je kunt ook twee regio's van dezelfde taal naast elkaar aanbieden, bijvoorbeeld /de/ voor Duitsland en /de-ch/ voor Zwitserland. Zie kiezen hoe een taal in het webadres verschijnt.

Bezoekers op een vertaalde pagina zien je vertaalde tekst waar je die hebt opgegeven, en je originele tekst overal waar dat niet het geval is, altijd binnen je originele ontwerp.

Een taalwisselaar voor bezoekers

Zodat bezoekers tussen talen kunnen wisselen, kunnen de meeste SitePack-thema's een taalmenu tonen dat elke pagina koppelt aan de tegenhanger in de andere talen. Het toont de taal die de bezoeker leest (een vlag gevolgd door de taal in zijn eigen naam, bijvoorbeeld 🇳🇱 Nederlands) en klapt open met alle talen waarin de pagina bestaat, waarbij de taal die je leest als huidige is gemarkeerd. De links wijzen rechtstreeks naar de bijbehorende vertaalde pagina.

Talen worden in hun eigen taal genoemd (Deutsch, Français, Ελληνικά), want dat is wat een bezoeker herkent. Bied je twee regio's van dezelfde taal aan, dan wordt het land erbij gezet zodat ze uit elkaar te houden zijn: Deutsch (Deutschland) en Deutsch (Schweiz).

Voor eigen thema's

Bouw je je eigen thema, dan heb je drie manieren om een taalwisselaar in je template te zetten:

• {{ sitepack_language_switcher() }} geeft de complete dropdown: de vlag, de taalnaam en de lijst met andere talen. Deze klapt zelf open en dicht, dus werkt zonder JavaScript, en je kunt hem opmaken via de sitepack-language-switcher-klassen. Geef desgewenst je eigen klasse of label mee: {{ sitepack_language_switcher({class: 'my-languages', label: 'Taal', flag_size: 'l'}) }}.
• {% for language in sitepack_languages() %} geeft je de ruwe gegevens om je eigen opmaak te bouwen: language.name, language.flag, language.url, language.hreflang en language.is_active.
• {{ sitepack_translations() }} is de oudere eenvoudige lijst met links, met de taalcode in hoofdletters als label.

Alle drie geven niets weer wanneer de pagina maar één taal heeft, dus je kunt ze zonder voorwaarde toevoegen.

Gemaakt voor zoekmachines (SEO)

Vertalingen zijn standaard zo ingericht dat ze correct worden gevonden door Google en andere zoekmachines:

• Elke vertaalde pagina bevat de juiste hreflang-tags, die zoekmachines vertellen in welke talen een pagina beschikbaar is en deze aan elkaar koppelen. Zo kan Google de juiste taal aan de juiste bezoeker tonen.
• Elke taal krijgt zijn eigen canonieke URL, zodat pagina's niet als duplicaat worden gezien.
• Je vertaalde titels en meta-beschrijvingen worden gebruikt op de vertaalde pagina's.
• Je sitemap vermeldt automatisch de taalvarianten voor elke pagina, zodat zoekmachines al je vertaalde content kunnen ontdekken.

Je hoeft hiervoor niets in te stellen. Vertalingen aanleveren is alles wat nodig is om de SEO-signalen te genereren.

Een aanbevolen werkwijze

1. Voeg de taal toe in Instellingen → Vertalingen.
2. Begin met je belangrijkste pagina's (home, belangrijke landingspagina's, contact) en geef elk een duidelijke vertaalde slug, titel en meta-beschrijving.
3. Vertaal de bodytekst, of gebruik Automatisch vertalen voor een eerste versie en verfijn deze.
4. Ga daarna verder met blogposts, en (voor winkels) producten en categorieën.
5. Wanneer je later een originele pagina bewerkt. Bekijk je opnieuw wat als verouderd is gemarkeerd. SitePack toont je precies wat er is veranderd.

Omdat onafgemaakte vertalingen netjes terugvallen op je hoofdtaal, kun je een taal vroeg publiceren en hem in de loop van de tijd blijven verbeteren, zonder ooit een lege pagina te tonen.