SEO-optimerad landingpage för marketplace-MVP: case study Drive4Free

Marketplace-startups har ett unikt SEO-problem. Du säljer inte en produkt, du säljer en koppling mellan två målgrupper. Drive4Free, en bilrelokeringsmarknad jag byggde landingpagen för, illustrerar utmaningen: leasingbolag behöver flytta bilar mellan städer, privatpersoner vill resa billigt, och ingen googlar "marketplace för bilflyttar". Hur rankar man något som inte har etablerade sökord?

Här är vad jag gjorde, vad som funkade, och vad jag skulle göra annorlunda.

Kontexten

Drive4Free kopplar ihop företag som behöver relokera bilar med privatpersoner som vill köra dem gratis. Modellen är klassisk two-sided marketplace: båda målgrupperna måste hitta sajten, och budskapet måste vara tydligt för båda samtidigt.

Mitt scope: bara landingpagen på drive4free.io. Backend (registrering, bokning, dashboard) ligger på app.drive4free.io och underhålls separat av Drive4Free's team. Detta blogginlägg handlar om landingpagen specifikt.

Utmaningar:

• Ny domän, 0 backlinks, 0 authority
• Konceptet är unikt, ingen söker efter exakt det
• Måste appellera till två olika personas samtidigt
• Konkurrerar mot etablerade transport-aktörer (SJ, Flixbus, BlaBlaCar)

Tekniska beslut

Stack: Vite + React + Tailwind + shadcn/ui

Samma stack jag använder för de flesta moderna landingpages: Vite för byggverktyg (snabbare än Webpack), React 18 + TypeScript för komponenter, Tailwind för styling, shadcn/ui för base-komponenter (modaler, accordions, formulär).

Resultat: Lighthouse 95-100 i alla fyra kategorier från första byggen. Total page-size under 100 KB gzipped.

Hosting: GitHub Pages + GitHub Actions

För en landingpage utan backend är GitHub Pages perfekt:

• Gratis hosting med global CDN
• Automatisk HTTPS via Let's Encrypt
• Auto-deploy via GitHub Actions vid push till main
• Custom domain (drive4free.io) via CNAME
• Inga månadskostnader, inga server-hot-spots

DNS hanteras i Namecheap med A-records mot GitHub Pages-IP:n och CNAME för www. Total tid från Git-push till live: ~2 minuter.

Schema.org från första dagen

För en marketplace med två sidor relevant:

• Service (vad tjänsten gör)
• Organization (Göta Prolease AB, ägaren)
• WebSite med SearchAction
• FAQPage för "vanliga frågor"-sektionen

Google läser detta direkt från HTML och kan visa rich snippets innan domain authority byggts. För FAQ-sektionen ger det ofta direkt synlighet i SERP utan att man behöver klicka in på sajten.

Meta + OG + Twitter Cards

Tre versioner av sajt-information för olika kanaler:

• Meta description optimerad för Google SERP-snippet (max 155 tecken)
• Open Graph för Facebook/LinkedIn-delningar (1200x630 image)
• Twitter Cards med summary_large_image

För en MVP är detta extra viktigt eftersom organisk trafik nästan helt kommer via delningar de första veckorna.

Internal linking från sektion till sektion

En vanlig miss på landingpages: alla länkar går utanför sajten (registrering, kontakta). Google förstår sajt-arkitektur via internal linking. Drive4Free's landingpage har:

• Hash-ankarlänkar till alla sektioner (från nav-menyn)
• Anchor-text som matchar målens H2-rubriker
• "Läs mer"-länkar mellan FAQ-sektion och feature-sektion

Det är en signal till Google att sajten har semantisk struktur, inte bara en lång kolumn med text.

Innehållsstrategi för 0-authority-domain

Med ny domän är du osynlig på konkurrensutsatta sökord. Strategi:

1. Long-tail över short-tail

"Resa" är omöjligt att ranka på (SJ, Trivago dominerar). "Köra bil för någon annan Sverige" eller "transport av bilar gratis" har lägre volym men mycket lägre konkurrens. Long-tail rankar inom dagar; short-tail rankar inom år, om alls.

2. Question-based content

Folk söker frågor: "kan man resa gratis i Sverige", "hur funkar bilrelokering", "är drive4free legitimt". Att besvara dessa direkt i FAQ-sektion (med FAQPage schema) ger snabb synlighet.

3. Två-sidig copy

För marketplace måste hero-budskapet adressera båda sidor. Drive4Free löser det med två sektioner direkt under hero: "För dig som vill resa" och "För företag som behöver flytta bilar". Plus tydligt CTA per persona.

4. Geo-modifierade keywords

"Stockholm Göteborg gratis transport", "Malmö Stockholm bilflytt". Geo-kombinationer har lägre konkurrens och högre intent (folk planerar redan en specifik resa).

Kontaktformulär utan backend

Mailto-länkar är underskattade. För en MVP-landingpage som mottar 1-5 förfrågningar per dag är det överengineering att bygga formulär med backend. Drive4Free's kontaktsida har en formulär-styled mailto-länk som öppnar användarens mejlklient med rätt mottagare och pre-fyllt subject.

Fördelar: ingen backend, ingen GDPR-compliance att hantera, inga spam-problem (din mejlklient hanterar filtrering), 0 underhållskostnad. Nackdel: lite mindre snyggt än AJAX-formulär, men funktionellt likvärdigt.

Domain migration mid-flight

Drive4Free började på drive4free.se och migrerade sedan till drive4free.io (mer internationell appell). Migration kräver:

• 301-redirect på alla URL-mönster (gamla till nya)
• Sitemap.xml uppdaterad och submitted i Google Search Console
• "Change of address"-tool i GSC
• Alla externa länkar (LinkedIn, kataloger) uppdaterade där möjligt

Korrekt utförd migration förlorar typiskt 5-15% av SEO-equity tillfälligt under ~3 veckor, sedan återhämtas. Inkorrekt utförd kan kosta 50-80% permanent.

Tekniska checks som körs automatiskt

För en levande sajt behöver SEO-monitoring vara automatiserat:

• PageSpeed: Lighthouse-check efter varje deploy (CI)
• Broken links: scan veckovis
• Schema.org-validering: efter varje commit
• Crawl errors: GSC-rapporten en gång i veckan

På Drive4Free byggdes detta in i deploy-pipelinen. Om Lighthouse droppar under 90 misslyckas builden och deploy stoppas.

Lessons learned

Bygg landingpagen som en SEO-asset, inte ett visitkort. För en MVP är hemsidan ofta enda sättet folk hittar dig första 6 månaderna. Den bör vara optimerad som en SEO-magnet från första byggen, inte hot-fixad sex månader senare.

Schema.org är low-effort, high-leverage. 30 minuter att lägga till proper schema kan ge dig rich snippets i Google som ger 30% högre CTR än standardresultat.

Two-sided marketplace kräver två-sidig copy. Försök inte vara generic. Adressera båda målgrupperna direkt i hero-sektionen, eller dela landingpagen i två tydliga sektioner.

Custom code är en fördel för SEO. WordPress kan optimeras men startar handikappat. Custom Vite/React eller Astro startar med Lighthouse 100 och ingen plugin-skuld att hantera.

GitHub Pages är underskattat för MVP-landingpages. Gratis, snabbt, custom-domain-stöd, auto-deploy. För backend-fri landingpage finns ingen anledning att betala för Vercel eller Netlify Pro.

Behöver din MVP en SEO-optimerad landingpage?

Jag bygger custom landingpages med SEO inbyggt från dag 1: Lighthouse 100, schema.org, technical SEO, två-sidig copy för marketplace. Från 12 000 kr för en singel landingpage med full optimering, levererad på 1 vecka.

Kontakta mig: reda@benbo.se eller benbo.se/kontakt.