nl en de fi id nl nl nl nl nl en en nl nl en en nl nl nl en en nl en en nl nl en en nl it nl nl nl en en nl nl nl fi en nl nl nl en en pt nl nl nl ca en nl nl en nl nl nl da nl nl nl nl nl en nl nl nl en nl nl nl en en nl en nl nl en nl en nl als nl en nl en nl en nl en nl en nl nl en ca nl en nl en nl gu nl en nl en nl en en nl en nl en nl nl nl en nl fr en nl it pl en it de en en en en en en en en en nl en en nl en nl en nl
Domeinnaam Je adres op internet met extensies als .nl & .com. Mail Professioneel e-mailen met je eigen domein – veilig en reclamevrij. Mailarchivering Automatische en veilige archivering voor je bedrijf.
SSL-certificaten Bescherm je website optimaal dankzij versleuteling Microsoft 365 Je documenten altijd bij de hand met Office 365.
Websites voor beginners en professionals.
Sitebuilder Perfect voor beginners: zonder voorkennis je eigen website. Webshop Snel en professioneel online verkopen.
Snel, veilig en krachtig: hosting & WordPress van professionals voor professionals.
WordPress hosting In een handomdraai je eigen, veilige WordPress site. Hosting Perfect voor professionele en supersnelle websites. Hosting Mini Ons mini-hostingpakket – voor een mini-prijs.
WooCommerce Je eigen webshop maken met WordPress
Monitor het succes en verbeter de performance van je website
STRATO marketingRadar Het perfecte starterspakket voor online marketing. STRATO rankingCoach Snel en simpel een toppositie in zoekmachines als Google. STRATO listingCoach Verschijn met één klik in de belangrijkste online directory's.
STRATO adCoach Maak en beheer eenvoudig Google Ads-campagnes.
Sneller gaat niet: 100% merk-hardware voor virtual en dedicated systemen.
VPS Linux Krachtige Linux VPS met SSD-power & Plesk. VPS Windows VPS met véél RAM & Windows Datacenter-licentie. Cyber Protect Veiligheid dankzij professionele back-ups & anti-malware
Dedicated Server Linux Eigen hardware met root-rechten – voor veeleisende hosting. Dedicated Server Windows Merk-hardware met Administrator-toegang. ServerCloud Flexibele, schaalbare servers in de cloud.
Bestanden online opslaan & automatisch back-uppen naar de Europese cloud.
HiDrive Sla je bestanden op in de Europese cloud. HiDrive Business Veilig teamwork met je online harde schijf. HiDrive S3 De object storage voor je bedrijfsdata.
Cyber Protect Veiligheid dankzij professionele back-ups & anti-malware
Meta-tags en HTML: een overzicht
De belangrijkste meta-tags op een rij
Wat zijn HTML meta-tags?
Wat zijn HTML meta-tags?
Meta-tags zij gecodeerde stukjes informatie in het headergebied van een HTML-document. Je gebruikt ze om metagegevens te specificeren. De name en content tags zijn niet zichtbaar op de eigenlijke website; webbrowsers en zoekmachines lezen de meta-tags wél. Het doel van deze meta-elementen is om aanvullende informatie over een webpagina te verschaffen, wat de analyse van het HTML-bestand en het beheer van de bestandsinhoud moet vergemakkelijken. In HTML volgen meta-tags meestal dezelfde structuur: eerst definiëren ze een element, in de tweede stap wijzen ze er een inhoud aan toe. Dit schema ziet er als volgt uit:
Hoewel meta-data op HTML-pagina's vroeger een belangrijke rol speelden voor SEO (search engine optimization of zoekmachineoptimalisatie), hebben ze tegenwoordig vrij weinig invloed op de ranking bij bijvoorbeeld Google en Bing. Voor webbeheerders blijft het echter aan te raden om de informatie tóch in de HTML-kop te plaatsen en daar gedetailleerde meta-gegevens voor te gebruiken. Want voor meta-zoekmachines en lokale zoekscripts zijn ze nog steeds zeer relevant. Meta-tags bieden ook de mogelijkheid om instructies te definiëren voor het besturen van zoekrobots (web crawlers).
De lijst met mogelijke elementen in de HTML-header is lang. De header (het titelgedeelte van een HTML-bestand) bevat essentiële informatie zoals de paginatitel, de paginabeschrijving en de gebruikte tekenset, maar ook de mogelijkheid om uitgebreide informatie te verstrekken aan user-agents, zoals een browser. Een webbeheerder kan met behulp van meta-tags relevante trefwoorden definiëren of een paginathema specificeren. Bovendien kunnen auteurs of uitgevers worden genoemd of auteursrechtdetails in de meta-tags worden opgeslagen. Niet al deze details zijn relevant voor de interactie met webbrowsers en zoekmachines. Wél relevant zijn meta-tags die het gedrag van user-agents controleren, bijvoorbeeld door indexering van de corresponderende HTML-pagina te verbieden of te voorkomen dat de webcrawler uitgaande links kan opsporen. In de volgende selectie worden de belangrijkste meta-elementen en het gebruik ervan uitgelegd, inclusief de werking van webpagina's.
Strikt genomen is de title geen meta-element, maar een onafhankelijke HTML-tag. Vanwege het belang voor de interactie met user-agents vermelden we deze toch vaak in combinatie met andere meta-tags. Het is een verplicht element in de HTML-header en bevindt zich meestal voor alle andere meta-tags. Een webbrowser leest de tag en toont de inhoud in de titelbalk van een tab of venster, als standaardnaam bij het instellen van bladwijzers en in de geschiedenis van de webbrowser. Daarnaast gebruiken alle grote zoekmachines de title-tag als kopje bij de vermelding in de zoekresultaten. De inhoud van dit kopje beïnvloedt natuurlijk het klikgedrag van internetgebruikers.
Volgens Google is de title één van de 200 factoren die gebruikt worden bij het berekenen van de ranking in de organische zoekresultaten. Voor optimale SEO-resultaten moet je ervoor zorgen dat de titel niet langer is dan de maximumlengte van 55 tekens. Ook raden we aan om het belangrijkste keyword van een website in de title-tag te plaatsen. Dit is een voorbeeld van de title van deze pagina:
Meta-tags: de belangrijkste tags op een rij | STRATO
Is de tekenset nog niet in de http-header gedefinieerd? Dan moet je deze informatie via HTML doorgeven. Dit voorkomt bijvoorbeeld dat leestekens verkeerd worden weergegeven. Om de tekenset of tekencodering te specificeren, gebruik je de volgende meta-tag:
Deze meta-specificatie is ook relevant als een browser HTML-bestanden niet via http ontvangt, maar rechtstreeks van de harde schijf opvraagt.
De tag description (ook meta-description genoemd) biedt ruimte voor een korte beschrijving van de inhoud van de pagina. Aangezien zoekmachines als Google en Bing deze meta-tag gebruiken en de informatie ervan tonen in de zoekresultaten, raden we je aan deze korte tekst zorgvuldig te schrijven. Het bepaalt immers ook weer het klikgedrag van gebruikers. Sterker nog, de description geldt als een van de belangrijkste HTML-meta-tags voor zoekmachineoptimalisatie (SEO). Website-eigenaren mogen maximaal 160 tekens (inclusief spaties) gebruiken voor de description. Als de tekst langer is, wordt deze afgekapt in de zoekresultaten weergegeven en is de beschrijving dus niet volledig zichtbaar. De meta-description is hoofdzakelijk gericht op de internetgebruikers die de zoekopdracht plaatsen en moet daarom een beknopte samenvatting geven van de pagina-inhoud. Volgens Google dienen website-eigenaren ervoor te zorgen dat elke pagina op hun site een individuele beschrijving heeft die precieze informatie weergeeft over de inhoud van die pagina. Dit attribuut biedt de gebruiker een duidelijke toegevoegde waarde en helpt websitebeheerders om meer kliks in zoekmachines te genereren. Ter illustratie tonen we de meta-beschrijving van deze pagina:
Het keyword-tag biedt websitebeheerders de mogelijkheid om trefwoorden voor een zoekmachine te definiëren. Als een internetgebruiker de database van een zoekmachine raadpleegt op desbetreffende trefwoorden, moet deze meta-tag ervoor zorgen dat HTML-pagina’s verschijnen die voorzien zijn van deze zoektermen. In de beginjaren van het internet was dit één van de belangrijkste meta-tags voor SEO. De zoekmachines gebruikten de tag destijds als hoofdkenmerk voor de ranking in resultatenlijsten. Vandaag de dag is de meta-tag irrelevant voor Google, omdat het heel eenvoudig misbruikt kan worden, bijvoorbeeld door de naam van je grootste concurrent te gebruiken. Bing en de andere grote zoekmachines hechten ook weinig waarde aan de meta tag van het keyword. Kortom, voor de zoekmachineoptimalisatie van je website is deze meta-tag vrijwel irrelevant.
Het feit dat trefwoorden die in de meta-informatie zijn opgeslagen geen (of slechts een kleine) positieve invloed hebben op de organische zoekresultaten, betekent echter niet dat je deze HTML-meta-tag willekeurig kunt gebruiken. Verkeerd gebruik kan je ranking zelfs negatief beïnvloeden. Als je de tag gebruikt, moet je beslist de juiste trefwoorden kiezen. Vermijd daarom het overmatig gebruik van trefwoorden (keyword stuffing) en het gebruik van keywords die niet bij je content passen. Aangezien sommige lokale zoekscripts en meta-zoekmachines zelfs nog steeds de informatie in het keyword-meta-tag gebruiken, raden we je aan deze meta-tag in te voordeel te laten gelden en er een paar relevante keywords in te plaatsen. Afzonderlijke trefwoorden worden met een komma van elkaar gescheiden. Een trefwoordenzin mag overigens uit verschillende elementen bestaan.
Met de meta-tags ‘author’ en ‘copyright’ kunnen webbeheerders in de HTML-code opslaan wie de website heeft gebouwd en bij wie het auteursrecht van inhoud rust. Sommige contentmanagementsystemen wijzen de author tag automatisch toe en noemen altijd de naam van de persoon die de pagina het laatst bewerkt heeft. Dit heeft als voordeel dat beheerders kunnen achterhalen wie welke pagina beheert. Er is overigens geen wettelijke verplichting om deze HTML-meta-tags te gebruiken.
Instructies voor webcrawlers (robots)
Eén van de belangrijkste taken van meta-tags is het geven van indexeringsinstructies voor zoekmachine-crawlers. Deze kun je per pagina via robot-meta-tags definiëren. De volgende meta-tags kun je gebruiken om te bepalen of een pagina is opgenomen in de index van een zoekmachine en in zoekresultaten mag verschijnen. Je kunt ook aangeven of een crawler links naar uitgaande pagina’s mag volgen of moet negeren. Meta-tags voor robots zijn dus voor je SEO-resultaten uiterst relevante HTML-meta-tags.
Om de zoekmachine in staat te stellen een HTML-pagina te indexeren, gebruik je de volgende meta-tag:
Aangezien indexering van webpagina's overeenkomt met het standaardgedrag van webcrawlers (zoekrobots), is deze specificatie over het algemeen overbodig.
Als je niet wilt dat een HTML-pagina in de zoekmachine-index verschijnt, moet je dit expliciet definiëren. Dat doe je met de hieronder genoemde meta-tag. Die verbiedt namelijk een zoekprogramma om de inhoud van een HTML-pagina op te nemen in de database:
Het name-attribuut ‘robot’ is gericht aan alle zoekmachine-crawlers en het content-attribuut ‘noindex’ verbiedt het indexeren. Als je indexering alleen voor specifieke robots wilt verbieden, doe je dit via een alternatief name-kenmerk, zoals ‘googlebot’.
Webcrawlers volgen gewoonlijk alle uitgaande links op een HTML-pagina. Indien gewenst kun je dit handmatig instellen via deze meta-tag:
Zoals je begrijpt, is deze meta-eigenlijk overbodig, omdat de crawlers de link dus sowieso volgen. Maar als je dat juist niet wilt, dan heb je deze tag nodig.
Hiermee voorkom je dat de zoekrobot de links op deze pagina volgt, bijvoorbeeld naar andere pagina’s of andere websites. Je gebruikt de meta-tag als volgt:
Vervolgens behandelen crawlers deze pagina alsof er helemaal geen links op staan. Maar de meta-tag blokkeert alleen de links. De zoekmachine neemt de inhoud van de pagina gewoon op in de database.
Je kunt de meta-tags index/noindex en follow/nofollow individueel of in combinatie gebruiken. Zo kun je aangeven dat een pagina in de index kan worden opgenomen, maar dat de crawler de links moet negeren. Als alternatief kunnen beide acties van de zoekrobot worden uitgeschakeld of toegestaan.
Met het attribuut ‘http-equiv’ kunnen meta-tags equivalenten bevatten voor specificaties in de http-header. Het is dus vervangende informatie, bijvoorbeeld voor het geval dat de webserver niet juist is geconfigureerd. De regel is dat een gelijknamige http-header voorrang heeft boven HTML-meta-tags.
Om snelle laadtijden te garanderen, is het gebruikelijk om websites op proxyservers of in de cache van de browser op te slaan. Als je de site dan later nog eens raadpleegt, laadt hij veel sneller. Dit proces kun je uitschakelen via de meta-tag ‘cache-control’ met de waarde no-cache:
Webpagina's die van deze meta-tag zijn voorzien, worden bij elk bezoek opnieuw van de webserver geladen. Dit vertraagt het ophalen van pagina's. Maar het is zeer nuttig als een website bijvoorbeeld steeds nieuwe inhoud bevat.
In plaats van caching volledig te blokkeren, kun je met het attribuut ‘http-equiv’ een vervaldatum geven. Dat doe je met deze meta-tag:
Je kunt elke vervalperiode via deze meta-tag aan een HTML-pagina toekennen. Om een expiratietijd van 12 uur in te stellen, kies je bijvoorbeeld 43.200 seconden. Na afloop van de ingestelde periode krijgt de webbrowser van een bezoeker het verzoek om de HTML-pagina van het oorspronkelijke adres te laden. Kies je een vervaltijd van 0 seconden? Dan wordt de inhoud bij elk bezoek opnieuw vanaf de webserver geladen.
Als alternatief kun je tijdsduur en exacte data en tijden definiëren. Deze moeten in internationaal formaat en volgens Greenwich Mean Time (GMT) gespecificeerd worden.
Meta-tags met het attribuut ‘http-equiv’ bieden de mogelijkheid om een eenvoudige vorm van forwarding in te stellen. Net als bij de expires-tag stel je een expiratietijd in. Zodra die is bereikt, worden user-agents zoals webbrowsers of zoekmachine-crawlers doorgestuurd naar een vooraf gedefinieerde URL. In de voorbeeldcode stuur je bezoekers na 10 seconden door naar de STRATO NL website.
Let op: niet elke browser ondersteunt de refresh-meta-tag. De W3C (de commissie die toezicht houdt op de standaardisering van het internet) raadt daarom aan om HTML-statuscode 301 te gebruiken in plaats van een forward via een meta-tag.
Op het internet zijn talloze meta-tag-generatoren beschikbaar. Als websitebeheerder kun je daarmee snel en eenvoudig automatisch meta-tags aanmaken. Een voorbeeld is de gratis tool van Metatags.org. Hier hoef je alleen de relevante informatie in de Meta-tag-generator in te voeren. De generator vertaalt het dan automatisch naar de juiste broncode. Die kun je vervolgens kopiëren en direct in de HTML-header van je webpagina plakken.