Body

Ook wel body-tag

Wat betekent body?

De body (ook wel body-tag) is in HTML het deel met de zichtbare inhoud van een webpagina. Alles wat een bezoeker ziet, zoals tekst, afbeeldingen, knoppen en formulieren, staat tussen de openingstag en de sluittag van de body.

VoorbeeldEen installateur wil een offerteformulier en een chatknop op zijn site. Het formulier komt in de body, net als de code van de chatwidget, die vaak vlak voor de sluittag van de body staat.
Waarom het ertoe doetIn de body staat alles waar bezoekers op reageren en wat Google als inhoud leest. Een rommelige of trage body kost je klanten en vindbaarheid.
Zo begin jeKlik met de rechtermuisknop op je homepage en kies 'Paginabron weergeven'. Zoek naar de body-tag en kijk welke inhoud en scripts daar staan. Onbekende scripts kun je laten nakijken.

Veelgestelde vragen over body

Hoe voeg ik code toe aan de body in WordPress?

Dat doe je het makkelijkst met de plugin WPCode (voorheen Insert Headers and Footers). Zo hoef je niet in je themabestanden te werken, want die worden bij een thema-update overschreven.

  • Installeer en activeer WPCode.
  • Ga naar Code Snippets en kies Header & Footer.
  • Plak je code in het vak Body. Die komt dan direct na de openingstag van de body.
  • Sla op en controleer via rechtermuisklik en Paginabron weergeven of de code er echt staat.
Moet de Google Tag Manager-code in de head of body?

In allebei. Google Tag Manager geeft je twee stukjes code. Het script hoort zo hoog mogelijk in de head. Het noscript-deel plaats je direct na de openingstag van de body. Dat tweede stuk is een reserve voor bezoekers bij wie JavaScript uitstaat.

Een veelgemaakte fout is dat alleen het eerste stuk wordt geplaatst, of dat beide in de head belanden. Wil je dit niet handmatig doen, dan kan Site Kit by Google Tag Manager voor je koppelen en de code op de juiste plek zetten.

Is verborgen tekst in de body slecht voor SEO?

Dat hangt af van de bedoeling. Tekst die je verstopt om Google te misleiden, bijvoorbeeld witte tekst op een witte achtergrond vol zoekwoorden, ziet Google als spam. Dat kan je posities kosten.

Tekst die je om gebruiksgemak tijdelijk inklapt, zoals in tabbladen of uitklapbare vragen, is wel prima. Die tekst staat gewoon in de body en is er voor de bezoeker. Vuistregel: alles wat in de body staat, moet een bezoeker ook kunnen lezen als hij erop klikt of ernaartoe scrolt.

Wat als mijn pagina kapot is na het aanpassen van de body?

Vaak komt dat door een tag die niet goed is afgesloten of door code die op de verkeerde plek staat. Zo los je het op:

  • Verwijder de code die je als laatste hebt toegevoegd, bijvoorbeeld in WPCode.
  • Leeg de cache van je website en je browser.
  • Kom je niet meer in je dashboard, schakel dan via FTP of je hostingpaneel de plugin of het thema uit.
  • Lukt dat niet, zet dan een back-up terug, bijvoorbeeld met UpdraftPlus.

Maak voortaan altijd eerst een back-up voordat je code aanpast.

Wordt mijn site sneller als scripts onderaan de body staan?

Vaak wel. Een browser leest de pagina van boven naar beneden. Staat een zwaar script bovenaan, dan wacht de browser daarop voordat hij de rest toont. Onderaan de body zien bezoekers de inhoud eerder.

Je hoeft scripts niet zelf te verplaatsen. Plugins als WP Rocket of LiteSpeed Cache kunnen JavaScript uitstellen, zodat het pas laadt als de pagina al zichtbaar is. Test daarna wel of formulieren, sliders en je cookiebanner nog goed werken, want niet elk script kan zonder problemen later laden.

Meer lezen in de officiële documentatieBody-element in HTML-standaard (WHATWG)html.spec.whatwg.org
Wil je een website die goed in elkaar zit?Bekijk hoe we websites bouwen →
Persoonlijk advies

Liever even sparren over je marketing?

Plan een kennismakingsgesprek. We kijken samen naar je situatie en wat de beste volgende stap is.

Plan een kennismaking →