HTML
Html is een computertaal die een browser gebruikt om een website te laten zien. Alle websites zijn zonder uitzondering in html geschreven.
Html staat voor Hyper Text Markup Language. Html omvat een verzameling tags en afspraken die door jouw browser gelezen kunnen worden, dit wordt ook wel de broncode van jouw website genoemd.
Html is geen programmeertaal zoals vaak wordt gedacht maar een 'markup language'. Html beschrijft eigenlijk alleen maar de inhoud van jouw pagina. Je kunt html niet gebruiken om bijvoorbeeld berekeningen te maken.
Html leren is een goed idee
Om een leuke website te maken is het tegenwoordig al lang niet meer nodig dat je html beheerst. Pakketten zoals WordPress, Yoomla en Drupal maken het je kinderlijk eenvoudig om zelf een website te maken zonder enige kennis over html.
Voor zoekmachine optimalisatie is het wel belangrijk dat je html beheerst. Je hoeft geen expert te zijn maar een goede basiskennis is wel aan te raden. Net zoals met iedere computertaal zijn er namelijk meerdere manieren om hetzelfde resultaat te bereiken. Sommige manieren zijn beter dan andere manieren. Deze 'betere' manieren worden beter door Google begrepen. Dat geeft je een groot voordeel.
Html basisbeginselen
Html volgt een vooraf afgesproken indeling. Hieronder zie je een voorbeeld van een html pagina zoals je deze vaak tegen zult komen.
<!doctype html> <html lang="nl"> <head> <meta charset="utf-8"> <title>Mijn titel</title> <meta name="description" content="Mijn beschrijving"> <link rel="stylesheet" href="/mijn.stylesheet.css"> <script defer src="/mijn.javascript.js"></script> </head> <body> <h1>Mijn eerste kop</h1> <p>Mijn tekst</p> </body> </html>
Wat betekenen deze html codes
<!doctype html> geeft aan dat de pagina in html5 is geschreven. Html5 is de standaard die op dit moment wordt gebruikt<head> bevat meta informatie zoals de titel, de beschrijving en referenties naar jouw stylesheet en JavaScript bestanden
<meta charset="utf-8"> geeft aan dat jouw pagina de utf-8 tekst encodering gebruikt. Je hoeft vaak niet te weten wat dit is maar het is wel belangrijk dat je het in jouw pagina zet.
<title>Mijn titel</title> gebruik je om de titel van de pagina te maken
<meta name="description" content="Mijn beschrijving">. De meta description tag gebruik je om de beschrijving van jouw pagina in te zetten. Deze beschrijving wordt vaak overgenomen door Google.
<link rel="stylesheet" href="/mijn.stylesheet.css"> Stylesheets gebruik je om jouw pagina opmaak te geven.
<script defer src="/mijn.javascript.js"></script> met javascript kun je jouw pagina interactief maken. Gebruik het 'defer' attribuut om niet te hoeven wachten tot het javascript bestand volledig is geladen en uitgevoerd
<body> De uiteindelijke inhoud van jouw pagina plaats je in de body tag
Marketing
Technische seo
a/b testen
Above the fold
Alt-tag
Anchor text
Black hat seo
Bouncepercentage
Broken links
Canonical tag
Cloaking
Content farm
Crawler
Duplicate content
Gestructureerde gegevens
Google algoritme
Google Panda
Google penalty
Google penguin
Googlebot
Crawler Traps
Geavanceerde Search operators
Inernal nofollow
Correlatie Ranking signalen
Google BERT
Linkuilding
Social Media
Website snelheid
Time to first byte
First Contentful Paint
Inline CSS
JavaScript uitstellen
Largest Contentful Paint
WebFonts slim laden voor een betere performance
Icon fonts lazy laden
Verbeter pagina rendering met content-visibility
Analytics zonder Core Web Vitals vertraging
Handleiding Google fonts lokaal hosten