Je website AI-klaar maken

Het technische fundament

Voordat AI je content kan citeren, moet het je content kunnen vinden en begrijpen. Dit vereist een solide technisch fundament. De goede nieuws: veel van deze principes overlappen met SEO best practices.

Waarom techniek ertoe doet voor AI

AI-systemen verzamelen informatie op verschillende manieren:

De drie pijlers van technische AI-optimalisatie

Schema markup implementeren

Schema markup is een gestructureerde manier om machines te vertellen wat je content betekent. Het is als een etiket op je content dat zegt: "Dit is een bedrijf", "Dit is een FAQ", of "Dit is een artikel".

Wat is schema markup?

Schema.org is een standaard vocabulaire dat door Google, Microsoft, Yahoo en Yandex wordt ondersteund. Door schema markup toe te voegen, help je machines je content te categoriseren en begrijpen.

Prioriteit schema types voor GEO

Praktische implementatie

Schema markup wordt toegevoegd als JSON-LD script in de <head> of <body> van je pagina. Hier is een voorbeeld voor een Organization schema:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Jouw Bedrijfsnaam",
  "url": "https://www.jouwwebsite.nl",
  "logo": "https://www.jouwwebsite.nl/logo.png",
  "description": "Korte beschrijving van je bedrijf",
  "foundingDate": "2015",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Voorbeeldstraat 123",
    "addressLocality": "Amsterdam",
    "postalCode": "1234 AB",
    "addressCountry": "NL"
  },
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+31-20-1234567",
    "contactType": "customer service"
  },
  "sameAs": [
    "https://www.linkedin.com/company/jouwbedrijf",
    "https://twitter.com/jouwbedrijf"
  ]
}
</script>

FAQ schema voorbeeld

FAQPage schema is bijzonder waardevol voor GEO omdat het vraag-antwoord paren expliciet markeert – precies het formaat dat AI's gebruiken:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Wat kost jullie dienst?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Onze diensten starten vanaf €500 per maand, 
                afhankelijk van de scope van het project."
      }
    },
    {
      "@type": "Question", 
      "name": "Hoe lang duurt een gemiddeld project?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Een gemiddeld project duurt 6-8 weken van 
                kickoff tot oplevering."
      }
    }
  ]
}
</script>

Semantische HTML structuur

Semantische HTML gebruikt elementen die betekenis dragen, niet alleen styling. Dit helpt AI-systemen de structuur en hiërarchie van je content te begrijpen.

Semantische vs. niet-semantische elementen

Heading hiërarchie

Een correcte heading-structuur is cruciaal. AI gebruikt headings om de structuur en belangrijkheid van content te begrijpen.

H1: Je website AI-klaar maken
  H2: Schema markup implementeren
    H3: Wat is schema markup?
    H3: Prioriteit schema types
  H2: Semantische HTML
    H3: Heading hiërarchie
    H3: Best practices

Andere belangrijke elementen

1. Lijsten correct gebruiken
   Gebruik <ul> voor ongeordende lijsten, <ol> voor genummerde lijsten. AI herkent dit als opsommingen.
2. Tabellen voor data
   Gebruik <table> met <thead> en <tbody> voor gestructureerde data.
3. Blockquotes voor citaten
   <blockquote> voor citaten, met optioneel <cite> voor de bron.
4. Time element voor datums
   <time datetime="2024-01-15"> maakt datums machine-leesbaar.

AI-crawlers en robots.txt

AI-bedrijven gebruiken specifieke crawlers om content te verzamelen. Je robots.txt bepaalt of deze crawlers toegang hebben tot je site. Als je gevonden wilt worden, moet je ze toelaten.

Bekende AI-crawlers

Check je huidige robots.txt

Ga naar jouwwebsite.nl/robots.txt en controleer of er regels zijn die AI-crawlers blokkeren. Zoek naar regels zoals:

# ❌ Dit blokkeert AI-crawlers:
User-agent: GPTBot
Disallow: /

User-agent: Google-Extended
Disallow: /

User-agent: CCBot
Disallow: /

AI-vriendelijke robots.txt

Als je gevonden wilt worden door AI, zorg dan dat je robots.txt deze crawlers toelaat:

# ✅ AI-vriendelijke robots.txt
User-agent: *
Allow: /

# Specifiek AI-crawlers toelaten
User-agent: GPTBot
Allow: /

User-agent: Google-Extended
Allow: /

User-agent: PerplexityBot
Allow: /

User-agent: CCBot
Allow: /

# Blokkeer alleen wat je écht wilt beschermen
Disallow: /admin/
Disallow: /login/
Disallow: /private/

Sitemap: https://www.jouwwebsite.nl/sitemap.xml

Sitemap voor AI

Een XML sitemap helpt crawlers je content te vinden. Zorg dat je sitemap:

• Up-to-date is met al je belangrijke pagina's
• Correcte <lastmod> datums bevat
• Vermeld is in je robots.txt
• Ingediend is in Google Search Console

Performance optimalisatie

Snelheid telt, ook voor AI-crawlers. Crawlers hebben limieten in hoeveel tijd ze aan één site besteden. Een snelle site betekent dat meer content gecrawld en geïndexeerd wordt.

Core Web Vitals

Google's Core Web Vitals zijn ook relevant voor AI-vindbaarheid:

Quick wins voor snelheid

1. Afbeeldingen optimaliseren
   Gebruik WebP formaat, lazy loading, en correcte afmetingen. Dit is vaak de grootste impact.
2. Caching inschakelen
   Browser caching en server-side caching reduceren laadtijd voor herhaalde requests.
3. CSS/JS minificeren
   Verkleinde bestanden laden sneller. De meeste build tools doen dit automatisch.
4. CDN gebruiken
   Een Content Delivery Network serveert content vanaf servers dichter bij de bezoeker (en crawler).
5. Critical CSS inlinen
   CSS voor above-the-fold content in de HTML zelf plaatsen voor snellere eerste render.

Text-to-HTML ratio

AI-crawlers zijn geïnteresseerd in tekst, niet in code. Een hoge text-to-HTML ratio betekent dat meer van je pagina relevante content is:

Complete technische checklist

Gebruik deze checklist om je technische AI-optimalisatie te tracken. Print deze uit of kopieer naar je projectmanagement tool:

Tools om te gebruiken