Zo audit ik een Framer-site die is overgedragen door een designer
Zo audit ik een door een designer opgeleverde Framer-site
TL;DR: De SEO-positie van Framer veranderde ingrijpend in 2024-2025. Standaard server-gerenderde HTML, CMS-collecties met echte routing, per-pagina-metadata, structured-data-velden, CDN-native afbeeldingen en een ingebouwde redirect-manager kwamen allemaal in die periode uit. Het meeste oudere Framer-SEO-advies is nu achterhaald, en de audit bij overdracht in 2026 is korter dan het web doet vermoeden. De zeven checks die ik echt uitvoer, gerangschikt op wat rankings het snelst breekt: render-verificatie, per-pagina-metadata, de collection-routering, de interne linkgrafiek, alt-tekst bij afbeeldingen, structured-data-velden en – bij migraties – de redirect-map. Vijf daarvan zijn intussen grotendeels Framer-defaults; voor twee is nog echt handwerk nodig.
Elke twee maanden ligt er zo'n overdracht op mijn bureau
Een designer rondt een Framer-build af, de visuals kloppen, de founder is blij en de site staat op het punt te lanceren (of is al een paar weken live zonder beweging in Search Console). De vraag is steeds dezelfde: “is dit klaar om te ranken?” Vroeger liep ik een checklist uit 2022 met twaalf punten af. Na drie Framer-audits het afgelopen kwartaal is de helft daarvan nu standaard geregeld door Framer, en blijft er een audit met zeven checks over.
Onderstaand stuk is die audit. Ik begin met de render-route, omdat de historische zorg rond Framer (de JavaScript-rendering) nog steeds de meeste vragen oproept en sinds 2024 het netst is dichtgetimmerd. Daarna de zeven checks in volgorde van prioriteit, dan de migratie-matrix voor rebuilds en ten slotte een eerlijke sectie over wat Framer’s CMS in 2026 nog niet goed doet. Dit artikel is platformspecifiek; de Wix- en Webflow-versies behandelen hun eigen issues. Bij het relevante onderdeel link ik door naar het Webflow-stuk.
Wat Framer precies doet tussen publish en crawl
Het render-pad bestaat uit vijf stappen. Een browser (of crawler) vraagt een URL op. De edge van Framer resolveert die naar een pagina of collection-record. De server van Framer rendert de volledige HTML – body-tekst, headings, structured data, alles – en stuurt die mee in de eerste response. De CDN cachet en serveert het. De crawler leest exact dezelfde HTML die een mens ziet. Bij elke stap is er één ding dat je moet controleren, en slechts één ervan (de laatste) is niet vanzelfsprekend.
De vroegere zorg bij Framer (en andere design-tool-turned-website-builders) was dat alles client-side JavaScript was en Google dus een lege shell zag. Google zegt al jaren hetzelfde: server-rendered, pre-rendered en client-rendered zijn slechts andere aflevervormen; voor rankings maakt het niet uit, zolang de content maar aanwezig is bij het ophalen. Het Framer-default van 2024 zet de content in de initial response en sluit daarmee de zorg.
De verificatie bij overdracht is één regel: curl -A "Googlebot" <url> op drie voorbeeldpagina’s (home, een collection-detail, een diepliggende pagina) en in de body greppen op een term die alleen client-side zichtbaar is. Staat hij in de response, dan wordt de pagina server-gerenderd afgeleverd en ben je klaar. Zo niet, dan heb je die ene pagina gevonden waar SSR is uitgeschakeld, meestal door een zware animatie-widget. Het SPA-SEO-stuk legt uit wat je dan doet.
Wat in 2024-2025 veranderde en je niet meer hoeft te auditen
Vijf zaken die Framer nu standaard regelt en die je vroeger met de hand moest fixen. Staat dit nog op je checklist, dan kan die korter.
Ten eerste server-side rendering: pagina’s leveren volledige HTML in de eerste response (zie hierboven). Ten tweede CDN-native afbeeldingen: WebP en responsieve srcset zijn automatisch sinds de CDN-uitrol van 2023. Oud advies over “afbeeldingen comprimeren” blijft relevant voor alt-tekst en bestandsnamen, maar niet meer voor formaatonderhandeling. Ten derde per-pagina-<head>: title, meta description, canonical URL, OG-afbeelding, robots-tag – alles regel je per pagina in de publish-UI. Ten vierde native structured-data-velden: Article, Product, FAQPage, BreadcrumbList zitten in het paneel zonder code-injectie. Ten vijfde een native redirect-manager voor 301’s op hetzelfde domein.
Gevolg: de meeste oudere Framer-SEO-artikelen beschrijven een product uit 2022 dat niet meer bestaat. De operator-audit in 2026 draait om checken of defaults blijven staan en om het per-pagina-werk dat Framer niet voor je doet. Dat is korter dan veel platformvergelijkingen suggereren. Kanttekening: defaults zijn goed, niet perfect; drie dingen vergen nog echt werk (zie volgende sectie).
De zeven-check audit bij overdracht
Handig naslagdocument. Zeven checks gerangschikt op wat rankings het snelst schaadt als het mis zit. Ik werk in deze volgorde omdat fouten vroege in de lijst meer schade doen dan late en een fout in stap één het vervolg bepaalt.
| # | Check | Foutmodus bij overdracht | Status in 2026 |
|---|---|---|---|
| 1 | Render-verificatie | Eén pagina client-side gerenderd (animatiewidgets) | Grotendeels default; controleer 3 pagina’s |
| 2 | Per-pagina-metadata | Alle pagina’s delen site-titelprefix | Operator-werk |
| 3 | Collection-routering | Platte URL-prefix, near-duplicate paginatie | Operator-werk |
| 4 | Interne linkgrafiek | Rijke visuele nav, magere body-links | Operator-werk |
| 5 | Alt-tekst afbeeldingen | Alt luidt “image-1.jpg” op hero’s | Operator-werk (CDN oké) |
| 6 | Structured-data-velden | Slechts één pagina gevuld | Operator-werk (veld aanwezig) |
| 7 | Redirect-map (alleen migratie) | Oude URL’s 404, equity weg | Operator-werk; tool aanwezig |
De volgende secties behandelen de drie checks die ik het vaakst zie falen (2, 3 en 4). Checks 5, 6 en 7 bundel ik, want daar is het patroon hetzelfde: platform levert de surface, operator vult hem in.
Check één: per-pagina-metadata
Dit breekt rankings het snelst omdat Framer titels en descriptions erft van de site-instellingen. Designer-sites lanceren vaak met één titeltemplate voor alle pagina’s; per-pagina-velden blijven leeg. Vijf titels scannen laat binnen een halve minuut zien of dit is gebeurd.
Vier velden per pagina nakijken. Title: uniek, <60 tekens, begint met de paginaspecifieke term in plaats van de sitenaam. Meta description: uniek, 140-155 tekens, geschreven voor doorklik, niet voor het keyword. Canonical: niet meer naar het staging-domein wijzen (meest voorkomende fout, omdat de designer in preview werkte). OG-afbeelding: paginaspecifiek, niet het site-wijde standaardbeeld.
Fix: één redactionele ronde, ±1 uur voor een site van 20 pagina’s. Het OG-beeld-artikel is handig als share-afbeeldingen belangrijk zijn. Maak een top-10 van pagina’s op basis van verwachte traffic, schrijf de vier velden, plak ze in Framer en publiceer.
Check twee: de collection-routering
Framer-CMS gebruikt collecties met dynamische routing. Blogposts, cases, producten, teamleden: records in een collection met <collection-prefix>/<slug>/. De audit checkt drie dingen per collection.
Prefix moet hiërarchisch zijn, niet plat. Een blogpost hoort op /blog/berichtnaam/, niet op /berichtnaam/. Platte prefixes verstoren crawl-budget-signalen en halen de topicale hint uit de URL. Het crawl-budget-stuk gaat dieper in op de techniek.
Paginatie van listings mag geen near-duplicate pagina’s opleveren. Framer maakt standaard page-2, page-3 URL’s met dezelfde title/description; Google kiest er één. Bij >50 posts: canonicals van page-2+ naar page-1 zetten, of infinite scroll zonder paginatie-URL’s.
Derde check: canonical op collection-detail. Die moet naar zichzelf wijzen, niet naar de listing. Ik zag dit twee keer fout: “al mijn blogs 0 impressies” – Google canoniseerde alles terug naar de listing. Fix: één toggle in de collection-settings. Het content-silo-stuk behandelt de bredere hiërarchie.
Check drie: de interne linkgrafiek
Designer-sites hebben vaak rijke navigatie maar weinig body-links. Header zes items, footer een sitemap-blok, maar in de lopende tekst bijna geen interne links. Body-links wegen zwaarder dan nav-links voor zowel ranking als crawl-prioriteit.
De check is simpel. Maak een lijst van de tien belangrijkste commerciële pagina’s. Tel voor elke pagina de in-links vanuit body-tekst op andere pagina’s (dus geen nav- of footerlinks). Minimaal drie per top-10-pagina. Twee is oké bij <20 pagina’s; één of nul is de fail die ik het meest zie.
Fix: redactionele ronde door bestaande content, twee-drie contextuele links toevoegen. Duurt een halve dag voor ~30 pagina’s. Het interne-linkstatistieken-stuk legt uit waarom dit zwaarder telt dan nav-links.
Alles clean? Lees dan de cross-platform hygiene-audit voor niet-Framer-specifieke punten.
De andere vier checks die nog operator-werk vragen
Alt-tekst, structured data, redirect-map en de render-sample-check. Zelfde patroon: platform levert de interface, jij vult hem.
Alt-tekst: Framer-CDN regelt formaat en responsief, maar alt staat per asset in de bibliotheek. Inspecteer tien afbeeldingen boven de vouw op kernpagina’s en check of de alt beschrijvend is. Hero’s en OG-beelden eerst.
Structured data: het schema-paneel biedt Article, Product, FAQPage, BreadcrumbList. Check per pagina. Meest voorkomend: eerste drie pagina’s ingevuld, rest leeg.
Render-samples al behandeld: drie pagina’s, curl -A "Googlebot", zoek naar een client-only term.
Redirect-map is alleen relevant bij migratie. Is dat zo, lees verder.
Migreren naar Framer — de source-matrix
Vier realistische bronnen met verschillende risico’s. Meest voorkomend: Webflow → Framer. Risicovolst: WordPress → Framer door meer redirects en plugin-metadata.
| Bronplatform | Belangrijkste risico | Aanpak |
|---|---|---|
| Figma (geen live site) | Geen – niets te behouden | Schone lancering. Plan URL-structuur vooraf; dien sitemap dag 1 in bij GSC. |
| Webflow | Equity-verlies zonder 301’s; tijdelijke dip bij her-crawl | Bouw 1-op-1 redirect-map, lanceer, monitor rankings 60 dagen. |
| WordPress | Verlies plugin-metadata; meer redirects; image-URL-wijzigingen | Exporteer alle metadata, bouw redirect-map, reken op 30-90 dagen her-ranking. |
| Nieuwe lancering | Trage indexatie | Dien sitemap in bij GSC + Bing, verwacht 14-30 dagen tot eerste ranking. |
Dieper in op Webflow, omdat dat het vaakst voorkomt. Bouw redirects 1-op-1; geen many-to-one of splits. Lanceer op dinsdag/woensdag zodat de eerste crawl binnen de werkweek valt. Verwacht 10-20% tijdelijke dip in weken 2-4; normaal als de map schoon is. Het headless-CMS-migratiestuk geeft de kosten in detail.
WordPress-migraties zijn zwaarder omdat plugin-metadata (Yoast, RankMath, AIOSEO) eerst geëxporteerd moet worden. Redirect-oppervlak is 2-3× zo groot. Het WordPress-migratiestuk beschrijft de inventarisatie.
Wat Framer’s CMS nog niet goed doet
Eerlijk beeld 2026. Framer-CMS is volwassen, maar twee punten lopen nog achter op Webflow. Zijn die core, overweeg dan het platform.
Eén: gefacetteerde filters op grote catalogi. Bij meerdere filterdimensies (categorie, prijs, kleur, merk) genereert Framer combinaties die niet altijd goed gecanoniseerd zijn. Workaround: noindex op filter-URL’s en canonical op de basislisting. Tot een paar honderd SKU’s prima; daarboven doet Webflow dit beter.
Twee: geneste collecties. Bij drie niveaus diep (categorie → subcategorie → artikel) kan Framer URLs afvlakken; je moet dan handmatig de URL-velden zetten. Webflow is voorspelbaarder. Bij twee niveaus is Framer oké.
Is dit een blocker, lees de Webflow-audit. Voor 80% van de sites is Framer in 2026 concurrerend.
Wat de audit oplevert
Het resultaat is een one-pager. Render-pad geverifieerd op drie pagina’s. Per-pagina-metadata compleet voor de top-10. Collection-routes en canonicals kloppen, paginatie geregeld. Interne linkgrafiek: elk top-10-landings krijgt drie body-links. Afbeeldingen ge-alt. Structured data gevuld. Redirect-map gebouwd indien migratie. De designer houdt het project; de operator heeft nu een baseline.
Twee vervolglezingen. De cross-platform hygiene-audit voor niet-Framer-specifieke items. Het founder-tools-stuk voor kleinere portfolio’s zonder dedicated operator.
FAQ
Is Framer’s SEO in 2026 echt concurrerend met Webflow? Bijna, niet identiek. Dankzij SSR by default, CMS-collecties, per-pagina-<head>-controle en structured data heeft Framer 2024-2025 grote sprongen gemaakt. Webflow heeft nog voordeel bij geneste collecties en complexe filter-URL’s. Voor 80% van de sites is het gat dicht.
Moet ik me nog zorgen maken over JavaScript-rendering op Framer-pagina’s? Niet bij standaard Framer-pagina’s. Sinds 2024 levert Framer HTML server-side. Uitzondering: zwaar geanimeerde detailpagina’s met veel client-state. Verifieer met curl -A "Googlebot" op drie pagina’s.
Hoe lang duurt het na lancering tot een Framer-site gaat ranken? Zelfde als elke nieuwe site: 14-30 dagen tot eerste Search Console-pickup, 60-90 dagen tot query-niveau-signalen. Bij migratie 10-20% dip in weken 2-4 terwijl Google de redirect-map doorloopt.
Kan ik een Framer-site op mijn eigen domein en CDN hosten? Eigen domein wel, eigen CDN niet. Framer-CDN is onderdeel van het platform. Zelfde situatie als bij Webflow en Wix.
Wat is de meest voorkomende Framer-specifieke SEO-fout bij overdracht? Alle pagina’s delen hetzelfde titel-prefix. Designers zetten het site-template en laten de per-pagina-velden leeg, dus elke titel begint met “Site-naam | …”. Makkelijk in een uur gefixt; zichtbaar in vijf titels.
Read More
- Toegankelijkheid voor SEO: de valkuil van de rankingfactor-vraag
- 8 SEO-tactieken waarmee ik tussen 2022 en 2026 ben gestopt
- SPA-SEO in 2026: Een HTML-First veldgids voor Next.js, Nuxt, SvelteKit en Astro
- Hoe conversational commerce e-commerce zal hervormen
- Query Fan-Out en interne linking
- SEO voor Vercel Websites
no credit card required
No related articles found.