Optimalisatie:
A11y, SEO, AEO & performance

CONTENT MANAGEMENT

Een geoptimaliseerde website is...

👵 Gebruiksvriendelijk
     Bezoekers vinden makkelijk wat ze zoeken

🔎 Vindbaar
     Zoekmachines begrijpen je content

🧠 Begrijpelijk
     Antwoordmachines kunnen je informatie interpreteren

⚡️ Snel
     Content laadt vlot op elk toestel

A11y

Accessibility / Toegankelijkheid

Iedereen moet je website kunnen gebruiken en begrijpen, ongeacht beperking, toestel of manier van navigeren.

Herhaling

5 basisprincipes

  1. 📄 Structuur: Gebruik correcte headings
  2. 👓 Leesbaarheid: Duidelijke contrasten & typografie
    Mooie branding ≠ automatisch toegankelijk
  3. 🖱️ Bediening: Denk aan toetsenbord & duidelijke interacties (states)
  4. 📷 Media: Voeg goede alt-teksten toe
  5. 📚 Content: duidelijke taal & links

A11y in WordPress

De basisinstellingen kan je zonder plugins goedzetten:

  • Alt-tekst: via mediabibliotheek
  • Headingvolgorde: in Gutenberg editor
  • Links: Tekstlabel én URL dubbelchecken
    Niet: "Klik hier" of "Lees meer"
  • Semantische elementen: List Block, Button Block, Table Block,...

A11y plugins

Er zijn verschillende plugins die je kunnen helpen fouten te vinden. Ze helpen om:

  • Pagina's automatisch te scannen on runtime
  • Waarschuwingen te geven tijdens editen
  • Extra features toe te voegen, zoals skip-buttons

👀

Demo time

A11y-plugin installeren op receptenwebsite

🔗 Accessibility Tool Kit plugin

 

  • Scanner
  • Issue fixes
  • Front-end widget
  • A11y statement

SEO

Search Engine Optimization

Zoekmachines (zoals Google) analyseren je pagina:

  • Waarover gaat deze pagina?
  • Voor welke zoekopdracht is ze relevant?
  • Is de content duidelijk en nuttig?
  • Hoe is de informatie gestructureerd?

De basis van SEO

= de basis van goeie HTML & a11y

  • Relevante content (Content is king 👑)
  • Duidelijke paginatitel
  • Logische headingvolgorde
  • Goed geschreven tekst
  • Beschrijvende links
  • Goede afbeeldingen
  • Interne links & backlinks
  • Duidelijke URL's

Meer advanced SEO

= Technische & inhoudelijke optimalisaties die zoekmachines helpen je website beter te vinden, begrijpen en indexeren.

  • Meta title: de paginatitel die verschijnt in zoekresultaten
  • Meta description: korte omschrijving van je pagina in zoekresultaten

Meer advanced SEO

  • Structured data: extra informatie over je content voor zoekmachines (bv. recept, review, event).
    Dit is JSON-code die niet zichtbaar is in front-end.
{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "name": "Pasta Carbonara",
  "prepTime": "PT10M",
  "cookTime": "PT15M",
  "recipeCategory": "Pasta"
}

Meer advanced SEO

  • XML-sitemap: overzicht van belangrijke pagina's voor zoekmachines
  • Robots.txt: aangeven welke delen zoekmachines wel/niet mogen crawlen

Meer advanced SEO

  • Redirects: bezoekers en zoekmachines doorsturen van een oude naar een nieuwe URL

Vb: Je deelt een recept met een typfout in de slug. Je past de typfout later aan in WordPress, maar de oude URL in je Facebook-post zal nu een 404 geven.

👉 Oplossing: stuur gebruikers door naar de nieuwe URL via een redirect.

👸

Meer advanced SEO

  • Backlinks: links van andere relevante websites naar jouw website
  • Interne linkstructuur: belangrijke pagina's onderling logisch verbinden
  • Core Web Vitals & performance: snelle, stabiele en gebruiksvriendelijke pagina's
  • Mobile-friendly: goede ervaring op smartphones en tablets

SEO in WordPress

  • Headings, alt-teksten, semantiek: Gutenberg
  • Site title & tagline: Settings → General
  • Categories & tags: logisch benoemen en gebruiken
  • XML sitemap: Wordt automatisch aangemaakt
  • Relevante content schrijven/updaten

👉 Extra SEO settings zijn vaak afhankelijk van thema, of mogelijk via...

✨ SEO plugins ✨

Er zijn verschillende plugins die je kunnen helpen om SEO-instellingen nog beter te beheren:

  • SEO title & meta descriptions schrijven/verbeteren
  • Sitemap & robots.txt genereren
  • Content analyse en suggesties
  • Redirecten van pagina's
  • ...

👀

Demo time

SEO-plugin installeren

🔗 Yoast Premium plugin

 

  • AI-generated meta descriptions
  • Content feedback: structuur, tone-of-voice & keywords
  • Automatic redirects
  • Search & social previews

AEO

Answer Engine Optimization

Content zo structureren dat zoekmachines, AI en antwoordmachines de informatie makkelijk kunnen begrijpen en gebruiken. → Overlapt sterk met SEO

AEO enhancements

  • Maak informatie concreet, goed gestructureerd en makkelijk scanbaar.
  • Vermijd vage marketingtaal

❌ Vaag

Ontdek onze fantastische pasta's en geniet van een unieke culinaire ervaring!

✅ Beter

Onze pasta's zijn vers bereid en worden dagelijks geserveerd van 11u tot 22u.
Prijs: vanaf €14,50.
Locatie: Gent centrum.

Structuur helpt

Gebruik waar relevant:

  • Headings
  • Korte paragrafen
  • Lijsten
  • Tabellen
  • FAQ's
  • Duidelijke vragen & antwoord

👉 Semantische HTML & a11y blijven een belangrijke basis

Vaag

"Een heerlijke pasta voor een gezellige avond."

AEO enhancements
Voorbeeld

Duidelijker

Spaghetti carbonara
Voor 4 personen · 30 min bereidingstijd · Italiaanse keuken

Nog duidelijker

Titel: Spaghetti carbonara
Personen: 4
Bereidingstijd: 30 min
Keuken: Italiaans

👀

Demo time

SEO-plugin: llm.txt genereren

🔗 Yoast Premium plugin

Performance

Performance

= hoe snel en efficiënt je website laadt

⚡ Snelle laadtijd = betere gebruikservaring
📱 Belangrijk op mobiele toestellen
🖼️ Afbeeldingen zijn vaak een grote boosdoener
🔌 Te veel plugins/scripts kunnen je website vertragen

 

Doel: zo weinig mogelijk laden, zo snel mogelijk tonen.

  • Comprimeer afbeeldingen op voorhand
  • Gebruik bestandsformaten zoals WebP & avif
  • Kies de juiste afmetingen: upload geen afbeelding van 2000px breed als die maar 20px breed getoond wordt

Performance in WordPress
Afbeeldingen

💡

Compress je afbeeldingen om de bestandsgrootte te verkleinen

Download imageOptim voor Mac of Pinga GUI voor Windows

💡

Gebruik een online converter om afbeeldingen naar WebP om te zetten.

  • Gebruik enkel plugins die je nodig hebt
  • Verwijder ongebruikte plugins
  • Vermijd meerdere plugins die hetzelfde doen

Performance in WordPress
Plugins

Ga zelf op onderzoek uit en installeer betrouwbare plugins om je site nog sneller te maken. Denk o.a. aan:

  • Afbeeldingen automatisch laten optimaliseren
  • Page caching
  • Browser caching
  • CSS/JS optimaliseren of verkleinen
  • ...

Performance in WordPress
Performance plugins

Excelleren

Oefening

The Coffee Hub

Maak een nieuwe, kleine WordPress website in LocalWP. Pas enhancements toe op vlak van:

  • A11y
  • SEO & AEO
  • Performance

Volledige briefing op Canvas