Derfor er Framer et stærkt valg til SEO og performance
Framer er interessant, fordi platformen typisk giver et stærkt udgangspunkt for både hastighed og teknisk SEO uden et tungt plugin-lag. Når man gør tingene rigtigt, kan man få sider, der loader hurtigt, føles lette at bruge og er nemme for Google at crawle. Når man gør det forkert, er det næsten altid de samme syndere der går igen: tunge medier, for mange scripts og manglende disciplin i metadata.
Hos Studio Echo bygger vi ofte Framer-sites med samme grundidé: en flot oplevelse er ikke nok. Den skal også kunne findes, indlæses hurtigt og være let at vedligeholde.
Hvorfor SEO i Framer ofte starter med performance
SEO bliver hurtigt abstrakt, men performance er konkret. Hvis din side er langsom, falder både brugeroplevelse og synlighed typisk sammen. Framer hjælper fra start med et setup, hvor sider publiceres som pre-renderet HTML og leveres via global CDN med komprimering. Det betyder, at indholdet ofte kommer hurtigt frem, også før alt JavaScript er “klar”.
Det gør en stor forskel i den virkelige verden: Mange websites taber trafik på mobil, fordi første indlæsning er tung, eller fordi siden føles sløv, når man prøver at klikke.
Et hurtigt site er ikke en garanti for topplaceringer, men et langsomt site kan være en rigtig dyr bremseklods.
Core Web Vitals i Framer, set fra en praktisk vinkel
Core Web Vitals handler om tre ting: hvor hurtigt det vigtigste indhold vises, hvor hurtigt siden reagerer, og om layout hopper rundt. Framer ligger ofte godt fra start, men det er stadig dit indhold og dine valg, der afgør resultatet.
Efter et par lanceringer ser man et mønster: Helte-sektionen er næsten altid der, hvor man vinder eller taber.
Her er en enkel måde at tænke de tre målinger på, når du designer og bygger i Framer:
LCP (Largest Contentful Paint): Gør det første store element let. Brug komprimerede billeder, undgå autoplay-video i hero, og preload kun det der faktisk er kritisk.
INP (Interaction to Next Paint): Hold siden “ren” for tunge scripts. Få analytics til at loade pænt, og drop widgets, der blokerer hovedtråden.
CLS (Cumulative Layout Shift): Reservér plads til billeder og embeds. Undgå effekter, der skubber indhold ned, især over fold.
Sådan bygger Framer siderne, og hvorfor det betyder noget for Google
Når du publicerer i Framer, bliver siderne i praksis forberedt, så browseren kan vise indhold tidligt. Først kommer HTML, derefter “hydrering”, hvor interaktivitet kobles på. Det er godt for både brugere og crawlere, fordi:
Google kan se indholdet uden at være afhængig af tung client-side rendering.
Brugeren får noget på skærmen hurtigt, hvilket ofte forbedrer oplevet hastighed.
Det er også her, mange performance-problemer opstår: Man tilføjer tredjeparts scripts, chat-widgets, tunge embeds og sporingspixel på alle sider, og så bliver “hurtigt HTML først” pludselig til “langsom alt på én gang”.
Teknisk SEO-setup: de vigtigste ting at få rigtigt
Framer giver gode muligheder for at sætte de klassiske SEO-elementer op direkte i Site Settings og pr. side, også når du arbejder med CMS. Det gør det let at holde struktur, når sitet vokser.
Det vigtigste er ikke at gøre alt avanceret fra dag ét, men at sikre at basics sidder hver gang du udgiver.
Her er en kort tjekliste, der typisk giver mest værdi tidligt:
Titler og meta-beskrivelser: Unikke pr. side, skrevet til mennesker, ikke kun søgeord.
Canonical: Vigtigt hvis du bruger flere domæner, subdomæner eller reverse proxy.
Index-styring: Slå noindex til på sider, der ikke skal findes (test, tak-sider, interne varianter).
Billed-alt og overskriftsstruktur: H1 én gang pr. side, klare H2’er, og alt-tekst der beskriver motiv og kontekst.
Hurtigt overblik: hvor gør man hvad i Framer?
Opgave | Hvor i Framer | Hvorfor det betyder noget |
|---|---|---|
Side title og meta description | Site Settings / Page Settings | Påvirker CTR og relevans i søgeresultater |
H1, H2, tekststruktur | I selve layoutet (tekst-komponenter) | Gør indhold let at læse for både mennesker og Google |
Alt-tekst på billeder | Image settings | Hjælper billedsøgning og tilgængelighed |
Sitemap og robots | Genereres automatisk på og | Gør crawling mere stabil, især når du udgiver ofte |
Canonical URL | Domain settings | Forhindrer duplicate content og forkert domæne-indeksering |
Custom Code (head/body) | Site Settings → Custom Code | Til schema, tracking, verifikation og integrationer |
Struktureret data i Framer, uden at gøre siden tung
Struktureret data (schema.org via JSON-LD) kan gøre en reel forskel, når du har indholdstyper som artikler, events, FAQ eller produkter. I Framer lægger man det typisk ind som Custom Code i head, og på CMS-sider kan man bruge variabler, så hver side får sit eget korrekte schema.
Det kræver lidt disciplin: Hellere ét korrekt schema end fem halvfærdige.
En typisk opskrift er:
Vælg én schema-type pr. sidetype (Article, Organization, Product).
Udfyld de felter, du faktisk kan stå inde for.
Test med Googles Rich Results Test og ret til, til det validerer.
JSON-LD er som regel “billigt” performance-mæssigt, fordi det bare er tekst i head, men lad være med at fylde head med alt muligt, der ikke understøtter en tydelig forretningscase.
Billeder, video og LCP: den mest almindelige flaskehals
Framer håndterer meget automatisk: resizing, optimering og moderne formater på billeder. Alligevel er medieindhold den hurtigste måde at ødelægge LCP på, især hvis hero-sektionen består af:
Et stort baggrundsbillede i høj opløsning
En video-embed
Et slideshow med flere assets over fold
Et godt kompromis er ofte at bruge et skarpt, komprimeret hero-billede, og først loade video længere nede på siden eller bag en click-to-play.
Typiske greb, der virker i praksis:
Brug færre unikke billeder over fold
Sørg for at hero-billedet er det rigtige format og ikke større end nødvendigt
Overvej at preload’e hero-billedet, men kun hvis det reelt er LCP-elementet
Interaktivitet: når scripts stjæler din INP
Når en side føles “tung”, er det sjældent Framer-koden alene. Det er næsten altid tredjepart: analytics, tag managers, chat, AB-testing, heatmaps, videoplayers og sociale embeds. Mange af dem vil gerne loade tidligt, og det kan skubbe interaktiviteten.
Hvis du har brug for tracking, kan du stadig gøre det pænt. Det handler om at indlæse scripts på en måde, der ikke blokerer, og at begrænse hvor de bruges.
En enkel prioritering, der ofte giver ro på:
Mål det vigtigste først: Search Console og en basal analytics-løsning før ekstra værktøjer.
Load pænt: Brug hvor muligt, og undgå at alt kører på alle sider.
Hold igen med embeds: YouTube-frames og tunge widgets kan være dyre på mobil.
Layoutstabilitet: når designvalg giver CLS
CLS er ofte lav i Framer, men den kan stadig blive dårlig, hvis du designer uden at tænke i pladsreservation og forudsigelighed. De klassiske problemer kommer fra:
Webfonts der skifter sent (FOIT/FOUT)
Elementer der animerer højde og skubber resten af siden
Billeder og embeds uden fast ratio, der først “finder størrelse” efter load
En praktisk tommelfingerregel: Animationer må gerne skabe liv, men de bør ikke flytte det indhold, brugeren er i gang med at læse eller trykke på.
En enkelt sætning, der sparer mange rettelser senere: Design over fold som om alt skal være stabilt på en langsom mobil.
Sitemap, robots og indeksering: det skal bare fungere
Framer genererer automatisk sitemap og robots.txt, hvilket er perfekt for teams, der vil udgive ofte uden at vedligeholde teknisk infrastruktur. Det du skal gøre, er primært:
Indsend i Google Search Console
Sørg for at vigtige sider ikke er sat til noindex ved en fejl
Kontrollér at canonical peger på det rigtige domæne
Hvis du har flere domænevarianter (www og non-www), eller du har migreret fra en gammel platform, er canonical og redirects ekstra vigtige. Ellers kan du ende med duplikerede versioner i indekset.
Arbejdsgang: sådan holder man SEO skarp, når sitet vokser
Når man arbejder hurtigt i Framer, er det let at få udgivelser ud. Det er netop pointen. Men så skal SEO også være en del af arbejdsgangen, ikke en opgave man “tager til sidst”.
En enkel rytme, der fungerer godt for mange virksomheder:
Faste felter til title, description og open graph pr. side
Løbende kontrol i Search Console for indeksering og Core Web Vitals fra rigtige brugere
For teams der vil have løbende designkapacitet uden at ansætte, kan en abonnementsmodel som Design as a Service også give mening, fordi man kan få små forbedringer og landingpages ud kontinuerligt, uden at hvert sprint skal genforhandles.
Typiske fejl vi ser på Framer-sites
De fleste SEO-problemer i Framer er ikke “Framer-problemer”. De er content- og governance-problemer.
Her er fire, der går igen:
Samme meta title på mange sider
CMS-sider uden dynamiske titler og beskrivelser
Tunge scripts på alle sider, også der hvor de ikke bruges
Hero-sektioner med store videoer eller alt for tunge billeder
Og en femte, lidt mere stille fejl: Man måler kun Lighthouse og glemmer at følge reelle data i Search Console. Lighthouse er nyttigt til at finde åbenlyse problemer, men virkeligheden ligger i feltdata.
Når du vil have både frihed og struktur
Framer gør det let at bygge smukke sider hurtigt. Den rigtige SEO-effekt kommer, når du kombinerer den fart med struktur: klare sidetyper, gennemtænkte metadata, et roligt script-landskab og et design der ikke kæmper imod performance.
Det er typisk her en designpartner giver værdi: ikke ved at “lave SEO-tricks”, men ved at få UX, indhold, teknik og vedligehold til at spille sammen, så sitet bliver ved med at performe, også om seks måneder når der er kommet 30 nye sider til.
Få mere ud af dit website med en målrettet SEO-strategi, der kombinerer performance, synlighed og vedligeholdelse – uden at gå på kompromis med designet.
