·
21. april 2026
Dette indhold indeholder affiliate- eller reklamelinks. Hvis du klikker på et link og gennemfører et køb, kan vi modtage en kommission. Det påvirker ikke den pris, du betaler. Bemærk, at vi ikke viser alle udbydere på markedet.
Sammenligning
Webnode
Fra 24 kr./md.
Perfekt til begyndere, små virksomheder og selvstændige, der ønsker en professionel hjemmeside uden teknisk besvær.
Se flere detaljer
- Skabeloner
- Moderne, mobilvenlige og branchespecifikke
- Webshop
- Ja (Fra Standard-pakken)
- Flersproget
- Ja (2 sprog i Standard, Ubegrænset i PRO)
- SEO-værktøjer
- Tilpassede titler, beskrivelser, URL'er & Google Analytics
- Support
- Premium-kundeservice på betalte planer
- Reklamer på gratis plan
- Ja (Diskret i bunden - ingen prangende bannere)
- Eget domæne
- Gratis 1. år v/ Mini, Standard & PRO (Limited understøtter tilknytning af eget domæne)
- Ekstra features
- AI-assistent (Fra Mini), op til 100 e-mailkonti, Google AdSense/Tag Manager (Fra Standard), Iubenda cookie-compliance, formularbygger, medlemsregistrering
Fordele
- En af de bedste løsninger til flersprogede hjemmesider
- Meget hurtig og nem at sætte op med indbygget AI-assistent
- Ren og overskuelig editor
Ulemper
- Mindre designfrihed sammenlignet med Wix
- Mangler et decideret app-marked til tredjeparts-integrationer
Wix
Fra 105 kr./md.
Små virksomheder, porteføljer og begyndere der ønsker fuld designfrihed.
Se flere detaljer
- Skabeloner
- 500+
- Webshop
- Ja (Kræver E-commerce plan)
- Flersproget
- Indbygget
- SEO-værktøjer
- Avanceret (Indbygget SEO Wiz)
- Support
- Chat & Hjælpecenter (Engelsk)
- Reklamer på gratis plan
- Ja (Tydelig top-banner)
- Eget domæne
- Kræver betalt plan
Fordele
- Ægte drag-and-drop editor giver enorm designfrihed
- Stort App Market med mange udvidelser
- Gode indbyggede marketingværktøjer
Ulemper
- Kan være overvældende for absolutte begyndere
- Svært at skifte skabelon, når hjemmesiden først er bygget
- Loadhastighed kan nogle gange være tung på komplekse sider
Shopify
Fra 19 US$/md.
Alle fra nystartede webshops til globale enterprise e-handelsvirksomheder.
Se flere detaljer
- Skabeloner
- Konverteringsoptimerede premium skabeloner
- Webshop
- Ja (Brancheførende platform)
- Flersproget
- Ja (Lokale butikslayouts)
- SEO-værktøjer
- Solide indbyggede e-commerce SEO funktioner
- Support
- 24/7 udvidet chatsupport
- Reklamer på gratis plan
- Ikke relevant
- Eget domæne
- Ja
Fordele
- Verdens førende dedikerede e-handelsplatform
- Kæmpe App Store med integrationer til alt
- Meget stabilt, hurtigt og inkluderer solidt POS-system
Ulemper
- Straffer med ekstra transaktionsgebyr, hvis man ikke bruger Shopify Payments
- Mange basale funktioner kræver betalte tredjepartsapps
Bricksite
Fra 89 kr./md.
Danske brugere og små virksomheder, der ønsker en fuldstændig dansk platform og support.
Se flere detaljer
- Skabeloner
- Stort udvalg af moderne skabeloner
- Webshop
- Ja (Kræver webshop plan)
- Flersproget
- Begrænset
- SEO-værktøjer
- God (Automatisk mobilvenlig, nem redigering af meta-data)
- Support
- Dansk support
- Reklamer på gratis plan
- Ja
- Eget domæne
- Inkl. .dk domæne ved køb af betalt plan
Fordele
- 100% dansk system med nem integration af .dk domæner
- Meget brugervenlig editor bygget på sektioner/klodser
- Solid og hurtig dansk kundeservice
Ulemper
- Ikke ideel til meget komplekse hjemmesider
- Færre tredjeparts-integrationer sammenlignet med de internationale giganter
Lovable
Fra ca. 159 kr./md.
Udviklere, tech-entusiaster og iværksættere der vil bygge custom web-apps via AI.
Se flere detaljer
- Skabeloner
- AI Genereret (Ingen faste skabeloner)
- Webshop
- Nej (Fokus er primært på web-apps og custom UI)
- Flersproget
- Kan promptes frem af AI
- SEO-værktøjer
- Grundlæggende via AI-prompts
- Support
- Community & Mail
- Reklamer på gratis plan
- Nej
- Eget domæne
- Kræver betalt plan
Fordele
- Genererer kode (React/Tailwind) direkte ud fra tekstprompts
- Fantastisk til hurtig prototyping af interaktive web-apps
- Man ejer koden og kan eksportere den
Ulemper
- Ikke et traditionelt CMS til blogging eller SEO-tunge sider
- Kræver forståelse for 'prompt engineering'
- Dyrere startpris end traditionelle hjemmesidebyggere
WordPress.com
Fra ca. 35 kr./md.
Bloggere, indholdsskabere og virksomheder der vil have en platform, der kan skaleres uendeligt.
Se flere detaljer
- Skabeloner
- Tusindvis af temaer
- Webshop
- Ja (Via WooCommerce på højere planer)
- Flersproget
- Via plugins (f.eks. WPML/Polylang på højere planer)
- SEO-værktøjer
- Meget avanceret (Særligt på Business plan med adgang til plugins som Yoast/RankMath)
- Support
- Forum, E-mail & Chat (Afhænger af betalt plan)
- Reklamer på gratis plan
- Ja (Standard ads fra WP)
- Eget domæne
- Kræver betalt plan
Fordele
- Verdens mest brugte CMS – ekstremt skalerbart
- Fremragende indbyggede blog-funktioner
- Adgang til titusindvis af plugins (på Business-planen)
Ulemper
- Stejlere indlæringskurve end drag-and-drop byggere
- Gratis- og billige planer er meget begrænsede og mangler plugin-adgang
- Ikke det samme som selvhøstet WordPress.org (kan skabe forvirring)
Simply.com
Fra ca. 0,59 US$/md.
Nuværende webhotelkunder og begyndere, der vil have en simpel, integreret bygger.
Se flere detaljer
- Skabeloner
- Basic, Premium og Eksklusiv (Hundredvis tilgængelige)
- Webshop
- Begrænset (Afhænger af hostingpakke)
- Flersproget
- Ja (Op til ubegrænset afhængig af pakke)
- SEO-værktøjer
- Google Analytics og Tag Manager integration
- Support
- Hurtig dansk support
- Reklamer på gratis plan
- Ikke relevant
- Eget domæne
- Ja (Integreret med webhotel)
Fordele
- Inkluderet gratis i Simply.com webhoteller
- Indbygget AI-assistent til tekst og layout
- Dansk platform med hurtig support
Ulemper
- Basic-pakken er stærkt begrænset (kun 1 side)
- Ikke ideel til avancerede webshops
Nemmehjemmesider
Fra 89 kr./md.
Lokale danske erhvervsdrivende (f.eks. håndværkere, frisører), der foretrækker personlig hjælp.
Se flere detaljer
- Skabeloner
- Godt udvalg af responsive skabeloner
- Webshop
- Ja (Kræver webshop plan)
- Flersproget
- Begrænset
- SEO-værktøjer
- Grundlæggende SEO funktioner
- Support
- Dansk support (Mail & Tlf)
- Reklamer på gratis plan
- Ja
- Eget domæne
- Inkl. .dk domæne ved køb af betalt plan
Fordele
- Stærkt fokus på personlig, dansk kundeservice (inklusive telefonsupport)
- Bygget til at være så simpelt som muligt
- Alt-i-én løsning for det danske marked
Ulemper
- Relativt basic funktioner i forhold til internationale konkurrenter
- Ikke bygget til store, skalerbare e-commerce projekter
SHUP
Fra 139 kr./md.
Danske iværksættere og små fysiske butikker, der vil lynhurtigt i gang med at sælge online.
Se flere detaljer
- Skabeloner
- Simple designskabeloner
- Webshop
- Ja (Kerneprodukt)
- Flersproget
- Begrænset (Webshop kan sættes til engelsk)
- SEO-værktøjer
- Grundlæggende (Automatisk sitemap og struktur)
- Support
- Dansk support på chat, e-mail og telefon
- Reklamer på gratis plan
- Ja (SHUP reklamer på siden)
- Eget domæne
- Kræver Starter plan
Fordele
- 100% dansk system med nem opsætning
- Klar til kortbetaling med det samme via ShupPay
- Automatiske danske integrationer som Shipmondo, MobilePay og Dinero
Ulemper
- Meget fastlåste designmuligheder i forhold til globale platforme
- Ikke bygget til store varekataloger og avanceret filtrering
BigCommerce
Fra 39 US$/md.
Seriøse og voksende e-handelsvirksomheder, der har brug for robust skalérbarhed.
Se flere detaljer
- Skabeloner
- Fokus på professionel e-handel
- Webshop
- Ja (Avanceret Enterprise-niveau)
- Flersproget
- Ja (Multi-Storefront & Multi-Currency)
- SEO-værktøjer
- Meget avanceret (Fuld kontrol over URL'er og struktur)
- Support
- 24/7 live telefon, chat og ticket
- Reklamer på gratis plan
- Ikke relevant (Kun 15-dages prøve)
- Eget domæne
- Ja
Fordele
- 0% i ekstra transaktionsgebyrer uanset betalingsgateway
- Ubegrænsede produkter, filplads og båndbredde
- Stærk omnichannel-integration (Amazon, eBay, SoMe)
Ulemper
- Abonnementsprisen stiger automatisk baseret på årlig omsætning
- Indlæringskurven er for stejl for små hobby-sites
One.com
Fra ca. 9,99 US$/md.
Brugere der ønsker en hurtig AI-drevet start med hosting, mail og hjemmeside samlet ét sted.
Se flere detaljer
- Skabeloner
- AI-genererede og faste skabeloner
- Webshop
- Ja (Kræver Ecommerce pakke)
- Flersproget
- Begrænset
- SEO-værktøjer
- Indbygget SEO-scanning og webanalyse
- Support
- Døgnsupport (Dansk i kontortiden)
- Reklamer på gratis plan
- Ikke relevant
- Eget domæne
- Gratis domæne 1. år
Fordele
- Aida AI genererer hurtigt et færdigt udkast
- Inkluderer professionelle e-mailkonti
- Gode indbyggede værktøjer til sociale medier
Ulemper
- Priser stiger ofte markant efter det første år
- Mindre designfrihed end dedikerede drag-and-drop platforme
Squarespace
Fra 76 kr./md.
Kreative professionelle, fotografer og porteføljer der prioriterer æstetik og design.
Se flere detaljer
- Skabeloner
- Prisvindende professionelle designs
- Webshop
- Ja (Meget stærke e-commerce funktioner)
- Flersproget
- Ja
- SEO-værktøjer
- Solide indbyggede SEO-værktøjer
- Support
- 24/7 e-mail og chat
- Reklamer på gratis plan
- Ikke relevant (Kun 14-dages prøve)
- Eget domæne
- Gratis 1. år ved årlig betaling
Fordele
- Markedets førende inden for visuelt flotte skabeloner
- Alt-i-én platform uden behov for eksterne plugins
- Stærke indbyggede blog- og webshop-funktioner
Ulemper
- Ingen permanent gratis plan
- Editoren er mere låst i sin grid-struktur end f.eks. Wix
Webflow
Fra 14 US$/md.
Webdesignere, bureauer og avancerede brugere, der vil bygge websites via visuel kodning.
Se flere detaljer
- Skabeloner
- Gratis og premium skabeloner (Kan bygges fra bunden)
- Webshop
- Ja (Kræver Ecommerce plan)
- Flersproget
- Ja (Webflow Localization)
- SEO-værktøjer
- Fuld kontrol over teknisk SEO og semantisk kode
- Support
- Community, Webflow University og e-mail
- Reklamer på gratis plan
- Ja ('Made in Webflow' badge)
- Eget domæne
- Kræver betalt plan
Fordele
- Giver 100% visuel kontrol over HTML, CSS og JavaScript
- Ekstremt hurtige loadtider via ren kode
- Meget fleksibelt og kraftfuldt indbygget CMS
Ulemper
- Kræver god forståelse for webdesign/kodning
- Dyrere og mere kompleks end traditionelle drag-and-drop byggere
WooCommerce
Gratis platform
Dem der allerede bruger WordPress, eller ønsker fuldt ejerskab og skræddersyning af deres webshop.
Se flere detaljer
- Skabeloner
- Titusindvis af WordPress-temaer
- Webshop
- Ja (Hovedfunktion)
- Flersproget
- Ja (Via plugins som WPML)
- SEO-værktøjer
- Verdensklasse (Via plugins som Yoast eller RankMath)
- Support
- Massivt open-source community og dokumentation
- Reklamer på gratis plan
- Nej (Open-source plugin)
- Eget domæne
- Kræver webhotel
Fordele
- 100% dataejerskab og total frihed
- Ingen månedlige platformafgifter for selve butikken
- Enormt økosystem af plugins til alle tænkelige behov
Ulemper
- Kræver at man selv står for hosting, sikkerhed og opdateringer
- Prisen på premium plugins og hosting kan hurtigt løbe op
Ingen hjemmesidebyggere matcher dine filtre.
En mobilvenlig hjemmeside er i dag ikke et ekstra feature, men en grundlæggende forudsætning. Over 60 procent af al webtrafik i Danmark kommer fra mobiltelefoner og tablets. Hvis din hjemmeside ikke fungerer korrekt på en lille skærm, mister du besøgende, kunder og placeringer i Google.
Denne artikel gennemgår, hvad mobilvenlig design reelt betyder i praksis, hvilke tekniske krav der stilles, og hvordan du konkret sikrer, at din hjemmeside lever op til dem.
Hvad betyder det, at en hjemmeside er mobilvenlig?
En mobilvenlig hjemmeside tilpasser sig automatisk til den skærmstørrelse, den vises på. Det kaldes responsivt design. Tekst, billeder, menuer og knapper skalerer og omorganiserer sig, så indholdet er læseligt og funktionelt uanset om brugeren sidder ved en stationær computer, bruger en tablet eller holder en smartphone.
Det handler ikke kun om at indholdet “passer ind”. Det handler om, at brugeren kan udføre de samme handlinger på mobil som på desktop, uden at skulle zoome, scrolle vandret eller kæmpe med knapper, der er for små til fingre.
Responsivt design vs. separat mobilversion
Der er to overordnede tilgange til mobiloptimering: responsivt design og en separat mobilversion (m.domæne.dk). I dag anbefaler Google entydigt responsivt design, fordi det er nemmere at vedligeholde, undgår duplikeret indhold og giver en ensartet brugeroplevelse.
| Tilgang | Fordele | Ulemper |
|---|---|---|
| Responsivt design | Ét sæt kode, nemmere vedligehold, foretrukket af Google | Kræver omhyggelig CSS-planlægning |
| Separat mobilversion | Fuld kontrol over mobiloplevelsen | Dobbelt vedligehold, risiko for duplikeret indhold, forældet tilgang |
| Adaptive design | Serverer forskelligt HTML til forskellige enheder | Kompleks serveropsætning, svær at skalere |
Googles Mobile-First Indexering
Siden 2019 har Google brugt mobile-first indexering som standard. Det betyder, at Google primært crawler og indekserer din hjemmeside ud fra mobilversionen, ikke desktopversionen. Har du indhold, der kun vises på desktop, risikerer du, at Google ikke ser det.
Det har direkte konsekvens for din søgemaskineoptimering. En hjemmeside, der ikke er mobilvenlig, vil typisk rangere lavere i Googles søgeresultater, selv hvis indholdet er relevant og velskrevet.
Hvad Google kigger efter
Google vurderer mobilvenlighed ud fra en række konkrete faktorer. Disse inkluderer:
- Tekststørrelse: Er teksten læsbar uden zoom? Google anbefaler minimum 16px for brødtekst.
- Klikbare elementer: Knapper og links skal have en klikflade på mindst 48×48 pixels og have tilstrækkelig afstand til hinanden.
- Viewport-indstilling: Din hjemmeside skal have en korrekt meta viewport-tag i HTML-koden.
- Ingen horisontal scrolling: Indhold må ikke strække sig bredere end skærmen.
- Undgå Flash og ikke-understøttede plugins: Mobilbrowsere understøtter ikke Flash.
Tekniske krav til en mobilvenlig hjemmeside
Viewport meta-tag
Det første og mest grundlæggende tekniske krav er viewport meta-tagget. Det placeres i <head>-sektionen af din HTML og fortæller browseren, hvordan den skal skalere siden:
<meta name="viewport" content="width=device-width, initial-scale=1.0">Uden dette tag vil mobilbrowsere forsøge at vise siden i fuld desktopbredde og skalere den ned, hvilket giver en ulæselig oplevelse.
CSS Media Queries
Responsivt design bygger på CSS media queries. De giver dig mulighed for at definere forskellige stilregler afhængigt af skærmbredden. Et simpelt eksempel:
@media (max-width: 768px) {
.kolonne {
width: 100%;
}
}På en skærm smalere end 768 pixels vil kolonnen fylde hele bredden i stedet for at stå side om side med andre kolonner. De fleste moderne hjemmesidebyggere håndterer dette automatisk via deres temaer og templates.
Fleksible billeder og medier
Billeder skal skalere med containeren. Den simpleste CSS-løsning er:
img {
max-width: 100%;
height: auto;
}Udover skalering er det vigtigt at servere billeder i den rette størrelse til den pågældende enhed. En mobiltelefon behøver ikke downloade et billede i 2400px bredde. Brug srcset-attributten til at tilbyde forskellige billedstørrelser til forskellige skærmopløsninger.
Skriftstørrelser og læsbarhed
Undgå at bruge faste pixelstørrelser for tekst. Brug i stedet relative enheder som rem eller em, der skalerer i forhold til brugerens browserindstillinger. En tommelfingerregel er:
- Brødtekst: Minimum 16px (1rem)
- H1: Typisk 28–36px på mobil
- H2: Typisk 22–28px på mobil
- Linjehøjde: 1.5–1.7 for god læsbarhed
Mobilhastighed er afgørende
En mobilvenlig hjemmeside skal også være hurtig. Mobilbrugere er typisk på 4G eller 5G, men forbindelsen kan variere. Google bruger Core Web Vitals som en direkte rankingfaktor, og disse måler netop brugeroplevelsen, herunder indlæsningstid, interaktivitet og visuel stabilitet.
De tre primære Core Web Vitals er:
| Metrik | Hvad den måler | God score |
|---|---|---|
| LCP (Largest Contentful Paint) | Tid til det største synlige element er indlæst | Under 2,5 sekunder |
| INP (Interaction to Next Paint) | Responstid ved brugerinteraktion | Under 200 millisekunder |
| CLS (Cumulative Layout Shift) | Uønsket forskydning af elementer under indlæsning | Under 0,1 |
Vil du dykke dybere ned i hjemmesidehastighed og optimering, er der en række konkrete teknikker, der kan forbedre dine scores markant.
Konkrete hastighedstiltag til mobil
- Komprimer billeder med WebP-format frem for JPEG og PNG.
- Brug lazy loading, så billeder kun indlæses, når de er synlige på skærmen.
- Minimer CSS og JavaScript-filer.
- Brug browser caching og et CDN (Content Delivery Network).
- Undgå tunge tredjeparts-scripts som unødvendige chatbots, tracking-pixels og reklameplatforme.
Navigation og UX på mobil
Hamburger-menu og mobilnavigation
Den klassiske desktopnavigation med en vandret menulinje fungerer ikke på en smal skærm. Standarden på mobil er hamburger-menuen, de tre vandrette streger, der åbner en dropdown eller slide-in menu. Det er et velkendt mønster, som brugerne genkender.
Sørg for at:
- Hamburger-ikonet er tydeligt synligt og klikbart (mindst 44x44px).
- Menupunkterne er store nok til at trykke på med en finger.
- Menuen lukker intuitivt, enten ved klik udenfor eller via et X-ikon.
- Vigtige sider er tilgængelige med maksimalt to tryk.
Formularer på mobil
Formularer er et af de steder, hvor mobiloplevelsen oftest fejler. Lange formularer med mange felter er frustrerende på en lille skærm. Gode principper for mobilformularer:
- Brug kun de felter, der er absolut nødvendige.
- Brug korrekte input-typer (type=”email”, type=”tel”, type=”number”) så mobilens tastatur automatisk tilpasser sig.
- Sørg for at labels er synlige over felterne, ikke som placeholder-tekst der forsvinder ved klik.
- Gør indsend-knappen stor og tydelig.
Touch-venlige elementer
Mobilbrugere navigerer med fingre, ikke med en mus. Det stiller krav til størrelse og afstand på klikbare elementer. Knapper bør aldrig placeres så tæt, at brugeren risikerer at trykke på det forkerte. Apple og Google anbefaler begge en minimum touch-target størrelse på 44×44 pixels.
Test af mobilvenlig hjemmeside
Googles Mobile-Friendly Test
Google tilbyder et gratis værktøj kaldet “Mobile-Friendly Test” via Google Search Console. Du indsætter din URL, og værktøjet analyserer siden og giver konkret feedback på, hvad der eventuelt skal forbedres.
Google Search Console
I Google Search Console finder du rapporten “Mobilbrug” under “Oplevelse”. Her vises specifikke sider med mobilproblemer, herunder tekst der er for lille, klikbare elementer der sidder for tæt og indhold der er bredere end skærmen.
Manuelle tests
Brug Chrome DevTools (F12) til at simulere forskellige enheder direkte i browseren. Klik på enhedsikonet øverst i DevTools og vælg mellem forudindstillede enheder som iPhone, Samsung Galaxy og iPad. Det er hurtigt og giver et godt visuelt overblik.
Test også på rigtige enheder. Simulatorer fanger ikke alt, og en reel brugeroplevelse på en faktisk telefon afslører ofte problemer, som ikke er synlige i en browser.
Mobilvenlig hjemmeside og platformsvalg
Valget af platform har stor indflydelse på, hvor nemt det er at sikre mobilvenlig design. De fleste moderne platforme leverer responsivt design som standard, men der er forskelle i fleksibilitet og kontrol.
| Platform | Mobilvenlig som standard | Kontrolniveau | Teknisk krav |
|---|---|---|---|
| WordPress | Ja (afhænger af tema) | Højt | Middel til høj |
| Wix | Ja | Middel | Lav |
| Squarespace | Ja | Middel | Lav |
| Webflow | Ja | Meget højt | Høj |
| Shopify | Ja | Middel til høj | Lav til middel |
Med WordPress har du størst frihed til at tilpasse mobiloplevelsen, men det kræver, at du vælger et responsivt tema og løbende tester, at opdateringer ikke bryder mobilvisningen.
Wix og mobilredigering
Med Wix kan du redigere mobilvisningen separat fra desktopvisningen. Det giver mulighed for at skjule elementer på mobil eller ændre layoutet specifikt til mobilbrugere. Ulempen er, at du reelt vedligeholder to versioner af din side.
Mobilvenlig design for specifikke brancher
Mobiloptimering er særlig kritisk i brancher, hvor brugerne primært søger og handler fra telefonen. En hjemmeside til restaurant skal eksempelvis gøre det nemt at se menuen, finde åbningstider og booke bord direkte fra mobilen, gerne med ét tryk.
For en frisør hjemmeside er onlinebooking via mobil ofte den primære konverteringshandling. Her er det afgørende, at bookingformularen er gnidningsfri på en lille skærm.
Tilgængelighed og mobilvenlig design
Mobilvenlig design og webtilgængelighed overlapper på mange punkter. Tilstrækkelig kontrast, læsbar tekststørrelse, klikbare elementer med god størrelse og logisk struktur gavner både mobilbrugere og brugere med funktionsnedsættelser.
WCAG 2.1-retningslinjerne, der danner grundlag for tilgængelighedskravene, indeholder mange af de samme principper som god mobiloptimering. At arbejde med begge dele samtidig er ikke dobbeltarbejde, men to sider af samme sag.
Løbende vedligehold af mobiloplevelsen
En mobilvenlig hjemmeside er ikke noget, du sætter op én gang og glemmer. Nye enheder med nye skærmstørrelser og opløsninger kommer løbende på markedet. Browsere opdateres og ændrer adfærd. Plugins og temaer introducerer nye elementer, der kan bryde mobilvisningen.
Sæt en fast rutine for at teste din hjemmeside på mobil, minimum én gang om måneden. Tjek Google Search Console regelmæssigt for nye mobilfejl. Og test altid mobilvisningen, når du tilføjer nyt indhold, nye sider eller opdaterer din platform.