Softonic

Meta-taggenenerator

Stap 1 / 3
Basis-SEO
0/60
0/160
Robots
Volgende

Vul een formulier in, met onderwerp van de pagina, beschrijving, canonische URL, sociale afbeelding, auteur, website-naam en Twitter-accountnaam, en de generator genereert een pakket meta-taggen dat direct kan worden geplakt en de basisprincipes van SEO omvat: Open Graph (voor Facebook, LinkedIn, Discord en Slack), Twitter Card, favicon of Apple Touch-icoon, en optioneel Schema.org JSON-LD voor artikelen of producten. Handig wanneer u een statische website handmatig instelt of metadata toevoegt aan een CMS die alleen een eenvoudige <head>-editor biedt.

Hoe je het kopfragment opbouwt

  1. 1

    Voer de paginametadata in

    Titel, beschrijving, canonieke URL, auteur, website-naam.

  2. 2

    Voeg een sociale image-URL toe

    Gebruikt voor zowel `og:image` als `twitter:image`; een resolutie van 1200×630 is ideaal.

  3. 3

    Kies opties

    Type Twitterkaart, robotrichtlijnen, themakleur, Schema.org-type.

  4. 4

    Kopieer de uitvoer

    Een blok met HTML-taggen van type `<meta>`, klaar om tussen `<head>...</head>` te worden geplaatst.

Wat de generator produceert

<!-- Primary Meta -->
<title>Page title, Site name</title>
<meta name="description" content="A 150-character summary of the page content.">
<link rel="canonical" href="https://example.com/page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">

<!-- Open Graph -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/page">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Same description or a social-optimized one">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:site_name" content="Site name">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@siteaccount">
<meta name="twitter:creator" content="@authoraccount">
<meta name="twitter:title" content="Page title">
<meta name="twitter:description" content="Description">
<meta name="twitter:image" content="https://example.com/og-image.jpg">

<!-- Icons -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta name="theme-color" content="#0b5ed7">

Richtlijnen per veld

  • Titel: 50–60 karakters. Bevat het belangrijkste sleutelwoord en plaats het merk aan het eind: Page title, Brand.
  • Beschrijving: 140–160 karakters. Leesbaar ook als zelfstandig tekstdeel. Vermijd standaardformules die op meerdere pagina’s worden herhaald.
  • Canonical: absolute URL, inclusief https://; komt overeen met og:url.
  • OG-beeld: minimaal 1200 × 630 px (het door Facebook aanbevolen verhouding van 1,91:1). In JPG- of PNG-formaat en minder dan 8 MB groot.
  • Twitter-card: summary_large_image voor een goede afbeelding; summary voor een kleine miniatuurafbeelding.
  • Robots: index, follow voor publieke pagina’s; noindex, nofollow voor staging-of dunne inhoud.

Optionele extra’s

  • JSON-LD voor artikelen of producten stelt Google in staat om gedetailleerde resultaten te weergeven (auteur, publicatiedatum, prijs, beoordelingssterren).
  • theme-color kleurt de browserchrome op Android Chrome en iOS Safari.
  • og:locale voor meertalige websites (bijv. en_US, es_ES).
  • Extra’s voor og:type=article: article:published_time, article:author, article:section en article:tag.

Veelvoorkomende fouten die deze generator voorkomt

  • Vergeten van de viewport-tag: uw pagina wordt op mobiele apparaten weergegeven in bureaubladbreedte en bij een zoomniveau van 0,3.
  • Verschillende titels in <title>, og:title en twitter:title. Inconsistente deelkaarten.
  • Relatieve afbeeldings-URL’s in og:image. Facebook kan deze niet verwerken; de kaart wordt niet weergegeven.
  • og:type ontbreekt. De standaardwaarden zijn bruikbaar, maar Facebook prefereert een expliciete waarde.

Veelgestelde vragen

Technisch gezien gebruikt Twitter opnieuw Open Graph wanneer de eigen tags ontbreken; stel je daarom alleen OG in, wordt er nog steeds een kaart weergegeven. Het toevoegen van Twitter-specifieke tags biedt de mogelijkheid om de ervaring aan te passen (bijvoorbeeld met een andere beeldverhouding).

1200×630 px (1,91:1). Facebook en LinkedIn tonen de afbeelding op volledige grootte; Twitter snijdt hem bij voor de samenvattingskaart. Plaats geen cruciale informatie aan de randen, het midden van de afbeelding (60%) is de veilige zone.

Nee, de pagina’s staan zonder dit nog steeds goed gerangschikt. JSON-LD biedt functies voor uitgebreide inhoud (receptkaarten, FAQ-acordionen, productoverzichten) wanneer het contenttype overeenkomt met een Schema.org-schema. Voeg het toe waar het past.

Tussen <head> en </head> in uw HTML, vóór eventuele externe stijlbladen of scripts die kunnen vertragen dat de parser ze bereikt.

Nee. Alles wordt lokaal in uw browser gegenereerd.

Gerelateerde tools

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

E-mailvalidator

Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.

EditorConfig-generator

Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.

HTML-opmaker

Formatteer HTML lokaal in de browser met twee of vier spaties inspringing. HTML wordt niet geüpload of gevalideerd.

Tool beschikbaar in andere talen