Wat is een broncode en waarvoor gebruik je deze code?

Een website ziet er over het algemeen bij iedereen hetzelfde uit. Je hebt een titel met een afbeelding en wat tekst. Maar wat zorgt er nu voor dat we allemaal dezelfde website te zien krijgen? Het antwoord vind je in de broncode: een belangrijke bron die jouw websitebrowser laat zien hoe een pagina eruit moet komen te zien.

Wat is een broncode?

Een broncode is het fundament van een webpagina. Zie het als een soort vertaalmachine die jouw browser kan gebruiken om de website in de juiste layout te laden. Een broncode, ook wel source code genoemd, bestaat uit o.a. HTML-codes. 

Programmeurs en websitebouwers ontwikkelen deze code, maar gebruiken ook deze code om bijvoorbeeld fouten makkelijk te achterhalen.

Voorbeeld weergave broncode

Waar wordt een broncode voor gebruikt?

Broncodes geven duidelijk aan hoe een pagina is opgebouwd en welke informatie je terug kan vinden. Hieronder bespreek ik een paar punten waarvoor de source code wordt gebruikt.

Positionering Google

Iedereen wilt natuurlijk hoog scoren in de zoekmachines. Je vergroot daarmee de kans op meer bezoekers en daardoor dus ook op meer conversie.

Als je actief met de SEO van je website bezig bent, dan ben je vast wel bekend met de term “meta”. Je kan bijvoorbeeld een meta-titel en meta-beschrijving voor een pagina vermelden. Google gebruikt deze titel en beschrijving voor de weergave op de zoekmachine.

Daarvoor leest Google de broncode af en zoekt naar de tag “meta”. Hieruit haalt Google gegevens die gebruikt worden om een website te ranken. Zonder een meta-tag ontbreekt er structuur en kan de pagina moeilijker afgelezen worden. Het gevolg kan een lagere ranking zijn.

metatags broncode
Google zoekt in de broncode naar metatags om makkelijk en snel te ontdekken wat de inhoud van jouw webpagina is

Opmaak van de website

Een broncode laat zien uit welke elementen een website bestaat. A.d.h.v. HTML-, CSS- en javascript- codes kun je terugzien hoe een website precies is opgebouwd.

HTML-codes: HTML laat het fundament van de website zien. Dus dat de pagina bijvoorbeeld begint met een titel en dan tekst.

CSS-codes: CSS bepaalt de lay-out van de website. Zo wordt er bepaald hoe groot een lettertype moet zijn en in welke kleur dit getoond moet worden.

Javascript: Deze script (stukje code) voeg je toe aan je website voor interactieve dynamiek. Denk bijvoorbeeld aan bewegingseffecten.

opmaak broncode

Hoe vind ik de broncode van een website?

Je kunt op verschillende manieren de broncode van een website vinden, afhankelijk van het besturingssysteem dat je gebruikt en de browser.

Voor Windows gebruik je de volgende sneltoetsen op een pagina: ctrl + U

De broncode op een Mac Os X kan je openen met de volgende sneltoetsen: cmd+alt+U

Daarnaast kun je ook de rechtermuisknop gebruiken om de broncode te openen.

paginabron weergeven
Je opent de paginabron o.a. met de rechtermuisknop

Closed source vs. open source

Je kunt je voorstellen dat de broncode gevoelige informatie bevat. In sommige situaties wil je bijvoorbeeld niet dat iemand zomaar jouw opmaak of techniek kan stelen. Om deze reden is de broncode van sommige websites afgeschermd met extra codes. Hierdoor kun je niet volledig zien hoe een website is opgebouwd.

Je maakt daarom een onderscheid tussen open en closed source. Open source zijn broncodes van een CMS die voor iedereen toegankelijk zijn en bijgewerkt mogen worden. Een closed source biedt deze optie niet. Voor meer informatie hierover raad ik aan het begrip CMS door te nemen.

Conclusie

Een broncode is een vertaling die jouw browser gebruikt om de website in de juiste layout te laden. Deze codes geven een goed beeld hoe jouw webite is opgebouwd. Daarnaast wordt deze source code gelezen om belangrijke informatie eruit te halen. Zo kijkt Google naar de structuur van je website en of je metatags hebt toegevoegd aan de pagina.

Inhoudsopgave
    Add a header to begin generating the table of contents
    DOWNLOAD GRATIS CHECKLIST​

    Checklist: Meer Resultaat uit je Website!

    De afgelopen jaren hebben we (Maarten en Vanessa) meer dan 700 websites geanalyseerdHierdoor weten we nu precies wat werkt (en absoluut niet werkt).

    Laat een reactie achter

    Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

    Download de gratis Checklist

    Meer Resultaat uit je Website

    Nu geen tijd om te lezen?👇

    Ontvang dit artikel in je mailbox (voor later)

    Je ontvangt enkel één email met een reminder van dit artikel. 

    SYS Platform draait op SYS PlatformSYS Platform - Websites voor coaches