Een afbeelding wijzigen in de Divi builder is relatief makkelijk. Toch is het handig, ook voor SEO, om nog even op enkele aspecten te letten.

1 // OPEN

Open de Afbeeldingsmodule met het hamburger-icoontjes (de 3 streepjes)

afbeelding_divi_builder

 

 

2 // LAAD EEN NIEUWE FOTO

Klik op de ‘Laad een foto’ button

foto_divi_bouwer

Wil je een foto van je computer uploaden? Klik dan op ‘Bestanden uploaden‘. Als je ze al in je Mediabibliotheek hebt staan, kun je ze daaruit halen (dan houd je je server een beetje schoon).

afbeelding_Divi_module

Klik op de button ‘Afbeelding uploaden’ of Sleep een afbeelding hiernaartoe.
Zorg er wel voor, ivm SEO, dat je de bestandsnaam al keywords hebt meegegeven op je computer.

afbeelding_uploaden_divi

Vervolgens klik je de foto aan uit de Mediabibliotheek of de Foto die je net hebt geupload (dan is die meestal automatisch aangevinkt) – zie eerste pijl hieronder.
Dan verschijnen rechts de ‘Bijlagedetails’.
Let op dat je:

  • afbeelding niet groter is dan 500kb
  • de afmeting niet breder is dan 1200-1920px vooral als je niet het hele beeldscherm wilt gebruiken
  • pas eventueel de titel aan
  • vul ook de alternatieve text in, dit is goed voor SEO
    TIP: KOPIEER DEZE ALT TEXT HIER WANT HIJ KOMT NOG TERUG
  • Klik vervolgens opStel afbeelding in’

divi_bouwer_pagebuilder_afbeeldingsmodule

3 // SCROLL NAAR ONDER VOOR MEER TOEPASSING

Zoals nogmaals de Alternatieve text en de Titel, vul deze hier voor de zekerheid nogmaals in. Dit is vooral handig als je de Yoast SEO tool gebruikt omdat je dan zeker weet dat de Alt-text in deze tool wordt meegenomen.

afbeelding_foto_divi

Na verder doorscrollen kun je de afbeelding ook een link meegeven. Dus linken naar een interne pagina of extern.
Bij een externe pagina, kun je het beste de URL in en nieuw venster openen (zie pijl 2 hieronder)

Standaard animeert je plaatje met de Afbeeldingsmodule als je dit niet voor allemaal uitstelt via de ‘Module instellingen’.
Dit kun je hier ook uitzetten, kies voor ‘Geen animatie’.
divi_foto_toevoegen_module_animatie_link

Er komt automatisch witruimte onder de afbeelding, dit kun je weglaten door dit op ‘Ja’ te zetten bij ‘Verwijder de ruimte onder de afbeelding’.
De Beelduitlijning kun je hier ook nog aanpassen en nog de mogelijkheid om de afbeelding bijv. niet op de Telefoon of Tablet te tonen.

4 // KLIK OP OPSLAAN EN VERLATEN

5 // KLIK OP BIJWERKEN

afbeelding_divi_bijwerken

 

 

 

 

 

 

SEO stappenplan voor jouw site

seo

Hi, ik ben Marjet,

Ik help je aan een wachtlijst aan ideale klanten voor je 1:1 sessies.

Maak je content zo sterk en persoonlijk dat mensen graag contact met je opnemen.

Download dit content framework