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
- 📄 Structuur: Gebruik correcte headings
- 👓 Leesbaarheid: Duidelijke contrasten & typografie
Mooie branding ≠ automatisch toegankelijk - 🖱️ Bediening: Denk aan toetsenbord & duidelijke interacties (states)
- 📷 Media: Voeg goede alt-teksten toe
- 📚 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
- 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
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
7. A11y, SEO, AEO
By Lecturer GDM
