Het documenthoofd kan metatags bevatten, waarvan vele niet zichtbaar zijn voor de gebruiker in het browservenster. Daarom zul je in de komende voorbeelden geen zichtbare inhoud zien. Deze tags slaan metadata-informatie over de pagina op.

Paginatitel

De tekst binnen de <title> tag wordt weergegeven in het browsertabblad. De titel moet een beknopte beschrijving van de pagina zijn en mag maximaal 60 tekens lang zijn.

Met behulp van deze code kun je zo'n uiterlijk op de website bereiken. In het browsertabblad zie je de exacte tekst die binnen de <title>-tag is ingesloten (witte kader in de afbeelding).

Metadata

De <meta>-tag bevat informatie voor browsers en zoekmachines: documentcodering, gegevenscommunicatie en nog veel meer. De meta-tags kunnen veel attributen hebben, omdat ze allemaal verschillende informatie overbrengen. De belangrijkste is de paginacodering. Het helpt een browser de tekst correct weer te geven. In het geval van het niet doorgeven van codering, kan de browser mojibake tonen in plaats van de tekens.

Betekenis van meta Tag Attributen

• name: de naam van een eigenschap kan elk woord of zin zijn, webbrowsers verwachten over het algemeen een waarde die ze kunnen herkennen en gebruiken om een actie uit te voeren. Een voorbeeld zou zijn <meta name="author" content="name"> om de auteur van de pagina aan te geven;

• content: specificeert de waarde van de eigenschap. Een voorbeeld zou zijn <meta name="language" content="english"> om de taal van de paginatekst aan te geven;

• http-equiv: staat voor HTTP equivalent en wordt gebruikt om HTTP-responsheaders te simuleren. Dit is zeldzaam om te zien. Een voorbeeld zou zijn <meta http-equiv="refresh" content="30"> om de browser te vertellen de pagina elke 30 minuten te verversen.

Basis meta Tags voor SEO Verbetering

• <meta name="description"/>: specificeert een korte beschrijving van de webpagina;

• <meta name="author" />: specificeert de auteur van de webpagina;

• <meta name="language"/>: specificeert de taal van de webpagina;

• <meta name="robots"/>: vertelt zoekmachines hoe de webpagina te crawlen of te indexeren;

• <meta name="googlebot" content="notranslate"/>: informeert Google om geen automatische vertalingen van de webpagina aan te bieden;

• <meta name="copyright" content="Copyright 2024"/>: specificeert het auteursrecht van de webpagina.