Migreren naar Webflow in 9 eenvoudige stappen

Twijfel je nog of je moet migreren?

Lees dan eerst dit: WordPress vs Webflow: welke is beter?

De juiste verwachtingen

Een migratie kan de prestaties en het verkeer van je site flink ontregelen. Zie het daarom als een groot project en reserveer de tijd, mensen en het budget die het verdient. Hieronder leg ik stap voor stap uit hoe je migreert naar Webflow. Volg je alle stappen nauwkeurig, dan zou je migratie goed moeten verlopen.

Weet voordat je begint dat je verkeer in het begin waarschijnlijk wat daalt. Google heeft namelijk tijd nodig om je wijzigingen opnieuw te indexeren. Dat herstelt meestal binnen een paar weken, en binnen de eerste zestig dagen zie je de activiteit weer stijgen.

Casestudies van geslaagde migraties:

Het verkeer van Kisi na de migratie naar Webflow

Sitemigratie van WordPress naar Webflow: casestudy + migratiechecklist

Stap 1: Benchmark je huidige website

Wil je goed kunnen zien wat de migratie met je prestaties en verkeer doet? Begin dan met een benchmark van je huidige website.

• Gebruik Google PageSpeed Insights om een score te krijgen voor prestaties, toegankelijkheid en SEO. Maak een screenshot om die scores te bewaren.
• Kijk in Google Analytics en noteer hoeveel verkeer de website nu krijgt. Noteer ook welke pagina's veel bezoekers trekken.
• Optioneel: stel een tool voor positietracking in om de huidige posities van je website in Google te volgen

Stap 2: Maak een lijst van je huidige URL's/pagina's

Eén kleine typefout in een URL en hij werkt niet meer. Dan verlies je al het verkeer dat aan die URL vastzit. We willen geen verkeer mislopen, dus het is heel belangrijk om deze stap zorgvuldig te doen.

• Gebruik een sitemap extractor om de URL's uit je sitemap te halen. Vul de URL van je website in en zet er /sitemap.xml achter. Je krijgt dan een lijst met al je URL's.
• Gebruik Google Search Console om te noteren welke pagina's geïndexeerd zijn.
• Gebruik een tool voor backlinkanalyse om alle doel-URL's te noteren. Zo weten we naar welke URL's de backlinks verwijzen. Die URL's willen we precies zo houden.
• Noteer welke URL's/pagina's je houdt, verwijdert of aanpast.

Stap 3: Verzamel je content

Nu is het tijd om de content te verzamelen die je op de nieuwe site wilt zetten. Kom je van een WordPress-website? Dan kun je met de WP CSV-plugin content exporteren als CSV-bestand (dat werkt alleen voor CMS-content). Dat bestand upload je daarna eenvoudig in het Webflow CMS.

Het is handig om Webflow als staging-omgeving te gebruiken, waar je alle content die je wilt overzetten meteen in kwijt kunt. Maar om het overzichtelijk te houden, raad ik je aan een Google Drive-map aan te maken met deze structuur.

• Lijst met pagina's die je houdt, verwijdert of aanpast (gemaakt in stap 2)
• Map voor alle teksten die je wilt bewaren en die niet in het CMS staan
• Map voor assets zoals afbeeldingen, iconen en video > Maak per webpagina een submap, zodat je weet waar elke asset vandaan komt
  

Stap 4: Bereid je Webflow-website goed voor

Zorg dat je on-page SEO op orde is. Dat is al het technische werk waardoor Google je pagina makkelijk begrijpt, en dat heeft invloed op je ranking. Hieronder vind je een checklist om je te helpen.

• Hebben al je pagina's een geoptimaliseerde title tag?
• Hebben al je pagina's een geoptimaliseerde meta description?
• Heeft elke pagina een Open Graph-afbeelding?
• Heb je al je URL's geoptimaliseerd?
• Heeft elke pagina precies één H1? En is die geoptimaliseerd?
• Heeft elke pagina minstens één interne link vanaf een andere pagina?
• Hebben je belangrijkste pagina's één externe link naar een website met autoriteit?
• Heb je al je afbeeldingen gecomprimeerd?
• Heb je de bestandsnamen van al je afbeeldingen geoptimaliseerd?
• Hebben al je afbeeldingen een geoptimaliseerde alt-tekst?

Bij optimaliseren draait veel om het kiezen van de juiste zoekwoorden. Vergeet ook niet om de website zelf na te lopen. Bekijk hem op alle schermformaten en in alle browsers om te zien of er bugs zijn.

Stap 5: Stel je 301-redirects in

Welk CMS je ook gebruikt, bij een redesign veranderen of verdwijnen er bijna altijd pagina's. Om te voorkomen dat bezoekers op kapotte pagina's belanden (en om zo min mogelijk backlinkwaarde te verliezen) stellen we 301-redirects in waar dat nodig is. Webflow regelt dit standaard. Er is geen optie om een CSV te uploaden, maar je kunt wel regels gebruiken om groepen URL's door te sturen die een vergelijkbaar formaat hebben.

Wees hier heel precies! Een kleine typefout kan rampzalig zijn

Wil je de migratie gebruiken om meteen een flink aantal oude pagina's van je website te verwijderen? Weet dan dat je daarmee verkeer verliest. Als Google de volgende dag je site crawlt en ziet dat 50% van de geïndexeerde pagina's weg is, gaan je posities tijdelijk omlaag.

Oude pagina's verwijder je het best geleidelijk, elke week een paar. Zo schrik je het Google-algoritme niet af en blijft je verkeer stabiel.

Tijd om alle nodige 301-redirects in te stellen:

Ga in de site-instellingen van Webflow naar het tabblad “Publishing” en scrol omlaag naar het onderdeel 301 Redirects.

Kopieer en plak de URL's uit de lijst die je in stap 2 hebt gemaakt. Zet de oude URL's bij “Old path”, de nieuwe URL's bij “Redirect to path” en klik op “Add Redirect Path”. Loop daarna alles nog een keer na, zodat je zeker weet dat alles precies goed staat.

Stap 6: Koppel je domein

Ga in de site-instellingen van Webflow naar het tabblad “Publishing” en voeg je eigen domein toe. Heb je nog geen domein gekocht? Dan raad ik Google Domains aan.

Ga naar je domeinprovider en open daar de DNS-instellingen om de DNS-records toe te voegen die Webflow je laat zien. Heb je hier meer hulp bij nodig, dan legt Webflow University het het best uit.

Zodra je domein gekoppeld is, is het belangrijk om de “www.”-versie als standaard in te stellen. Zo heeft je website een beveiligde verbinding (die versie krijgt het SSL-certificaat dat Webflow-hosting meelevert). Zonder dat krijgen je bezoekers een melding over een “onbeveiligde verbinding” en haken ze misschien af.

Stap 7: Stel Google Analytics in

Met Google Analytics houden we bij wat de migratie met je verkeer doet.

Ik raad je echt aan om de Tag Manager-route te kiezen en Google Analytics te koppelen via Google Tag Manager. Webflow University heeft uitgebreide instructies over hoe je dat doet. Kies je liever de Google Analytics-route? Dan heeft Webflow een vaste plek waar je gewoon je Property ID invult.

De Google Analytics-route:

• Ga naar Google Analytics en kies de property die je wilt gebruiken.
• Ga naar Admin > Data streams > Web stream details > kopieer de Measurement ID (zie de afbeelding hieronder).
• Plak de Measurement ID in de site-instellingen van Webflow > Integrations > Google Analytics

‍

Stap 8: Stel Google Search Console in en upload je sitemap

Webflow kan je sitemap automatisch genereren en bijwerken. Je hoeft dat alleen aan te zetten in de site-instellingen van Webflow > SEO. Daarna hoef je de sitemap alleen nog in te dienen bij Google Search Console.

• Zet het automatisch genereren van de sitemap aan in Webflow
• Ga naar Google Search Console en voeg je domein toe.
• Ga via het menu links naar Sitemaps en voeg “jouw domein + /sitemap.xml” toe

Stap 9: Vergelijk met je benchmark

Vergelijk de cijfers van je net gemigreerde site met die van de oude site (zie stap 1). Heb je alle stappen nauwkeurig gevolgd, dan zou je verkeer binnen de eerste 60 dagen moeten stijgen.

‍Gefeliciteerd, je migratie is gelukt!