Bijgewerkt
Veel ontwerpers bouwen prachtige Framer-sites en vragen zich vervolgens af waarom er niemand langskomt. De site laadt snel, ziet er geweldig uit en werkt perfect. Maar Google weet niet dat hij bestaat.
Framer SEO is eenvoudiger dan de meeste mensen denken. Het platform regelt automatisch veel van het technische basiswerk. Wat jij moet doen, is begrijpen wat er is ingebouwd, wat je zelf moet instellen en wat daadwerkelijk het verschil maakt als het gaat om ranking.
Deze gids behandelt dit allemaal, in een praktische volgorde die je daadwerkelijk kunt volgen.
Is Framer goed voor SEO?
Ja. Framer is oprecht goed voor SEO en het wordt steeds beter. Het platform genereert schone code, laadt standaard snel en bevat de meeste SEO-tools die je nodig hebt zonder plugins of omwegen.
Wat Framer onder andere automatisch regelt:
Generatie en updates van de Sitemap.xml
robots.txt
Afbeeldingsoptimalisatie en CDN-levering
Server-side rendering voor snelle laadtijden
SSL-certificaat
Wat je zelf moet instellen, wordt behandeld in de rest van deze gids.
Stel je metatitels en -omschrijvingen in
Dit is het eerste dat je op orde moet hebben. Elke pagina op je Framer-site moet een unieke titel en meta-omschrijving hebben. Dit is wat er in de zoekresultaten van Google wordt getoond en het heeft directe invloed op de vraag of iemand doorklikt naar je site.
Ga in Framer naar de Pagina-instellingen (Page Settings) en selecteer een specifieke pagina. Daar vind je de velden voor de paginatitel en de meta-omschrijving.
Een paar regels die het waard zijn om te volgen:
Houd titels onder de 60 tekens, zodat ze niet worden afgekapt in de zoekresultaten
Houd meta-omschrijvingen onder de 155 tekens
Verwerk je primaire zoekwoord op een natuurlijke manier in beide
Schrijf voor de lezer, niet alleen voor het algoritme. Een goede omschrijving trekt klikken aan, en klikken zijn een rankingsignaal
Voor CMS-pagina's zoals blogberichten of portfolio-items kun je in Framer dynamische metatitels instellen met behulp van CMS-veldvariabelen. Stel dit één keer in en elk nieuw item krijgt automatisch zijn eigen unieke metadata.
Gebruik schone, beschrijvende URL's
Framer SEO profiteert aanzienlijk van schone URL's. Een URL zoals /framer-seo-guide vertelt Google precies waar de pagina over gaat. Een URL zoals /page-3 vertelt Google niets.
In Framer kun je de slug voor elke pagina instellen in de pagina-instellingen. Doe dit voor elke pagina voordat je publiceert. Het is veel moeilijker om URL's te wijzigen nadat een site live is zonder bestaande links te breken en eventuele opgebouwde ranking te verliezen.
Voor CMS-pagina's wordt de slug meestal overgenomen uit een veld in de collectie (standaard is dit de titel). Zorg ervoor dat deze beschrijvend is en gebruik hier je zoekwoorden.
Zorg voor een goede koppenstructuur
De structuur van de koppen is een van de meest onderschatte Framer SEO-factoren. Google gebruikt koppen om te begrijpen waar een pagina over gaat en hoe de inhoud is opgebouwd.
Elke pagina moet exact één H1 hebben. Dat is je hoofdtitel en deze moet je primaire zoekwoord bevatten. Gebruik H2's voor je hoofdsecties en H3's als je daarbinnen subsecties nodig hebt.
In Framer worden tekstelementen standaard als paragraaf-tag ingesteld. Je moet de semantische tag handmatig instellen op H1, H2 of H3 in het rechterpaneel onder het dropdownmenu voor de element-tag. Veel Framer-sites slaan dit over en eindigen met helemaal geen koppenhiërarchie, wat ten koste gaat van de rankings. Of nog beter: gebruik tekststijlen die de titels omzetten naar H1, H2, H3 etc.
Voeg alt-tekst toe aan elke afbeelding
Alt-tekst is beschrijvende tekst die aan een afbeelding is gekoppeld en die zoekmachines vertelt wat er op de afbeelding te zien is. Het is ook belangrijk voor de toegankelijkheid.
Klik in Framer op een afbeeldingselement en zoek naar het alt-tekstveld in het rechterpaneel. Vul dit in voor elke afbeelding op elke pagina. Houd het beschrijvend en natuurlijk. Neem je zoekwoord op waar het echt past, maar forceer het niet.
Afbeeldingen zonder alt-tekst zijn onzichtbaar voor zoekmachines. Het is een eenvoudige aanpassing die een echt verschil maakt, vooral als je afbeeldingen gebruikt als belangrijke visuele content op product- of blogpagina's.
Koppel Google Search Console
Google Search Console is gratis en essentieel. Het laat je zien op welke zoekopdrachten je site scoort, welke pagina's zijn geïndexeerd en welke crawlfouten Google heeft gevonden.
Om het aan je Framer-site te koppelen, ga je naar Site-instellingen (Site Settings) en voeg je de verificatiecode van Google Search Console toe in de sectie voor aangepaste code. Dien je sitemap in zodra de site live is. De sitemap-URL is meestal jouwdomein.nl/sitemap.xml en Framer genereert deze automatisch.
Controleer Search Console minstens één keer per maand. Het vertelt je dingen over de prestaties van je site in de zoekresultaten die geen enkele andere tool je kan vertellen.
Stel redirects in als je URL's wijzigt
Als je ooit een pagina-URL wijzigt nadat deze is geïndexeerd, stel dan een 301-redirect in van de oude naar de nieuwe URL. Zonder dit komt iedereen die op een oude link klikt op een 404-pagina terecht, en verliest Google de rankingsignalen die aan die URL gekoppeld zijn.
Ga in Framer naar Site-instellingen (Site Settings) en zoek de sectie Redirects. Voeg het oude pad en het nieuwe pad toe. Het kost ongeveer 30 seconden en bespaart een hoop frustratie.
Dit is vooral belangrijk als je een bestaande site naar Framer migreert. Breng al je oude URL's in kaart naar de nieuwe voordat je lanceert, en stel de redirects op dag één in.
Schrijf content waar mensen daadwerkelijk naar zoeken
Alle technische Framer SEO-instellingen van de wereld helpen niet als je pagina's geen content bevatten die het waard is om voor te ranken. Google rankt pagina's die vragen beantwoorden en echte waarde bieden.
Vraag je bij elke pagina die je wilt laten ranken af: waar zoekt iemand naar wanneer ze hier landen, en geeft deze pagina daar duidelijk antwoord op?
Een paar praktische punten:
Blogberichten moeten minimaal 1.000 woorden lang zijn voor informatieve onderwerpen, idealiter 1.500 tot 2.500
Gebruik je primaire zoekwoord in de eerste 100 woorden, de H1 en natuurlijk verspreid over de tekst
Gebruik het Framer CMS voor blogcontent, zodat elk bericht zijn eigen geïndexeerde URL krijgt
Werk oude content bij wanneer deze verouderd is, in plaats van een duplicaat te publiceren
Als je niet zeker weet waar mensen naar zoeken, laat Google Search Console je de daadwerkelijke zoekopdrachten zien waarvoor je site vertoningen krijgt. Dat is een veel betrouwbaarder signaal dan gissen.
Interne links
Interne links verbinden je pagina's met elkaar en helpen Google de structuur van je site te begrijpen. Ze dragen ook rankingwaarde (autoriteit) over van sterke pagina's naar zwakkere.
Elk blogbericht of artikel zou moeten linken naar ten minste twee of drie andere relevante pagina's op je site. Productpagina's moeten linken naar gerelateerde content. Je homepage moet linken naar je belangrijkste pagina's.
In Framer werken interne links net als alle andere links. Zorg er wel voor dat je naar de juiste URL linkt en beschrijvende ankertekst gebruikt. "Lees de volledige gids over Framer-templates" is beter dan "klik hier".
Als je een op templates gerichte site bouwt zoals Holygrid, link dan vanuit blogberichten naar relevante templatepagina's waar dat logisch is. Dat is een van de duidelijkste signalen die je kunt afgeven over waar de productpagina over gaat. De pagina met Framer-templates profiteert bijvoorbeeld van elk artikel dat ernaar linkt met relevante ankertekst.
Paginasegmentatie en prestaties
Framer-sites zijn standaard snel. Server-side rendering, een wereldwijde CDN, automatische afbeeldingscompressie en schone code dragen allemaal bij aan goede prestaties direct uit de doos.
Dat gezegd hebbende, kun je de boel nog steeds vertragen. Zware animaties, niet-geoptimaliseerde afbeeldingen die met enorme bestandsgroottes worden geüpload en te veel scripts van derden zorgen allemaal voor extra laadtijd.
Haal je gepubliceerde site na de lancering door Google PageSpeed Insights. Streef naar een score van boven de 90 op mobiel. Los alles op wat als een groot probleem wordt aangemerkt. Paginassnelheid is een bevestigde rankingfactor en beïnvloedt ook hoe lang bezoekers op je site blijven.
Open Graph en delen op social media
Open Graph-tags bepalen hoe je pagina's eruitzien wanneer ze op social media worden gedeeld. Een pagina met een correcte OG-afbeelding, -titel en -omschrijving ziet er professioneel uit wanneer deze op LinkedIn of X wordt geplaatst. Een pagina zonder deze tags toont een lege voorvertoning of willekeurige tekst.
In Framer kun je de afbeelding en titel voor social media instellen in hetzelfde SEO-instellingenpaneel als je metatitel en -omschrijving. Stel een standaard in voor de hele site in de Site-instellingen en overschrijf dit voor individuele pagina's waar je iets specifieks wilt tonen.
Voor blogberichten die het CMS gebruiken, kun je de uitgelichte afbeelding automatisch in het OG-afbeeldingsveld laten laden met behulp van een variabele. Stel dit eenmalig in en het werkt voor elk bericht.
Framer SEO is een startpunt, geen eindstation
De technische inrichting goed krijgen is belangrijk, maar Framer SEO is een doorlopend proces. Publiceer consequent goede content, controleer regelmatig je Search Console-gegevens, los problemen op wanneer ze zich voordoen en bouw interne links naarmate je site groeit.
De sites die op de lange termijn goed scoren, zijn de sites die blijven investeren in kwalitatieve content en een goede structuur. De technische kant van Framer SEO is oprecht solide. De contentkant is aan jou.
Als je met een sterke basis wilt beginnen, geeft een goed gebouwd Framer-template je vanaf dag één een schone structuur, de juiste koppenhiërarchie en snelle prestaties. Bekijk de Framer-templates voor opties die zijn gebouwd met SEO in het achterhoofd.
