Webontwikkeling en websitebeheer - Een compleet overzicht

16.12.2021
door Meike Müller
Webentwicklung
Banner

Vraag je je af hoe een website moet worden opgezet zodat je bezoekers blijven en converteren naar kopers? Dan ben je hier aan het juiste adres. We hebben een overzicht samengesteld van alle onderdelen van websitebeheer die je zullen helpen om je website correct op te zetten en te analyseren. Als je ook hulp nodig hebt bij webontwikkeling - neem dan gerust contact met ons op!

Leestijd 9 min

U kunt onze poster hieronder ook downloaden:

Icon Downloadbutton

Website overzicht poster

Een overzicht van de verschillende website-elementen

Een website bestaat uit veel verschillende disciplines die allemaal samenwerken om ervoor te zorgen dat bezoekers op de site blijven en er interactie mee hebben. Bij het maken, onderhouden en analyseren van een website moet daarom rekening worden gehouden met de volgende onderwerpen:

  1. Structuur en organisatie
    1. Hoe bouw je een website?
    2. Wat is UX-ontwerp?
    3. Wat is UI-ontwerp?
  2. Zoekmachine optimalisatie
    1. Wat heb ik nodig voor SEO?
    2. Factoren voor on-page optimalisatie
    3. Factoren voor off-page optimalisatie
    4. SEO-tools
  3. Inhoud
    1. Doelgroepspecifieke content creëren
    2. Contentbeheersystemen (CMS)
      1. Hosting
      2. Soorten
      3. Modellen
      4. Tools
  4. Wettelijke vereisten en IT-beveiliging
  5. Snelheid
    1. Hoe uw prestaties optimaliseren
    2. Prestatiehulpmiddelen
  6. volgen
    1. Uw prestaties meten
    2. Tools voor tracering

Structuur en organisatie van een website

Als eerste onderdeel van ons overzicht geven we u tips over hoe u uw website structuur kunt geven. Dit is erg belangrijk om uw gebruikers een optimale ervaring te bieden.

Hoe bouw je een website op?

De basisstructuur bestaat uit een header, een body en een footer. Daarnaast zijn elementen zoals informatie over het bedrijf, productcategorieën en contactmogelijkheden verplichte onderdelen van elke website.

Om de gebruiker op de pagina te houden, is het essentieel om een rode draad te volgen. U kunt hiervoor zorgen door de formulering en structuur van elke subpagina consistent te houden. Om gebruikers te helpen hun weg te vinden, is het belangrijk om een duidelijke navigatie te bieden waarmee gebruikers belangrijke inhoud met maximaal twee klikken kunnen bereiken en andere inhoud met maximaal vier klikken.

De bedoeling van elke website is om de gebruiker aan te zetten tot een actie, oftewel een conversie. Een conversie kan bijvoorbeeld een aankoop, een abonnement op een nieuwsbrief of het indienen van een sollicitatie zijn. Om gemakkelijker vindbaar te zijn voor de gebruiker, moet de structuur voldoen aan de gebruikelijke SEO-eisen. Maar hierover meer in het hoofdstuk SEO.

Wat is UX-ontwerp?

UX (user experience) design zorgt voor een ideale klantreis op je website. Hierbij worden doelgroepen geanalyseerd en gebruikersproblemen geïdentificeerd die moeten worden begrepen en opgelost.

In het algemeen is het belangrijk om de "mobile first"-benadering te volgen, aangezien het mobiele gebruik voortdurend toeneemt in de loop van de digitalisering. Een ander element dat bijdraagt aan een positief klanttraject zijn broodkruimels. Deze navigatiebalk laat de gebruiker zien welk pad hij heeft gevolgd op de website en zorgt dus voor oriëntatie. In het algemeen moet ervoor worden gezorgd dat de gebruiker met zo min mogelijk afleiding (onnodige links en teksten) door de funnel wordt geleid.

Belangrijke elementen voor het genereren van leads (d.w.z. relevante gebruikers die een actie ondernemen) en conversies zijn formulieren, nieuwsbriefregistraties, chat(bots) en downloadlinks. In online shops moet het winkelmandje ook worden geoptimaliseerd, bijvoorbeeld door verschillende betaalmethoden aan te bieden.

We raden aan om de geplande optimalisaties in de eerste stap uit te werken als een schermontwerp en deze te verfijnen met behulp van diepte-interviews, eyetracking en brede enquêtes. In de tweede stap kunnen de optimalisaties vervolgens worden getest op de website in de vorm van bijvoorbeeld A/B-tests om de best mogelijke gebruikerservaring te garanderen.

Vorschau YouTube Video von UX Design

Wat is UI-ontwerp?

UI-design (user interaction design) volgt op UX-design en richt zich op de visuele realisatie van de gebruikerservaring. In dit specialisme worden alle elementen waarmee de gebruiker interageert in de applicatie of website geanalyseerd en geoptimaliseerd. Voorbeelden hiervan zijn pictogrammen, knoppen, spatiëring, afbeeldingen, tekst en vormgeving in kaders.

Bij UI-ontwerp moet je ook testen uitvoeren in de verschillende ontwikkelingsfasen om zo dicht mogelijk bij de behoeften van de gebruiker te blijven.

Zoekmachineoptimalisatie (SEO)

Om de zichtbaarheid in zoekopdrachten via bijvoorbeeld Google te vergroten, raden we aan om je website dienovereenkomstig te optimaliseren. Deze specialisatie wordt SEO (Search Engine Optimisation) genoemd en heeft als doel om de positie in zoekmachines op de lange termijn te verbeteren.
SEO kan worden onderverdeeld in drie gebieden: interne voorbereidingen, on-page optimalisatie en off-page optimalisatie.

Wat heb ik nodig voor SEO?

De eerste stap is om te bepalen over welke onderwerpen uw website gaat of zou moeten gaan. Vervolgens kunt u beginnen met uw zoekwoordenonderzoek met behulp van tools zoals Sistrix, Google Ads of Xovi. Zorg ervoor dat u bij het onderzoek onderscheid maakt tussen informele, transactionele en navigatie zoekwoorden. Denk ook na over de paginastructuur van je website en bepaal welke onderwerpen op welke pagina aan bod moeten komen. Zodra het zoekwoordenonderzoek is afgerond, is de volgende stap het creëren van de juiste inhoud.

Factoren voor on-page optimalisatie

Alle SEO optimalisaties die direct op de website kunnen worden uitgevoerd, worden on-page factoren genoemd. Deze factoren helpen de Google-crawler om te begrijpen waar de inhoud over gaat en om te kunnen beoordelen of deze relevant is voor de zoeker.

Om hiervoor te zorgen, moet de inhoud dienovereenkomstig worden gelabeld. Koppen moeten worden gestructureerd volgens H1 tot H6, afbeeldingsbeschrijvingen moeten worden gelabeld met trefwoorden en worden geüpload in de juiste afbeeldingsgrootte. URL's moeten ook worden geoptimaliseerd. Hier is het belangrijk om ze zo kort en betekenisvol mogelijk te houden. U kunt ook relevante trefwoorden toevoegen aan de titel-, meta- en header-tags. Dit is informatie over uw website die wordt weergegeven in de zoekmachinevermelding.

Grafik Suchmaschine OnPage Optimierung

Zoekmachines zoals Google beoordelen de relevantie voor de gebruiker ook aan de hand van de gebruiksvriendelijkheid van de website. Om de gebruiker aan te moedigen door te klikken op de pagina, moet deze intern goed gelinkt zijn. Externe links naar partners, klanten of YouTube-content moeten ook worden geïntegreerd.

EXWE Webseite Ansicht Blog

In het algemeen moet de website veel interactie-elementen bevatten, omdat deze duiden op een geïnteresseerde gebruiker. Naast deze elementen wordt ook de laadtijd geëvalueerd door bijvoorbeeld Google.

Zorg ervoor dat u relevante zoekwoorden in uw inhoud opneemt en werk deze regelmatig bij. Toch moet je oppassen dat je niet te veel zoekwoorden gebruikt, omdat Google dit categoriseert als keyword stuffing en het daarom negatief beoordeelt.

EXWE Webseite Ansicht Keywords

Factoren voor off-page optimalisatie

Naast optimalisatie op de website zelf, zijn er ook externe factoren die bijdragen aan een goede ranking. Hieronder vallen zogenaamde backlinks. Dit zijn links van relevante externe sites (zoals blogs of nieuwssites) die naar je eigen website verwijzen. Het algoritme van de zoekmachine waardeert een hoog aantal backlinks positief, omdat dit betekent dat de pagina relevant is voor gebruikers. Backlinks moeten echter regelmatig worden gecontroleerd op hun functionaliteit met behulp van tools zoals Searchmetrics, omdat gebroken links weer negatief worden beoordeeld.

Om backlinks te genereren, kunnen ook gastberichten worden gepubliceerd op relevante blogs of op discussieforums. Het plaatsen van bedrijfsinformatie in lokale lijsten zoals Google my Business, Bingplaces of Go Yellow helpt ook om autoriteit te krijgen en zo te stijgen in de zoekmachine rankings.

SEO-hulpmiddelen

We hebben de meest gebruikte SEO tools hieronder opgesomd:

Inhoud van de website

Een andere belangrijke factor voor een ideale website is het creëren van relevante content.

Maak doelgroepspecifieke content

Naast relevante zoekwoorden voor SEO raden we aan om de content aan te passen aan je verschillende doelgroepen. Om dit te doen, kunnen klantpersona's en de respectievelijke customer journeys worden ontwikkeld door middel van onderzoek, die als basis dienen voor het creëren van content. Over het algemeen is het belangrijk om een goede mix van foto's, teksten, afbeeldingen en video's te gebruiken. Welke content en welke contentformaten in welke fase van de sales funnel moeten worden gebruikt, hangt af van de betreffende customer persona. Denk er ook aan om de tonaliteit van de content consistent te houden. Daarnaast kun je je authenticiteit bij gebruikers vergroten door foto- en videocontent te personaliseren en stockfoto's zoveel mogelijk te vermijden. Tot slot moet je overwegen om je content in verschillende talen aan te bieden om internationale doelgroepen aan te spreken.

Vorschau YouTube Video von einer Customer Journey Map

Contentbeheersystemen (CMS)

We raden aan om een content management systeem (CMS) te koppelen aan de front-end, zodat je de content die je hebt gemaakt kunt bijwerken zonder tussenkomst van bureaus of IT-dienstverleners. Contentmanagementsystemen worden gebruikt voor webcontentbeheer, bloggen of nieuwsportalen, maar ook voor social publishing en communitybeheer. Afhankelijk van de behoeften van je bedrijf heb je de keuze tussen verschillende hostings, CMS types en modellen en, dienovereenkomstig, verschillende tools.

CMS Hosting

CMS types

CMS modellen

  • We hebben de meest voorkomende CMS-systemen hier opgesomd:

    Wettelijke vereisten en IT-beveiliging

    Sinds 2018 is de bijgewerkte General Data Protection Regulation (GDPR) van kracht, die ook invloed heeft op je website. De wet vereist de integratie van een privacybeleid en een impressum. Daarnaast is elke websitebeheerder verplicht om cookiebanners te integreren. Deze moeten aan het begin van het bezoek verschijnen en de gebruiker de mogelijkheid bieden om te beslissen over het gebruik van zijn eigen gegevens.

    Naast de wettelijke aspecten op de website zijn er ook bepalingen die op de achtergrond in acht moeten worden genomen. Er moeten bijvoorbeeld processen voor het wissen van gegevens worden ontwikkeld en geïmplementeerd. Het is ook belangrijk om de opslag en verwerking van persoonlijke gegevens te documenteren, aangezien elke gebruiker recht heeft op toegang.

    IT-beveiliging speelt ook een belangrijke rol bij het beschermen van je website en gegevens tegen mogelijke aanvallen van hackers. Sla daarom een SSL-certificaat op om een HTTPS-verbinding mogelijk te maken. Naast encryptie raden we je ook aan om up-to-date software en hardware te gebruiken, omdat deze voldoen aan de nieuwste beveiligingsstandaarden.

    Vorschau YouTube Video über Datenschutz auf der Webseite

    Snelheid van de website

    Om ervoor te zorgen dat gebruikers op de website blijven, is een snelle laadtijd van groot belang. We raden de volgende punten aan om de snelheid te verhogen.

    Hoe uw prestaties optimaliseren

    Om ervoor te zorgen dat gebruikers op de website blijven, is een snelle laadtijd van groot belang. We raden je aan de volgende punten in overweging te nemen:

    Ten eerste raden we je aan om je webserver over te schakelen op het HTTP/2-protocol. Dit is een eenvoudige en zeer effectieve methode om de laadtijd van je website te optimaliseren. Net als bij UX-design is het ook belangrijk om rekening te houden met het "mobile-first" concept als het gaat om prestaties. De achtergrond hiervan is de sterke toename van website-toegang via mobiele apparaten.

    Het is ook belangrijk om de afzonderlijke elementen in de juiste volgorde te laden. Alle elementen in de "boven de vouw" (inhoud die op het eerste gezicht zichtbaar is zonder te hoeven scrollen) moeten bijvoorbeeld eerst worden geladen, terwijl scripts moeten worden gecombineerd en aan het einde moeten worden geladen.

    EXWE Webseite Above the Fold

    Het zijn echter niet alleen de "Above the Fold"-elementen zelf die belangrijk zijn, maar ook de optimalisatie van de FCP (First Contentful Paint). Dit wordt gedefinieerd als de tijd tussen het moment waarop de URL's voor het eerst worden geladen en de tijd totdat de "Above the Fold"-elementen worden weergegeven.

    In het algemeen raden we ook aan om aandacht te besteden aan de grootte van bijvoorbeeld afbeeldingen, tekst en scripts om een snelle laadtijd te garanderen. Het is ook mogelijk om websitegegevens uit te besteden aan een CDN (Content Delivery Network). Hierbij wordt content opgeslagen op externe servers, waardoor de laadtijd wordt verkort. Videocontent kan ook worden geïntegreerd op sociale mediaplatforms zoals YouTube of Vimeo en bijvoorbeeld worden geïntegreerd in de eigen website.

    Om ervoor te zorgen dat terugkerende elementen niet opnieuw hoeven te worden geladen, raden we aan om als laatste punt ook caching te optimaliseren.

    Prestatiehulpmiddelen

    Hieronder vindt u de meest gebruikte hulpmiddelen voor websiteprestaties.

    Website volgen

    Om erachter te komen hoe goed een website presteert voor gebruikers, is het belangrijk om deze regelmatig te meten (tracking), te analyseren, conclusies te trekken en de website dienovereenkomstig te optimaliseren.

    De prestaties van uw website meten

    Om tracking gemakkelijker voor je te maken, raden we je aan een dashboard te maken dat je kunt gebruiken om regelmatig te analyseren hoe je website presteert.


    Hieronder hebben we de belangrijkste statistieken opgesomd:

    Snelheid

    De laadtijd van de website moet regelmatig worden bijgehouden en indien nodig moeten er maatregelen worden genomen om deze te optimaliseren.

    Gebruikers

    Om het verkeer op uw website in de gaten te houden, moet u regelmatig de bezoekersstroom naar uw website bijhouden. Idealiter zou dit aantal gestaag moeten toenemen door relevante promotiemaatregelen, want meer verkeer betekent in het beste geval ook meer leads en conversies.

    Verblijfstijd

    Een ander belangrijk cijfer dat moet worden bijgehouden is de gemiddelde tijd (Time Spent on Website) die een gebruiker doorbrengt op de hele site of op de respectieve subpagina's. Dit cijfer kan een indicatie zijn van de tijd die een gebruiker doorbrengt op uw website. Deze metriek kan een indicatie zijn van hoe interessant de pagina is voor de gebruiker. Een zeer korte verblijftijd geeft aan dat de inhoud niet relevant of onaantrekkelijk is. Een bovengemiddelde verblijftijd kan er daarentegen op wijzen dat de gebruiker zijn weg niet vindt.

    Pageviews en afzonderlijke pageviews

    Het totale aantal bekeken pagina's wordt ook wel pageviews genoemd. Meerdere pageviews worden hier ook geteld. Bij enkele pageviews daarentegen wordt elke bekeken pagina slechts één keer geteld.

    Conversie en conversiepercentage

    Conversies zijn gewenste acties die een gebruiker uitvoert op de website. Microconversies zijn kleine acties die de gebruiker uitvoert en die duiden op een conversie. Een voorbeeld hiervan is een gebruiker die van een categoriepagina naar een productpagina gaat. Er is dan sprake van een conversie als deze gebruiker vervolgens het bijbehorende product koopt.

    Het conversiepercentage berekent het aantal gebruikers in verhouding tot de gedane conversies (bijv. aankopen). We raden je aan om de verschillende (micro) conversies langs je websitetrechter in kaart te brengen om te bepalen op welk punt de meeste gebruikers afhaken.

    Dit zou er als volgt uit kunnen zien:

    Grafik Die Conversion Rate

  • In ons voorbeeld kun je zien hoe het conversiepercentage zich gedraagt in de respectieve sales funnel-fasen. Voor de berekening werden de pageviews van de onderste trechterfase gedeeld door de pageviews van de bovenste trechterfase en vermenigvuldigd met 100. Dit laat zien welk percentage gebruikers van de ene trechterfase naar de volgende is geconverteerd. Zo zie je welk percentage gebruikers van de ene funnelfase naar de volgende is geconverteerd.

    Op deze manier is het mogelijk om verschillende productcategorieën met elkaar te vergelijken en specifieke optimalisaties door te voeren.

    Bouncepercentage

    Om erachter te komen hoe kwalitatief waardevol een website is voor de gebruiker, wordt het bouncepercentage geanalyseerd. Strikt genomen verwijst dit naar de gebruikers die op een toegangspagina komen en deze na een paar seconden weer verlaten. Een lage waarde spreekt dus in het voordeel van een website van hoge kwaliteit.

    Filter

    Als je een filterfunctie op je website hebt geïntegreerd, helpt het ook om het gebruik van de filters regelmatig te controleren. Dit geeft je een overzicht van welke categorieën / gebieden van groot belang zijn en of de filters überhaupt worden gebruikt.

    Apparaatgebruik

    Om erachter te komen welke eindapparaten (mobiel, tablet, desktop) de gebruiker gebruikt om toegang te krijgen tot je website, kun je het apparaatgebruik analyseren. Dit helpt je om prioriteiten te stellen in je webdesign. Over het algemeen kan worden vastgesteld dat het gebruik van mobiele apparaten voortdurend toeneemt. Het is echter interessant om te analyseren welk apparaat daadwerkelijk wordt gebruikt om te converteren. Als IT-bureau zien we vaak een breuk waarbij gebruikers informatie verkrijgen via een mobiel apparaat, maar vervolgens de aankoop/conversie doen op een desktop.

    Bronnen

    Om erachter te komen welke promotiemaatregelen hebben geleid tot microconversies en uiteindelijke conversies (verkopen, downloads), kunnen de zogenaamde bronnen worden geanalyseerd. Deze informatie kan vervolgens worden gebruikt om promotiemaatregelen aan te passen. We raden echter aan om de invloed van campagnes op platforms die niet tot directe conversies leiden niet te onderschatten. Vooral waarschuwingscampagnes op sociale media helpen om het algemene verkeer te verhogen. De doelgroep kan bijvoorbeeld op een later tijdstip naar de website worden geleid. Deze invloeden kunnen over het algemeen niet 100% worden getraceerd.

    Foutenpercentage

    Het foutpercentage is het gemiddelde aantal geregistreerde problemen op uw website ten opzichte van het totale aantal probleemmeldingen. Dit percentage moet regelmatig worden gecontroleerd, zodat problemen in een vroeg stadium kunnen worden opgespoord en verholpen.

    Tools voor tracering

    Hieronder vindt u de meest gebruikte trackingtools:

    Download nu de gratis website overzichtsposter!

    Heb je nog vragen over websites en webontwikkeling of heb je hulp nodig met je online shop? Neem dan gerust contact met ons op! Als softwarebureau kunnen we putten uit jarenlange ervaring in webontwikkeling, softwareontwikkeling en e-commerce. We ondersteunen jou en je bedrijf graag - we horen graag van je!

Wat is je project? Als je ons erover wilt vertellen, bellen we je terug!

 
Meike
Meike
from 16.12.2021

Hallo, mijn naam is Meike. I take care of the EXWE back office and am responsible for our social media channels. All of our articles are meant to make your life easier and help you make decisions. Nevertheless, it can happen that something remains unclear, so: Als je vragen hebt over dit artikel kun je me makkelijk bereiken op +49 231 93149827.

Je wilt altijd voorop blijven lopen met technologie Mis geen nieuws en blogberichten meer.
We hebben ook de volgende interessante berichten van onze tech blog voor je over dit onderwerp
Web development: Four steps to a functional web app

Do you want to program a web app for your company, but don't know how to get started? We'll tell you four steps that will lead to success.

Can I track HubSpot Chat conversions in compliance with GDPR?

How to track the HubSpot Chat Widget using a CookieManager like cookiebot.com for GoogleAnalytics?

Web development: Does it always have to be Scrum?

Project planning in agile software development - does Scrum always have to be used for web development? We make the comparison and show alternative models.