Guide: Sådan flytter du din hjemmeside til HubSpot trin for trin

Hvis du går og overvejer, om det giver mening at flytte dit website til HubSpot, er du langt fra alene. Mange B2B-virksomheder sidder med den samme tanke: "Ville det egentlig ikke være lettere, hvis alt lå ét sted?"

Mit korte (og ikke særligt objektive) svar er:

Jo da. Det ville være meget lettere. Og bedre. 

Men hvis jeg skal komme med et lidt mere nuanceret svar, har jeg i dette blogindlæg allieret mig med min kollega Niklas, der udover at være pissehamrende klog (og forsanger i et prisvindende dødsmetalband) også er vores HubSpot CMS Developer og Designer.  

Sammen vil vi vise dig, hvilke fordele, der er ved HubSpot, hvordan en HubSpot-migrering foregår i praksis, og hvad du skal være særligt opmærksom på.

Målet er ikke, at du skal kunne stå for hele migreringen selv, når du rammer bunden af indlægget. Men vi klæder dig på, så du kan gå til din ledelse eller dit bureau med idéen om, hvordan en plan kan se ud, og du kan føle dig tryg i processen.

Du kan læse hele molevitten, eller du kan hoppe direkte til specifikke afsnit. Det bestemmer du selv.

1. Fordelene ved at migrere din hjemmeside til HubSpot
2. Sådan foregår en migrering i praksis
3. SEO under migreringen 
4. QA: Kvalitetssikring og test 
5. Go live: sådan ser selve skiftet ud
6. Key takeaways fra Niklas
7. Du behøver ikke klare din migrering alene
8. FAQ

Fordelene ved at migrere din hjemmeside til HubSpot

Vi kan selvfølgelig nævne utallige fordele ved at flytte sin hjemmeside til HubSpot. Andet ville være off-brand.

Men når Niklas taler med virksomheder om at flytte deres site til HubSpot, ender fordelene næsten altid med at samle sig i de tre hovedkategorier, vi har listet herunder: 

1. Du samler alt ét sted

I den lavpraktiske ende gør det en kæmpe forskel for marketingtyper, der sidder med content af forskellig art, at HubSpot har et samlet filbibliotek på tværs af content-typer.

Det betyder, at uanset om du laver landingssider, blogindlæg, e-mails eller SoMe-opslag, slipper du for at gå på jagt efter logoer, billeder og grafikker i forskellige mapper og platforme. Det hele ligger i HubSpots filarkiv, hvilket sikrer, at du har styr på formater, rettigheder, størrelser og versioner. 

Derudover er HubSpot indrettet sådan, at der ikke er uendelige muligheder. Og det er faktisk en fordel for dem, der sidder og arbejder med det. Det minimere kompleksiteten i arbejdsgangene og gør det mere intuitivt for marketingsfolk som dig og mig.        

I den lidt mere forretningsbattende ende er det et kæmpe plus, at HubSpot samler marketing, salg og kundeservice i ét samlet system. Det gør det langt lettere at få et tydeligt overblik over hele kunderejsen.

I stedet for at hoppe mellem forskellige værktøjer og forsøge at få fragmenterede data til at hænge sammen, kan du følge alt på samme platform. Det giver overblik, bedre beslutningsgrundlag og en langt mere effektiv hverdag for både marketing, salg og ledelse.

Hvis du vil dykke et spadestik dybere ned i HubSpots mange muligheder, kan du læse mere i Itch Insights: Hvad er HubSpot?

2. Du kan personalisere din hjemmeside med CRM-data

Det her er en af de features, de fleste bliver imponeret over, når de først ser det. Med cookie-data og data fra CRM’et kan du nemlig vise forskelligt indhold afhængigt af, hvem der besøger din hjemmeside.

I HubSpot kaldes det Smart Rules, og det kan løfte brugeroplevelsen, hvis du bruger det rigtigt.

Her er nogle lettilgængelige eksempler på, hvornår Smart Rules kan gøre en reel forskel på din hjemmeside: 

• CTA’er kan tilpasses i forvejen kendte leads, så de bliver eksponeret for CTA'er med mere relevans
• Eksisterende kunder kan få vist guides og indhold, der matcher deres produkter eller behov
• Formularer kan forkortes for kendte kontakter og vises i fuld længde for nye besøgende
• Budskaber og indhold kan personaliseres efter branche, så hvert segment møder noget, der føles målrettet.

Læs også: Hvordan får jeg opbakning til et CRM- og salgssystem?

3. HubSpot er et stabilt CMS 

Er du vant til at arbejde i et andet CMS som f.eks. WordPress, kender du sikkert til det had-kærlighedsforhold, der kan opstå til diverse plugins. På den ene side er de med til at løse dine problemer her og nu. På den anden side er de også forbundet med uforholdsmæssigt meget bøvl. 

Ét plugin skal opdateres. Et andet stopper med at fungere i kombination med andre plugins. Et tredje trækker hastigheden ned. Og pludselig står du med et website, hvor ingen rigtigt tør trykke på 'Opdater', fordi hverken du eller dine kollegaer ved, hvad der går i stykker.

I HubSpot er det hele indbygget fra start:

• Formularer
• CTA’er
• SEO-værktøj
• Redirects
• A/B tests
• Blog og landingssider

Det betyder, at din HubSpot-hjemmesides drift ikke er afhængig af forskellige udefrakommende softwareudvidelser.  

Ifølge Niklas, der arbejder med både HubSpot og WordPress, er der et tydeligt mønster, der går igen, når vores kunder kontakter os for hjælp: WordPress-brugerne ringer ofte, når lokummet brænder − mens HubSpot-brugerne primært ringer, når de vil have flere funktioner og tilbygninger.

Læs også: HubSpot vs. WordPress

Sådan foregår en migrering i praksis

Efter at have kastet tilstrækkeligt med roser efter HubSpot som platform, bevæger vi os nu videre til den egentlige migrering. Og her er der selvfølgelig forskel på, om du har et enkelt website med ti sider eller et større multisite med flere sprog og brands. Men processen følger ofte det samme mønster.

Niklas opdeler migreringen i tre nedenstående, overordnede steps: 

1. Foranalyse: Hvad skal med videre?

Før du kaster dig ud i at flytte dit website til HubSpot, skal fundamentet være på plads. Og det starter med en foranalyse.

Det er her, du sammen med både marketing, salg og eventuelle eksterne samarbejdspartnere får forventningerne på plads og beslutter, hvad der faktisk skal tages med videre. Det lyder måske som den tørre del af processen, men det er her, du skaber fundamentet for en gnidningsfri migrering og undgår de irriterende overraskelser, der ellers kan dukke op senere.

Vi starter med de oplagte spørgsmål

Hos Itch tager vi altid afsæt i dit eksisterende site. Vi klikker os rundt, stiller spørgsmål og kigger grundigt under motorhjelmen. Det lyder måske simpelt, men vi har lært, at svarene på de enkle spørgsmål hurtigt bliver afgørende for, hvor nemt (eller svært) projektet bliver.

• Hvilke sider skal flyttes med, og hvilke trænger til at blive pensioneret?
• Skal designet genbruges én til én, eller giver det mening at stramme lidt op?
• Hvilke funktioner på sitet er forretningskritiske, og hvad er nice to have? 
• Giver det mening at redesigne siden helt?

Læs også: Hvornår bør du migrere dit website?

... og så er der alt det, der typisk gemmer sig lidt

Der er altid nogle elementer, som under en migrering ryger lidt i baggrunden, men som alligevel har stor betydning for både brugeroplevelsen og de forretningskritiske flows. Derfor gennemgår vi også:

• Søgefelt og filtrering på f.eks. produkter, cases eller nyheder
• Specialmoduler som eventkalender, downloadsektioner eller popups 
• Tracking og måling, herunder brugen af Google Tag Manager, Hotjar eller jeres nuværende cookieløsning.

Det er alt sammen områder, der er lette at overse, men som kan skabe store problemer, hvis de ikke bliver tænkt ind helt fra begyndelsen.

Du får noget konkret at gå videre med

Når foranalysen er færdig, står du ikke bare med en liste med overvejelser. Du får en konkret vurdering af:

• Omfanget af opgaven
• Den tekniske og designmæssige kompleksitet
• Et estimat på tid og ressourcer

Jeg kan ikke sige, hvordan det foregår andre steder, men når vi hjælper vores kunder med migrering til HubSpot, er det først når ovenstående punkter er afdækket, at det egentlige tilbud bliver født.

2. Designfase: Visuel afklaring, før udviklingen går i gang

Når rammerne for det nye site er på plads, handler næste skridt om at give idéerne form. Designfasen skaber en klar visuel retning og et fælles sprog mellem alle, der er en del af projektet.

Det er også her, vi undgår mange af de misforståelser og forsinkelser, der ellers kan opstå. Jo tidligere, der er enighed om struktur og udtryk, desto lettere bliver resten af processen.

Et typisk designforløb foregår i to trin:

1. Wireframes, hvor fokus ligger på struktur og placering. Her arbejder vi med, hvordan indholdet skal fordeles på siden og hvilke elementer, der hører til hvor.
2. Færdige mockups, hvor den godkendte struktur bliver klædt på med farver, billeder, typografi og visuelle detaljer.

Når struktur og stil holdes adskilt, er det langt nemmere at træffe gode beslutninger undervejs og justere, uden at noget skal laves om fra bunden.

Designfasen sparer dig tid senere

Når både wireframes og mockups er godkendt, er der ingen tvivl om, hvad der skal bygges. Det betyder færre misforståelser, færre korrekturrunder og langt mindre af den velkendte følelse af, at resultatet ikke helt matchede det, du havde forestillet dig.

Du får konkrete visuelle prototyper, som du kan teste internt og bruge til at skabe opbakning hos ledelsen, salg eller resten af teamet. Samtidig giver det dig og dine samarbejdspartnere et tydeligt fælles afsæt til den næste fase, hvor udviklingen for alvor går i gang.

3. Opsætning i HubSpot

Når designet ligger klar, begynder selve opsætningen i HubSpot. Det er her, websitet tager form, og hvor struktur, funktionalitet og visuel identitet bliver samlet til en løsning, der fungerer i praksis.

Læg fundamentet først

Start med at få de grundlæggende rammer på plads. Det kræver blandt andet et tema, som passer til projektets behov. Det kan enten være et HubSpot Marketplace theme eller et mere enkelt base theme, som tilpasses undervejs.

Vi anbefaler, at man vælger et tema fra marketplace. Base themes kan i princippet fungere, men vores erfaring er, at det sjældent bliver den løsning, kunderne ender med at være tilfredse med. Mange starter med basis og skifter alligevel til et Marketplace Theme, fordi det giver flere muligheder og langt færre begrænsninger. Vælg derfor det theme, der bedst understøtter de moduler og det design, dit projekt kræver.

Dernæst skal de globale indstillinger sættes korrekt op. Det gælder fonte, farver og knapstile, så alt fremstår ensartet på tværs af siderne.

I denne del af processen giver det også mening at opbygge en tydelig header og footer med navigation og grundstruktur. Hvis content marketing er en del af strategien, kan blogsektionen oprettes allerede nu, så den står klar til indhold.

Opbygning af de centrale sider

Herefter kan de enkelte sider bygges ud fra designet. Start med forsiden og de primære ydelsessider og fortsæt med sider som Om os, Kontakt og eventuelle kampagnesider. Hvis dine eksisterende blogindlæg skal flyttes over, er det oplagt at få dem sat rigtigt op på dette tidspunkt.

Det vigtigste er at holde fast i det godkendte design og samtidig sikre, at siderne giver en klar og intuitiv oplevelse for brugeren.

Brug styrken i HubSpots modulære editor

Hele opsætningen bør tage udgangspunkt i HubSpots drag and drop editor, som bygger på modulært indhold. Det giver en fleksibel struktur, hvor sektioner og moduler kan flyttes, redigeres og udskiftes uden teknisk hjælp.

Det gør hverdagen langt nemmere for marketingteams, der gerne vil teste idéer, oprette nye sider eller justere eksisterende indhold. Du slipper for at være afhængig af udviklere for selv de mindste ændringer, og sitet kan udvikle sig i takt med jeres behov.

SEO under migreringen 

SEO er ofte det punkt, hvor skuldrene ryger helt op om ørerne. Forståeligt nok.

Hvis du har brugt år på at opbygge synlighed, er det sidste, du ønsker, nok at en teknisk migration slår dit website hjem til start som en anden ludobrik. Heldigvis behøver dine placeringer på Google og dine SEO-indsatser ikke at tage skade, hvis bare du arbejder systematisk med det under migreringen.

Når vi flytter hjemmesider fra et andet CMS over til HubSpot, er der tre områder, vi fokuserer særligt på:

1) Metatitler og beskrivelser

Når vi flytter sider over i HubSpot, er det oplagt samtidig at:

• Gennemgå de nuværende metatitler og beskrivelser
• Justere der, hvor de er for generiske eller duplikerede
• Sikre, at de fortsat matcher den søgeintention, de ligger på.

HubSpot gør det ret intuitivt at arbejde med SEO direkte på siden, hvilket også gør det lettere at optimere løbende, når sitet først er live.

2) Billeder, filstørrelser og alt-tekster

Billeder er en klassisk skjult synder, når det gælder performance.

I migreringen arbejder vi typisk med:

• At få tunge billeder komprimeret, så de ikke ligger og sluger unødvendige ressourcer og gør dit website langsomt
• Alt-tekster, der både hjælper skærmlæsere og understøtter sideindholdet

Som tommelfingerregel går vi efter billeder, der er tilpasset skærmstørrelsen og ikke ligger unødigt højt i filstørrelse – især for de elementer, der fylder hele bredden.

3) Redirects fra gamle til nye URL’er

Redirects er afgørende for at bevare både synlighed i søgemaskiner og en god oplevelse for brugerne. Når URL-strukturen ændrer sig, skal både Google og dine brugere guides det rigtige sted hen.

Når der sker ændringer i URL’er, bør du derfor altid:

• Udarbejde en tydelig mapping, hvor hver gammel URL får en klar destination i det nye setup
• Opsætte 301 redirects i HubSpots redirectværktøj, så al trafik sendes korrekt videre fra dag ét
• Sikre, at sider der fjernes, stadig leder brugerne et relevant sted hen, i stedet for at lande dem på en tom 404-side. Det gælder naturligvis kun, hvis der findes indhold, som brugeren med fordel kan guides til.

Hvis du lukker en række sider, er det ikke altid en god løsning at redirecte til forsiden. I mange tilfælde er en 404-side faktisk bedre, fordi den tydeligt fortæller, at indholdet ikke længere findes. Det vigtige er, at brugeren kan komme videre. En god 404-side skal derfor give en klar vej tilbage til forsiden eller til andet relevant indhold, så brugeren ikke ender i en blindgyde.

En god redirect-håndtering er ofte der, hvor forskellen mellem en hurtig copy/paste-migrering og et velplanlagt projekt bliver tydelig. Det sikrer, at sitet beholder sin synlighed og sin troværdighed over for både brugere og søgemaskiner.

Hvis du vil dykke dybere ned i SEO-disciplinen, kan du læse vores blogindlæg 5 vigtige SEO-trends, du skal kende eller vores blogindlæg om SXO, der er et udtryk og en disciplin, som kombinerer SEO og UX.

QA: Kvalitetssikring og test 

Når alt ser rigtigt ud i backend, er næste skridt at undersøge, om det også føles rigtigt for de besøgende. Det gør du med QA (Quality Assurance). 

I QA-fasen gennemgår vi blandt andet, om:

• Alle interne og eksterne links fungerer
• Formularer opfører sig korrekt og sender notifikationer til de rigtige personer
• Siderne er responsive på både mobil, tablet og desktop
• Specielle funktioner som søgning, filtrering, popups og sprogskift fungerer, som de skal.

Derudover kan det være en fordel at sikre, at alle dataintegrationer og systemopsætninger tager højde for hele forretningens behov. Her giver det god mening at involvere både marketing, salg og eventuelt kundeservice, fordi de ofte ser processer og brugerrejser på en anden måde end udviklingsteamet. Det giver et mere nuanceret billede af, hvad der skal fungere i praksis, og hvilke hensyn der bør tænkes ind fra start.

Go live: Sådan ser selve skiftet ud

Når alle parter har godkendt sitet, er det tid til at gå live ved at lade jeres nuværende domæne pege på den nye HubSpot-hjemmeside.

I praksis sker skiftet ved at:

1. Tilføje domænet i HubSpot, så systemet kan generere de nødvendige DNS records
2. Opdatere DNS-indstillinger hos jeres domæneleverandør, så hele trafikken peger på det nye site
3. Opsætte eventuelle ekstra domæner og subdomæner, der skal sendes videre til det primære domæne. TIP: Her glemmer mange, at www faktisk er et subdomæne, som kræver sin egen redirect.
4. Konfigurere e-mail-afsenderdomæne, så HubSpot kan sende mails fra jeres egen adresse uden leveringsproblemer

Det kan være en fordel, hvis du laver den reelle overgang på et tidspunkt, hvor trafikken er lavere. Det giver mulighed for at finjustere de småting, der kan dukke op de første timer, uden at for mange brugere bliver påvirket.

Key takeaways fra Niklas 

Niklas har flyttet en hel del websites til HubSpot, og der er nogle ting, som han oplever går igen, når projekter kører godt:

1. Projekter kører markant bedre, når materialer er samlet fra start. Tekster, billeder, logoer, farvekoder og fonte ligger ét sted frem for, at det indhentes løbende.
   
   
2. Beslutningen om, hvorvidt designet skal kopieres eller moderniseres, bør træffes tidligt, da det har stor betydning for både tid, pris og forventningsafstemning.
   
   
3. Specialfunktioner har bedst vilkår, når de bliver beskrevet konkret. “Besøgende skal kunne filtrere produkter efter branche, prisniveau og produkttype, og vi skal kunne følge deres valg i CRM efterfølgende” er bare lidt nemmere at arbejde med sammenlignet med: “Vi skal have et filter”.
   
   
4. QA og tests skal ses som en integreret del af projektet og ikke en ekstra ting, der lige skal klares. De projekter, der afsætter tid til at teste ordentligt, ender med færre overraskelser og færre panikmails efter den endelige migrering.

Og måske vigtigst af alt: De virksomheder, der ser migreringen som en mulighed for at få ryddet op i struktur, indhold og tracking, står markant stærkere bagefter.

Du behøver ikke klare din migrering alene

Tanken om at flytte sit website til HubSpot kan hurtigt give sved på overlæben og nervøse trækninger i øjenkrogen – især hvis du tidligere har prøvet platformskift, der trak ud eller endte med uventede problemer. Men en migrering bliver langt mere overskuelig, når processen er brudt ned i klare trin. Når retning og ansvar er afklaret, bliver selve flytningen langt mindre kompleks, end mange forestiller sig.

Når arbejdet er gjort, står du med:

• Et website, der spiller tæt sammen med dit CRM og hele din marketingindsats
• Et CMS, hvor dit team kan arbejde selvstændigt uden at være afhængige af udviklere for hver enkelt lille ændring
• Et fleksibelt setup, hvor justeringer, forbedringer og eksperimenter bliver en naturlig del af hverdagen

Hvis du er nysgerrig på, hvordan en migrering kunne se ud for jeres website, tager vi gerne en snak om muligheder, faldgruber og konkrete næste skridt, så du ikke skal sidde med det alene. Hiv fat i Niklas eller fang os på vores kontaktside.

Du kan også se eksempler på websites, vi har migreret til HubSpot her.