Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Media Toevoegen aan Berichten | Contentcreatie
Bouw Een Codevrije Website Met WordPress

bookMedia Toevoegen aan Berichten

Media—zoals afbeeldingen en video's—maakt je inhoud dynamischer en aantrekkelijker. In deze les leer je de beste praktijken voor het uploaden van media naar WordPress-berichten, hoe je je bestanden optimaliseert en hoe je alt-tekst en bijschriften gebruikt voor toegankelijkheid en SEO.

Media uploaden en insluiten in WordPress
expand arrow

Media kan aan een bericht worden toegevoegd met behulp van blokken. Hieronder volgt een korte samenvatting van de relevante bloktypen:

  • Gebruik het Afbeelding-blok om foto's te uploaden of te kiezen uit de mediabibliotheek;
  • Gebruik het Video-blok alleen als het absoluut noodzakelijk is om een videobestand naar je server te uploaden (niet aanbevolen);
  • Gebruik het Embed-blok om YouTube-, Vimeo- of andere externe video's in te voegen door simpelweg de videolink te plakken.
Waarom externe videoservices gebruiken?
expand arrow

Het is het beste om externe platforms zoals YouTube of Vimeo te gebruiken om je video's te hosten. Dit komt doordat:

  • Je hostingserver beperkte opslagruimte heeft: video's nemen veel ruimte in beslag;
  • Video's verbruiken veel bandbreedte: elke keer dat iemand een video afspeelt, wordt er data van je hostingpakket gebruikt;
  • Grote bestanden vertragen je site: dit kan een slechte ervaring voor bezoekers opleveren en je SEO schaden.

Door video's van platforms zoals YouTube in te sluiten, laadt je site sneller en gebruik je geen serverbronnen.

Afbeeldingen optimaliseren voor prestaties
expand arrow

Grote afbeeldingen kunnen je website ook vertragen. Om laadtijden te verbeteren:

  • Gebruik het JPEG- of WebP-formaat; deze bieden goede kwaliteit met kleinere bestandsgroottes;
  • Formatteer je afbeeldingen voordat je ze uploadt; vermijd het uploaden van volledige bestanden rechtstreeks van je camera of telefoon;
  • Gebruik compressietools zoals TinyPNG of ImageOptim om de bestandsgrootte te verkleinen.

Het is raadzaam om afbeeldingsbestanden onder de 200–300 KB te houden wanneer mogelijk, omdat dit bijdraagt aan snellere paginalaadtijden, vooral bij tragere internetverbindingen.

Bijschriften en alt-tekst gebruiken
expand arrow

Het toevoegen van alt-tekst (alternatieve tekst) en bijschriften aan je afbeeldingen verbetert zowel de toegankelijkheid als de zoekmachineoptimalisatie (SEO).

Alt-tekst is een geschreven beschrijving van je afbeelding. Dit is belangrijk voor mensen die schermlezers gebruiken—bijvoorbeeld iemand met een visuele beperking. De schermlezer leest de alt-tekst voor zodat zij weten wat er op het scherm staat.

Alt-tekst wordt ook gebruikt door Google en andere zoekmachines om te begrijpen waar je afbeelding over gaat; dit helpt je afbeeldingen te tonen in Google Afbeeldingen, waardoor meer bezoekers naar je website komen.

Bijschriften zijn zichtbaar op de pagina, direct onder de afbeelding; ze helpen om extra uitleg of context te geven aan de afbeelding voor alle gebruikers.

Voorbeeld:
Als je een foto van een salade uploadt voor een blogbericht, kan je alt-tekst zijn:
"Verse groene salade met cherrytomaten en feta". Dit vertelt Google en schermlezers precies wat er op de afbeelding staat.

Wanneer je een afbeelding uploadt in WordPress, kijk dan in het afbeeldingsinstellingenpaneel aan de rechterkant. Je vindt daar velden voor zowel alt-tekst als bijschrift.

Neem even de tijd om deze in te vullen, vooral de alt-tekst. Probeer trefwoorden op te nemen die betrekking hebben op je onderwerp, maar vermijd overmatig gebruik.

Het toevoegen van deze informatie verbetert:

  • Toegankelijkheid voor alle gebruikers;
  • SEO-ranking voor je inhoud;
  • De kans dat je afbeelding verschijnt in Google Afbeeldingen, wat meer verkeer naar je site leidt.
question mark

Wat is de beste praktijk bij het toevoegen van afbeeldingen aan een WordPress-bericht?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookMedia Toevoegen aan Berichten

Media—zoals afbeeldingen en video's—maakt je inhoud dynamischer en aantrekkelijker. In deze les leer je de beste praktijken voor het uploaden van media naar WordPress-berichten, hoe je je bestanden optimaliseert en hoe je alt-tekst en bijschriften gebruikt voor toegankelijkheid en SEO.

Media uploaden en insluiten in WordPress
expand arrow

Media kan aan een bericht worden toegevoegd met behulp van blokken. Hieronder volgt een korte samenvatting van de relevante bloktypen:

  • Gebruik het Afbeelding-blok om foto's te uploaden of te kiezen uit de mediabibliotheek;
  • Gebruik het Video-blok alleen als het absoluut noodzakelijk is om een videobestand naar je server te uploaden (niet aanbevolen);
  • Gebruik het Embed-blok om YouTube-, Vimeo- of andere externe video's in te voegen door simpelweg de videolink te plakken.
Waarom externe videoservices gebruiken?
expand arrow

Het is het beste om externe platforms zoals YouTube of Vimeo te gebruiken om je video's te hosten. Dit komt doordat:

  • Je hostingserver beperkte opslagruimte heeft: video's nemen veel ruimte in beslag;
  • Video's verbruiken veel bandbreedte: elke keer dat iemand een video afspeelt, wordt er data van je hostingpakket gebruikt;
  • Grote bestanden vertragen je site: dit kan een slechte ervaring voor bezoekers opleveren en je SEO schaden.

Door video's van platforms zoals YouTube in te sluiten, laadt je site sneller en gebruik je geen serverbronnen.

Afbeeldingen optimaliseren voor prestaties
expand arrow

Grote afbeeldingen kunnen je website ook vertragen. Om laadtijden te verbeteren:

  • Gebruik het JPEG- of WebP-formaat; deze bieden goede kwaliteit met kleinere bestandsgroottes;
  • Formatteer je afbeeldingen voordat je ze uploadt; vermijd het uploaden van volledige bestanden rechtstreeks van je camera of telefoon;
  • Gebruik compressietools zoals TinyPNG of ImageOptim om de bestandsgrootte te verkleinen.

Het is raadzaam om afbeeldingsbestanden onder de 200–300 KB te houden wanneer mogelijk, omdat dit bijdraagt aan snellere paginalaadtijden, vooral bij tragere internetverbindingen.

Bijschriften en alt-tekst gebruiken
expand arrow

Het toevoegen van alt-tekst (alternatieve tekst) en bijschriften aan je afbeeldingen verbetert zowel de toegankelijkheid als de zoekmachineoptimalisatie (SEO).

Alt-tekst is een geschreven beschrijving van je afbeelding. Dit is belangrijk voor mensen die schermlezers gebruiken—bijvoorbeeld iemand met een visuele beperking. De schermlezer leest de alt-tekst voor zodat zij weten wat er op het scherm staat.

Alt-tekst wordt ook gebruikt door Google en andere zoekmachines om te begrijpen waar je afbeelding over gaat; dit helpt je afbeeldingen te tonen in Google Afbeeldingen, waardoor meer bezoekers naar je website komen.

Bijschriften zijn zichtbaar op de pagina, direct onder de afbeelding; ze helpen om extra uitleg of context te geven aan de afbeelding voor alle gebruikers.

Voorbeeld:
Als je een foto van een salade uploadt voor een blogbericht, kan je alt-tekst zijn:
"Verse groene salade met cherrytomaten en feta". Dit vertelt Google en schermlezers precies wat er op de afbeelding staat.

Wanneer je een afbeelding uploadt in WordPress, kijk dan in het afbeeldingsinstellingenpaneel aan de rechterkant. Je vindt daar velden voor zowel alt-tekst als bijschrift.

Neem even de tijd om deze in te vullen, vooral de alt-tekst. Probeer trefwoorden op te nemen die betrekking hebben op je onderwerp, maar vermijd overmatig gebruik.

Het toevoegen van deze informatie verbetert:

  • Toegankelijkheid voor alle gebruikers;
  • SEO-ranking voor je inhoud;
  • De kans dat je afbeelding verschijnt in Google Afbeeldingen, wat meer verkeer naar je site leidt.
question mark

Wat is de beste praktijk bij het toevoegen van afbeeldingen aan een WordPress-bericht?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2
some-alt