Meta Tag Generator
Voer je paginatitel, beschrijving en afbeelding in, controleer de lengte van elk onderdeel, bekijk het voorbeeld op Google en social media en kopieer vervolgens de HTML-metatags.
1<!-- Primary Meta Tags -->2<title>Framer: Gratis websitemaker en AI-ontwerpassistent</title>3<meta name="title" content="Framer: Gratis websitemaker en AI-ontwerpassistent" />4<meta name="description" content="De gratis websitemaker met een ontwerpassistent die je van idee naar lancering brengt. Aanpassingen blijven bewerkbaar, met ingebouwde hosting, CMS, statistieken, SEO en AEO." />5<link rel="canonical" href="https://www.framer.com/" />6 7<!-- Favicon -->8<link rel="icon" href="https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png" />9<link rel="apple-touch-icon" href="https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png" />10 11<!-- Open Graph / Facebook / LinkedIn -->12<meta property="og:type" content="website" />13<meta property="og:url" content="https://www.framer.com/" />14<meta property="og:title" content="Framer: Gratis websitemaker en AI-ontwerpassistent" />15<meta property="og:description" content="De gratis websitemaker met een ontwerpassistent die je van idee naar lancering brengt. Aanpassingen blijven bewerkbaar, met ingebouwde hosting, CMS, statistieken, SEO en AEO." />16<meta property="og:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />17<meta property="og:image:width" content="1200" />18<meta property="og:image:height" content="630" />19<meta property="og:site_name" content="Framer" />20 21<!-- X (Twitter) -->22<meta name="twitter:card" content="summary_large_image" />23<meta name="twitter:url" content="https://www.framer.com/" />24<meta name="twitter:title" content="Framer: Gratis websitemaker en AI-ontwerpassistent" />25<meta name="twitter:description" content="De gratis websitemaker met een ontwerpassistent die je van idee naar lancering brengt. Aanpassingen blijven bewerkbaar, met ingebouwde hosting, CMS, statistieken, SEO en AEO." />26<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />27<meta name="twitter:site" content="@lijstenmaker" />Hoe schrijf je goede metatags
Vul de bovenstaande velden in en de generator schrijft de HTML voor je. Plak deze in de head van je pagina of kopieer de waarden naar de SEO-instellingen van je CMS of websitemaker.
Schrijf een titel van 50 tot 60 tekens
Plaats het belangrijkste zoekwoord vooraan en de merknaam aan het einde. Google breekt titels af na ongeveer 60 tekens.
Houd de meta-omschrijving tussen de 140 en 160 tekens
Vat samen wat de pagina te bieden heeft en geef mensen een reden om te klikken. Google herschrijft beschrijvingen soms, maar een duidelijke beschrijving die aansluit op de zoekopdracht wordt veel vaker getoond.
Voeg een canonieke URL en een OG-afbeelding toe
De canonieke tag laat zoekmachines weten welk adres de hoofdversie van de pagina is. Gebruik een og:image van 1200 × 630 px, zodat deze op elk platform de grote kaart vult.
Test de tags na het publiceren
Zodra de tags live zijn, haal je de URL door de metatagchecker om te zien wat Google en sociale apps lezen. Sociale netwerken slaan voorvertoningen op in de cache, dus controleer het opnieuw na elke wijziging. Als een app nog steeds de oude versie toont, ververs dan de gecachte voorvertoning.
Veelgestelde vragen over de meta tag generator
Snelle antwoorden over meta-tags, Open Graph en waar de gegenereerde code moet worden geplaatst.
Wat is een meta tag generator?
Een meta-taggenerator zet een paginatitel, beschrijving, URL en afbeelding om in de HTML-tags die zoekmachines en sociale netwerken uitlezen: de title-tag, meta-description, canonieke link, Open Graph-tags en Twitter Card-tags.
Welke metatags genereert deze tool?
Het genereert de title-tag, meta title en description, rel=canonical, og:type, og:url, og:title, og:description, og:image met breedte en hoogte, og:site_name, en de twitter:card, title, description, image en site tags.
Waar plak ik de gegenereerde metatags?
Plak ze in het head-gedeelte van je HTML, vlak voor de sluitende head-tag. Voer in Framer, Webflow, WordPress of Shopify in plaats daarvan dezelfde titel, beschrijving en afbeelding in bij de SEO-instellingen van de pagina.
Zijn metatags nog steeds belangrijk voor SEO?
De title-tag is nog steeds een rankingfactor, en de metabeschrijving is wat de meeste mensen in de zoekresultaten lezen voordat ze klikken. Open Graph- en Twitter-tags bepalen hoe je link eruitziet wanneer deze wordt gedeeld, wat ook weer invloed heeft op het aantal klikken.
Is deze meta-taggenerator gratis?
Ja. Het werkt in je browser, vereist geen account en niets wat je typt wordt opgeslagen.
